@jbrowse/plugin-linear-comparative-view 2.13.1 → 2.15.0

package/esm/LinearSyntenyView/components/ImportForm/ImportCustomTrack.js

@@ -105,7 +105,9 @@ const OpenTrack = observer(({ assembly1, assembly2, setSessionTrackData, }) => {
     return (React.createElement(Paper, { style: { padding: 12 } },
         error ? React.createElement(ErrorMessage, { error: error }) : null,
         React.createElement(Typography, { style: { textAlign: 'center' } }, "Add a .paf, .out (MashMap), .delta (Mummer), .chain, .anchors or .anchors.simple (MCScan) file to view in the dotplot. These file types can also be gzipped. The first assembly should be the query sequence (e.g. left column of the PAF) and the second assembly should be the target sequence (e.g. right column of the PAF)"),
-        React.createElement(RadioGroup, { value: radioOption, onChange: event => setValue(event.target.value) },
+        React.createElement(RadioGroup, { value: radioOption, onChange: event => {
+                setValue(event.target.value);
+            } },
             React.createElement(Grid, { container: true, justifyContent: "center" },
                 React.createElement(Grid, { item: true },
                     React.createElement(FormControlLabel, { value: ".paf", control: React.createElement(Radio, null), label: ".paf" })),
@@ -129,10 +131,18 @@ const OpenTrack = observer(({ assembly1, assembly2, setSessionTrackData, }) => {
                     React.createElement("a", { href: "https://github.com/tanghaibao/jcvi/wiki/MCscan-(Python-version)" }, "(more info)")),
                 React.createElement("div", { style: { display: 'flex' } },
                     React.createElement("div", null,
-                        React.createElement(FileSelector, { name: ".anchors file", description: "", location: fileLocation, setLocation: loc => setFileLocation(loc) })),
+                        React.createElement(FileSelector, { name: ".anchors file", description: "", location: fileLocation, setLocation: loc => {
+                                setFileLocation(loc);
+                            } })),
                     React.createElement("div", null,
-                        React.createElement(FileSelector, { name: "genome 1 .bed (left column of anchors file)", description: "", location: bed1Location, setLocation: loc => setBed1Location(loc) })),
+                        React.createElement(FileSelector, { name: "genome 1 .bed (left column of anchors file)", description: "", location: bed1Location, setLocation: loc => {
+                                setBed1Location(loc);
+                            } })),
                     React.createElement("div", null,
-                        React.createElement(FileSelector, { name: "genome 2 .bed (right column of anchors file)", description: "", location: bed2Location, setLocation: loc => setBed2Location(loc) }))))) : (React.createElement(FileSelector, { name: value ? value + ' location' : '', description: "", location: fileLocation, setLocation: loc => setFileLocation(loc) }))))));
+                        React.createElement(FileSelector, { name: "genome 2 .bed (right column of anchors file)", description: "", location: bed2Location, setLocation: loc => {
+                                setBed2Location(loc);
+                            } }))))) : (React.createElement(FileSelector, { name: value ? `${value} location` : '', description: "", location: fileLocation, setLocation: loc => {
+                    setFileLocation(loc);
+                } }))))));
 });
 export default OpenTrack;

package/esm/LinearSyntenyView/components/ImportForm/ImportSyntenyTrackSelector.js

@@ -32,6 +32,8 @@ const Selector = observer(({ model, assembly1, assembly2, setShowTrackId, }) =>
     }, [value, setShowTrackId]);
     return (React.createElement(Paper, { style: { padding: 12 } },
         React.createElement(Typography, { paragraph: true }, "Select a track from the select box below, the track will be shown when you hit \"Launch\"."),
-        filteredTracks.length ? (React.createElement(Select, { value: value, onChange: event => setValue(event.target.value) }, filteredTracks.map(track => (React.createElement(MenuItem, { key: track.trackId, value: track.trackId }, getTrackName(track, session)))))) : (React.createElement(ErrorMessage, { error: `No synteny tracks found for ${assembly1},${assembly2}` }))));
+        filteredTracks.length ? (React.createElement(Select, { value: value, onChange: event => {
+                setValue(event.target.value);
+            } }, filteredTracks.map(track => (React.createElement(MenuItem, { key: track.trackId, value: track.trackId }, getTrackName(track, session)))))) : (React.createElement(ErrorMessage, { error: `No synteny tracks found for ${assembly1},${assembly2}` }))));
 });
 export default Selector;

package/esm/LinearSyntenyView/components/ImportForm/index.js

@@ -27,7 +27,9 @@ function TrackSelector({ setSessionTrackData, setShowTrackId, sessionTrackData,
     return (React.createElement(React.Fragment, null,
         React.createElement(FormControl, null,
             React.createElement(FormLabel, { id: "group-label" }, "(Optional) Select or add a synteny track"),
-            React.createElement(RadioGroup, { row: true, value: choice, onChange: event => setChoice(event.target.value), "aria-labelledby": "group-label" },
+            React.createElement(RadioGroup, { row: true, value: choice, onChange: event => {
+                    setChoice(event.target.value);
+                }, "aria-labelledby": "group-label" },
                 React.createElement(FormControlLabel, { value: "none", control: React.createElement(Radio, null), label: "None" }),
                 React.createElement(FormControlLabel, { value: "tracklist", control: React.createElement(Radio, null), label: "Existing track" }),
                 React.createElement(FormControlLabel, { value: "custom", control: React.createElement(Radio, null), label: "New track" }))),
@@ -64,8 +66,12 @@ const LinearSyntenyViewImportForm = observer(function ({ model, }) {
                     displayedRegions: asm.regions,
                 };
             })));
-            model.views.forEach(view => view.setWidth(model.width));
-            model.views.forEach(view => view.showAllRegions());
+            model.views.forEach(view => {
+                view.setWidth(model.width);
+            });
+            model.views.forEach(view => {
+                view.showAllRegions();
+            });
             if (sessionTrackData) {
                 session.addTrackConf(sessionTrackData);
                 model.toggleTrack(sessionTrackData.trackId);
@@ -89,9 +95,13 @@ const LinearSyntenyViewImportForm = observer(function ({ model, }) {
                     React.createElement("p", { style: { textAlign: 'center' } }, "Select assemblies for linear synteny view"),
                     React.createElement(Grid, { container: true, spacing: 1, justifyContent: "center", alignItems: "center" },
                         React.createElement(Grid, { item: true },
-                            React.createElement(AssemblySelector, { selected: assembly1, onChange: val => setAssembly1(val), session: session })),
+                            React.createElement(AssemblySelector, { selected: assembly1, onChange: val => {
+                                    setAssembly1(val);
+                                }, session: session })),
                         React.createElement(Grid, { item: true },
-                            React.createElement(AssemblySelector, { selected: assembly2, onChange: val => setAssembly2(val), session: session })),
+                            React.createElement(AssemblySelector, { selected: assembly2, onChange: val => {
+                                    setAssembly2(val);
+                                }, session: session })),
                         React.createElement(Grid, { item: true },
                             React.createElement(FormControl, null,
                                 React.createElement(Button, { onClick: onOpenClick, variant: "contained", color: "primary" }, "Launch"))))),

package/esm/LinearSyntenyView/model.d.ts

@@ -54,7 +54,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         showCytobandsSetting: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
         trackLabels: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
         showGridlines: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-        highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<Required<import("@jbrowse/core/util").ParsedLocString>, Required<import("@jbrowse/core/util").ParsedLocString>, Required<import("@jbrowse/core/util").ParsedLocString>>>, [undefined]>;
+        highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType, import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType, import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType>>, [undefined]>;
         colorByCDS: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
         showTrackOutlines: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
     }, {
@@ -70,7 +70,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         minimumBlockWidth: number;
         draggingTrackId: undefined | string;
         volatileError: unknown;
-        afterDisplayedRegionsSetCallbacks: Function[];
+        afterDisplayedRegionsSetCallbacks: (() => void)[];
         scaleFactor: number;
         trackRefs: Record<string, HTMLDivElement>;
         coarseDynamicBlocks: import("@jbrowse/core/util/blockTypes").BaseBlock[];
@@ -83,7 +83,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         readonly interRegionPaddingWidth: number;
         readonly assemblyNames: string[];
     } & {
-        scaleBarDisplayPrefix(): string;
+        scaleBarDisplayPrefix(): string | undefined;
         MiniControlsComponent(): React.FC<any>;
         HeaderComponent(): React.FC<any>;
         readonly assemblyErrors: string;
@@ -98,7 +98,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         readonly totalBp: number;
         readonly maxBpPerPx: number;
         readonly minBpPerPx: number;
-        readonly error: {};
+        readonly error: unknown;
         readonly maxOffset: number;
         readonly minOffset: number;
         readonly displayedRegionsTotalPx: number;
@@ -122,9 +122,9 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         setHideHeaderOverview(b: boolean): void;
         setHideNoTracksActive(b: boolean): void;
         setShowGridlines(b: boolean): void;
-        addToHighlights(highlight: Required<import("@jbrowse/core/util").ParsedLocString>): void;
-        setHighlight(highlight: Required<import("@jbrowse/core/util").ParsedLocString>[] | undefined): void;
-        removeHighlight(highlight: Required<import("@jbrowse/core/util").ParsedLocString>): void;
+        addToHighlights(highlight: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType): void;
+        setHighlight(highlight?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType[]): void;
+        removeHighlight(highlight: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType): void;
         scrollTo(offsetPx: number): number;
         zoomTo(bpPerPx: number, offset?: number, centerAtOffset?: boolean): number;
         setOffsets(left?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset, right?: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").BpOffset): void;
@@ -139,7 +139,6 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         moveTrackToTop(id: string): void;
         moveTrackToBottom(id: string): void;
         moveTrack(movingId: string, targetId: string): void;
-        closeView(): void;
         toggleTrack(trackId: string): boolean;
         setTrackLabels(setting: "overlapping" | "offset" | "hidden"): void;
         setShowCenterLine(b: boolean): void;
@@ -159,7 +158,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
             variant?: string;
             isLeftEndOfDisplayedRegion?: boolean;
         }[];
-        afterDisplayedRegionsSet(cb: Function): void;
+        afterDisplayedRegionsSet(cb: () => void): void;
         horizontalScroll(distance: number): number;
         center(): void;
         showAllRegions(): void;
@@ -252,7 +251,7 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
         showCytobandsSetting: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
         trackLabels: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
         showGridlines: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-        highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<Required<import("@jbrowse/core/util").ParsedLocString>, Required<import("@jbrowse/core/util").ParsedLocString>, Required<import("@jbrowse/core/util").ParsedLocString>>>, [undefined]>;
+        highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType, import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType, import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").HighlightType>>, [undefined]>;
         colorByCDS: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
         showTrackOutlines: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
     }>>, import("mobx-state-tree")._NotCustomized>>;
@@ -282,7 +281,6 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
     setWidth(newWidth: number): void;
     setViews(views: import("mobx-state-tree").SnapshotIn<import("@jbrowse/plugin-linear-genome-view").LinearGenomeViewModel>[]): void;
     removeView(view: import("@jbrowse/plugin-linear-genome-view").LinearGenomeViewModel): void;
-    closeView(): void;
     setMiddleComparativeHeight(n: number): number;
     activateTrackSelector(): import("@jbrowse/core/util").Widget | undefined;
     toggleTrack(trackId: string): boolean;

package/esm/LinearSyntenyView/model.js

@@ -51,7 +51,9 @@ export default function stateModelFactory(pluginManager) {
          */
         showAllRegions() {
             transaction(() => {
-                self.views.forEach(view => view.showAllRegionsInAssembly());
+                self.views.forEach(view => {
+                    view.showAllRegionsInAssembly();
+                });
             });
         },
     }))

package/esm/LinearSyntenyView/svgcomponents/SVGLinearSyntenyView.js

@@ -19,7 +19,6 @@ export async function renderToSvg(model, opts) {
     const { width, views, middleComparativeHeight: synH, tracks } = model;
     const shift = 50;
     const offset = headerHeight + rulerHeight;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const { createRootFn } = getRoot(model);
     const heights = views.map(v => totalHeight(v.tracks, textHeight, trackLabels) + offset);
     const totalHeightSvg = sum(heights) + synH + 100;
@@ -37,11 +36,14 @@ export async function renderToSvg(model, opts) {
     const renderings = await Promise.all(tracks.map(async (track) => {
         const d = track.displays[0];
         await when(() => (d.ready !== undefined ? d.ready : true));
-        const r = await renderToAbstractCanvas(width, synH, { exportSVG: opts }, ctx => drawRef(d, ctx));
+        const r = await renderToAbstractCanvas(width, synH, { exportSVG: opts }, ctx => {
+            drawRef(d, ctx);
+            return undefined;
+        });
         if ('imageData' in r) {
             throw new Error('found a canvas in svg export, probably a bug');
         }
-        else if ('canvasRecordedData' in r) {
+        if ('canvasRecordedData' in r) {
             return {
                 html: await getSerializedSvg({
                     ...r,
@@ -50,9 +52,7 @@ export async function renderToSvg(model, opts) {
                 }),
             };
         }
-        else {
-            return r;
-        }
+        return r;
     }));
     const trackLabelMaxLen = max(views.flatMap(view => view.tracks.map(t => measureText(getTrackName(t.configuration, session), fontSize))), 0) + 40;
     const trackLabelOffset = trackLabels === 'left' ? trackLabelMaxLen : 0;
@@ -71,7 +71,9 @@ export async function renderToSvg(model, opts) {
                 React.createElement("defs", null,
                     React.createElement("clipPath", { id: 'synclip' },
                         React.createElement("rect", { x: 0, y: 0, width: width, height: synH }))),
-                React.createElement("g", { transform: `translate(${shift + trackLabelOffset} ${fontSize + heights[0]})`, clipPath: `url(#synclip)` }, renderings.map((r, i) => (React.createElement(ReactRendering, { key: i, rendering: r })))),
+                React.createElement("g", { transform: `translate(${shift + trackLabelOffset} ${fontSize + heights[0]})`, clipPath: 'url(#synclip)' }, renderings.map((r, i) => (
+                /* biome-ignore lint/suspicious/noArrayIndexKey: */
+                React.createElement(ReactRendering, { key: i, rendering: r })))),
                 React.createElement("g", { transform: `translate(${shift} ${fontSize + heights[0] + synH})` },
                     React.createElement("g", { transform: `translate(${trackLabelOffset})` },
                         React.createElement("text", { x: 0, fontSize: fontSize, ...getFillProps(theme.palette.text.primary) }, views[1].assemblyNames.join(', ')),

package/esm/index.js

@@ -8,7 +8,6 @@ import LGVSyntenyDisplayF from './LGVSyntenyDisplay';
 import LinearSyntenyViewF from './LinearSyntenyView';
 import LaunchLinearSyntenyViewF from './LaunchLinearSyntenyView';
 import SyntenyTrackF from './SyntenyTrack';
-import SyntenyFeatureWidgetF from './SyntenyFeatureDetail';
 import LinearReadVsRefMenuItemF from './LinearReadVsRef';
 export default class LinearComparativeViewPlugin extends Plugin {
     constructor() {
@@ -23,7 +22,6 @@ export default class LinearComparativeViewPlugin extends Plugin {
         LGVSyntenyDisplayF(pluginManager);
         LaunchLinearSyntenyViewF(pluginManager);
         SyntenyTrackF(pluginManager);
-        SyntenyFeatureWidgetF(pluginManager);
         LinearReadVsRefMenuItemF(pluginManager);
     }
     configure(pluginManager) {

package/esm/util.js

@@ -8,10 +8,11 @@ function heightFromSpecificLevel(views, trackConfigId, level) {
         .slice(0, level)
         .map(v => v.height + 7)
         .reduce((a, b) => a + b, 0);
+    const v = views[level];
     return (heightUpUntilThisPoint +
-        views[level].headerHeight +
-        views[level].scaleBarHeight +
-        getTrackPos(views[level], trackConfigId) +
+        v.headerHeight +
+        v.scaleBarHeight +
+        getTrackPos(v, trackConfigId) +
         1);
 }
 export function getTrackPos(view, trackConfigId) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-linear-comparative-view",
-  "version": "2.13.1",
+  "version": "2.15.0",
   "description": "JBrowse 2 linear comparative view",
   "keywords": [
     "jbrowse",
@@ -24,7 +24,7 @@
   ],
   "scripts": {
     "build": "npm-run-all build:*",
-    "test": "cd ../..; jest plugins/linear-comparative-view",
+    "test": "cd ../..; jest --passWithNoTests plugins/linear-comparative-view",
     "prepublishOnly": "yarn test",
     "prepack": "yarn build && yarn useDist",
     "postpack": "yarn useSrc",
@@ -37,7 +37,7 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.26.3",
-    "@mui/icons-material": "^5.0.1",
+    "@mui/icons-material": "^6.0.0",
     "clone": "^2.1.2",
     "copy-to-clipboard": "^3.3.1",
     "file-saver": "^2.0.0"
@@ -46,7 +46,7 @@
     "@jbrowse/core": "^2.0.0",
     "@jbrowse/plugin-alignments": "^2.0.0",
     "@jbrowse/plugin-linear-genome-view": "^2.0.0",
-    "@mui/material": "^5.0.0",
+    "@mui/material": "^6.0.0",
     "mobx": "^6.0.0",
     "mobx-react": "^9.0.0",
     "mobx-state-tree": "^5.0.0",
@@ -61,5 +61,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "fcebca71cc1d066654603e1a9accfa6c6d4f764d"
+  "gitHead": "87eeb1fbf8311dbf88d5e75b5a265f03beffdda8"
 }

package/dist/SyntenyFeatureDetail/SyntenyFeatureDetail.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-declare const SyntenyFeatureDetail: ({ model, }: {
-    model: {
-        featureData: unknown;
-    };
-}) => React.JSX.Element;
-export default SyntenyFeatureDetail;

package/dist/SyntenyFeatureDetail/SyntenyFeatureDetail.js

@@ -1,63 +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 (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 copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const BaseFeatureDetail_1 = require("@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail");
-function Formatter({ value }) {
-    const [show, setShow] = (0, react_1.useState)(false);
-    const [copied, setCopied] = (0, react_1.useState)(false);
-    const display = String(value);
-    if (display.length > 100) {
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("button", { type: "button", onClick: () => {
-                    (0, copy_to_clipboard_1.default)(display);
-                    setCopied(true);
-                    setTimeout(() => {
-                        setCopied(false);
-                    }, 700);
-                } }, copied ? 'Copied to clipboard' : 'Copy'),
-            react_1.default.createElement("button", { type: "button", onClick: () => setShow(val => !val) }, show ? 'Show less' : 'Show more'),
-            react_1.default.createElement("div", null, show ? display : `${display.slice(0, 100)}...`)));
-    }
-    return react_1.default.createElement("div", null, display);
-}
-function CustomFeatureDetails(props) {
-    return (react_1.default.createElement(BaseFeatureDetail_1.BaseAttributes, { ...props, formatter: (value) => react_1.default.createElement(Formatter, { value: value }) }));
-}
-const SyntenyFeatureDetail = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { feature1, feature2 } = JSON.parse(JSON.stringify(model.featureData));
-    return (react_1.default.createElement(material_1.Paper, { "data-testid": "alignment-side-drawer" },
-        react_1.default.createElement(BaseFeatureDetail_1.BaseCoreDetails, { title: "Feature 1", feature: feature1 }),
-        react_1.default.createElement(BaseFeatureDetail_1.BaseCoreDetails, { title: "Feature 2", feature: feature2 }),
-        react_1.default.createElement(CustomFeatureDetails, { feature: feature1 }),
-        react_1.default.createElement(CustomFeatureDetails, { feature: feature2 })));
-});
-exports.default = SyntenyFeatureDetail;

package/dist/SyntenyFeatureDetail/index.d.ts

@@ -1,2 +0,0 @@
-import PluginManager from '@jbrowse/core/PluginManager';
-export default function SyntenyFeatureWidgetF(pluginManager: PluginManager): void;

package/dist/SyntenyFeatureDetail/index.js

@@ -1,58 +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 (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 = SyntenyFeatureWidgetF;
-const react_1 = require("react");
-const configuration_1 = require("@jbrowse/core/configuration");
-const WidgetType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/WidgetType"));
-const mst_1 = require("@jbrowse/core/util/types/mst");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const configSchema = (0, configuration_1.ConfigurationSchema)('SyntenyFeatureWidget', {});
-const stateModel = mobx_state_tree_1.types
-    .model('SyntenyFeatureWidget', {
-    id: mst_1.ElementId,
-    type: mobx_state_tree_1.types.literal('SyntenyFeatureWidget'),
-    featureData: mobx_state_tree_1.types.frozen(),
-})
-    .actions(self => ({
-    setFeatureData(data) {
-        self.featureData = data;
-    },
-    clearFeatureData() {
-        self.featureData = undefined;
-    },
-}));
-function SyntenyFeatureWidgetF(pluginManager) {
-    pluginManager.addWidgetType(() => new WidgetType_1.default({
-        name: 'SyntenyFeatureWidget',
-        heading: 'Synteny feature details',
-        configSchema,
-        stateModel,
-        ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./SyntenyFeatureDetail')))),
-    }));
-}

package/esm/SyntenyFeatureDetail/SyntenyFeatureDetail.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-declare const SyntenyFeatureDetail: ({ model, }: {
-    model: {
-        featureData: unknown;
-    };
-}) => React.JSX.Element;
-export default SyntenyFeatureDetail;

package/esm/SyntenyFeatureDetail/SyntenyFeatureDetail.js

@@ -1,35 +0,0 @@
-import React, { useState } from 'react';
-import copy from 'copy-to-clipboard';
-import { Paper } from '@mui/material';
-import { observer } from 'mobx-react';
-import { BaseCoreDetails, BaseAttributes, } from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail';
-function Formatter({ value }) {
-    const [show, setShow] = useState(false);
-    const [copied, setCopied] = useState(false);
-    const display = String(value);
-    if (display.length > 100) {
-        return (React.createElement(React.Fragment, null,
-            React.createElement("button", { type: "button", onClick: () => {
-                    copy(display);
-                    setCopied(true);
-                    setTimeout(() => {
-                        setCopied(false);
-                    }, 700);
-                } }, copied ? 'Copied to clipboard' : 'Copy'),
-            React.createElement("button", { type: "button", onClick: () => setShow(val => !val) }, show ? 'Show less' : 'Show more'),
-            React.createElement("div", null, show ? display : `${display.slice(0, 100)}...`)));
-    }
-    return React.createElement("div", null, display);
-}
-function CustomFeatureDetails(props) {
-    return (React.createElement(BaseAttributes, { ...props, formatter: (value) => React.createElement(Formatter, { value: value }) }));
-}
-const SyntenyFeatureDetail = observer(function ({ model, }) {
-    const { feature1, feature2 } = JSON.parse(JSON.stringify(model.featureData));
-    return (React.createElement(Paper, { "data-testid": "alignment-side-drawer" },
-        React.createElement(BaseCoreDetails, { title: "Feature 1", feature: feature1 }),
-        React.createElement(BaseCoreDetails, { title: "Feature 2", feature: feature2 }),
-        React.createElement(CustomFeatureDetails, { feature: feature1 }),
-        React.createElement(CustomFeatureDetails, { feature: feature2 })));
-});
-export default SyntenyFeatureDetail;

package/esm/SyntenyFeatureDetail/index.d.ts

@@ -1,2 +0,0 @@
-import PluginManager from '@jbrowse/core/PluginManager';
-export default function SyntenyFeatureWidgetF(pluginManager: PluginManager): void;

package/esm/SyntenyFeatureDetail/index.js

@@ -1,29 +0,0 @@
-import { lazy } from 'react';
-import { ConfigurationSchema } from '@jbrowse/core/configuration';
-import WidgetType from '@jbrowse/core/pluggableElementTypes/WidgetType';
-import { ElementId } from '@jbrowse/core/util/types/mst';
-import { types } from 'mobx-state-tree';
-const configSchema = ConfigurationSchema('SyntenyFeatureWidget', {});
-const stateModel = types
-    .model('SyntenyFeatureWidget', {
-    id: ElementId,
-    type: types.literal('SyntenyFeatureWidget'),
-    featureData: types.frozen(),
-})
-    .actions(self => ({
-    setFeatureData(data) {
-        self.featureData = data;
-    },
-    clearFeatureData() {
-        self.featureData = undefined;
-    },
-}));
-export default function SyntenyFeatureWidgetF(pluginManager) {
-    pluginManager.addWidgetType(() => new WidgetType({
-        name: 'SyntenyFeatureWidget',
-        heading: 'Synteny feature details',
-        configSchema,
-        stateModel,
-        ReactComponent: lazy(() => import('./SyntenyFeatureDetail')),
-    }));
-}