react-msaview 4.4.2 → 4.4.4

package/dist/DataModel.d.ts

@@ -0,0 +1,34 @@
+/**
+ * #stateModel DataModel
+ * the data stored for the model. this is sometimes temporary in the case that
+ * e.g. msaFilehandle is available on the parent model, because then the msa
+ * data will not be persisted in saved session snapshots, it will be fetched
+ * from msaFilehandle at startup
+ */
+export declare function DataModelF(): import("mobx-state-tree").IModelType<{
+    /**
+     * #property
+     */
+    tree: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    /**
+     * #property
+     */
+    msa: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    /**
+     * #property
+     */
+    treeMetadata: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+}, {
+    /**
+     * #action
+     */
+    setTree(tree?: string): void;
+    /**
+     * #action
+     */
+    setMSA(msa?: string): void;
+    /**
+     * #action
+     */
+    setTreeMetadata(treeMetadata?: string): void;
+}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;

package/dist/DataModel.js

@@ -0,0 +1,46 @@
+import { types } from 'mobx-state-tree';
+/**
+ * #stateModel DataModel
+ * the data stored for the model. this is sometimes temporary in the case that
+ * e.g. msaFilehandle is available on the parent model, because then the msa
+ * data will not be persisted in saved session snapshots, it will be fetched
+ * from msaFilehandle at startup
+ */
+export function DataModelF() {
+    return types
+        .model({
+        /**
+         * #property
+         */
+        tree: types.maybe(types.string),
+        /**
+         * #property
+         */
+        msa: types.maybe(types.string),
+        /**
+         * #property
+         */
+        treeMetadata: types.maybe(types.string),
+    })
+        .actions(self => ({
+        /**
+         * #action
+         */
+        setTree(tree) {
+            self.tree = tree;
+        },
+        /**
+         * #action
+         */
+        setMSA(msa) {
+            self.msa = msa;
+        },
+        /**
+         * #action
+         */
+        setTreeMetadata(treeMetadata) {
+            self.treeMetadata = treeMetadata;
+        },
+    }));
+}
+//# sourceMappingURL=DataModel.js.map

package/dist/DataModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataModel.js","sourceRoot":"","sources":["../src/DataModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC;;;;;;GAMG;AACH,MAAM,UAAU,UAAU;IACxB,OAAO,KAAK;SACT,KAAK,CAAC;QACL;;WAEG;QACH,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;QAC/B;;WAEG;QACH,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;QAC9B;;WAEG;QACH,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;KACxC,CAAC;SACD,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAChB;;WAEG;QACH,OAAO,CAAC,IAAa;YACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAClB,CAAC;QACD;;WAEG;QACH,MAAM,CAAC,GAAY;YACjB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAA;QAChB,CAAC;QACD;;WAEG;QACH,eAAe,CAAC,YAAqB;YACnC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAA;QAClC,CAAC;KACF,CAAC,CAAC,CAAA;AACP,CAAC"}

package/dist/DialogQueue.d.ts

@@ -0,0 +1,25 @@
+import { DialogComponentType } from '@jbrowse/core/util';
+/**
+ * #stateModel DialogQueueSessionMixin
+ */
+export declare function DialogQueueSessionMixin(): import("mobx-state-tree").IModelType<{}, {
+    queueOfDialogs: [DialogComponentType, any][];
+} & {
+    /**
+     * #getter
+     */
+    readonly DialogComponent: DialogComponentType;
+    /**
+     * #getter
+     */
+    readonly DialogProps: any;
+} & {
+    /**
+     * #action
+     */
+    removeActiveDialog(): void;
+    /**
+     * #action
+     */
+    queueDialog(cb: (doneCallback: () => void) => [DialogComponentType, unknown]): void;
+}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;

package/dist/DialogQueue.js

@@ -0,0 +1,44 @@
+import { types } from 'mobx-state-tree';
+/**
+ * #stateModel DialogQueueSessionMixin
+ */
+export function DialogQueueSessionMixin() {
+    return types
+        .model('DialogQueueSessionMixin', {})
+        .volatile(() => ({
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        queueOfDialogs: [],
+    }))
+        .views(self => ({
+        /**
+         * #getter
+         */
+        get DialogComponent() {
+            return self.queueOfDialogs[0]?.[0];
+        },
+        /**
+         * #getter
+         */
+        get DialogProps() {
+            return self.queueOfDialogs[0]?.[1];
+        },
+    }))
+        .actions(self => ({
+        /**
+         * #action
+         */
+        removeActiveDialog() {
+            self.queueOfDialogs = self.queueOfDialogs.slice(1);
+        },
+        /**
+         * #action
+         */
+        queueDialog(cb) {
+            const [component, props] = cb(() => {
+                this.removeActiveDialog();
+            });
+            self.queueOfDialogs = [...self.queueOfDialogs, [component, props]];
+        },
+    }));
+}
+//# sourceMappingURL=DialogQueue.js.map

package/dist/DialogQueue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogQueue.js","sourceRoot":"","sources":["../src/DialogQueue.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACrC,OAAO,KAAK;SACT,KAAK,CAAC,yBAAyB,EAAE,EAAE,CAAC;SACpC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;QACf,8DAA8D;QAC9D,cAAc,EAAE,EAAkC;KACnD,CAAC,CAAC;SACF,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACd;;WAEG;QACH,IAAI,eAAe;YACjB,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;QACpC,CAAC;QACD;;WAEG;QACH,IAAI,WAAW;YACb,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;QACpC,CAAC;KACF,CAAC,CAAC;SACF,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAChB;;WAEG;QACH,kBAAkB;YAChB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;QACpD,CAAC;QACD;;WAEG;QACH,WAAW,CACT,EAAgE;YAEhE,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE;gBACjC,IAAI,CAAC,kBAAkB,EAAE,CAAA;YAC3B,CAAC,CAAC,CAAA;YACF,IAAI,CAAC,cAAc,GAAG,CAAC,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAA;QACpE,CAAC;KACF,CAAC,CAAC,CAAA;AACP,CAAC"}

package/dist/SelectedStructuresMixin.d.ts

@@ -0,0 +1,46 @@
+import { SnapshotIn } from 'mobx-state-tree';
+import { StructureModel } from './StructureModel';
+export type StructureSnap = SnapshotIn<typeof StructureModel>;
+export declare function SelectedStructuresMixin(): import("mobx-state-tree").IModelType<{
+    /**
+     * #property
+     * currently "selected" structures, generally PDB 3-D protein structures
+     */
+    selectedStructures: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+        id: import("mobx-state-tree").ISimpleType<string>;
+        structure: import("mobx-state-tree").IModelType<{
+            pdb: import("mobx-state-tree").ISimpleType<string>;
+            startPos: import("mobx-state-tree").ISimpleType<number>;
+            endPos: import("mobx-state-tree").ISimpleType<number>;
+        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+        range: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+}, {
+    /**
+     * #action
+     * add to the selected structures
+     */
+    addStructureToSelection(elt: StructureSnap): void;
+    /**
+     * #action
+     * remove from the selected structures
+     */
+    removeStructureFromSelection(elt: StructureSnap): void;
+    /**
+     * #action
+     * toggle a structure from the selected structures list
+     */
+    toggleStructureSelection(elt: {
+        id: string;
+        structure: {
+            startPos: number;
+            endPos: number;
+            pdb: string;
+        };
+    }): void;
+    /**
+     * #action
+     * clear all selected structures
+     */
+    clearSelectedStructures(): void;
+}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;

package/dist/SelectedStructuresMixin.js

@@ -0,0 +1,52 @@
+import { cast, types } from 'mobx-state-tree';
+import { StructureModel } from './StructureModel';
+export function SelectedStructuresMixin() {
+    return types
+        .model({
+        /**
+         * #property
+         * currently "selected" structures, generally PDB 3-D protein structures
+         */
+        selectedStructures: types.array(StructureModel),
+    })
+        .actions(self => ({
+        /**
+         * #action
+         * add to the selected structures
+         */
+        addStructureToSelection(elt) {
+            self.selectedStructures.push(elt);
+        },
+        /**
+         * #action
+         * remove from the selected structures
+         */
+        removeStructureFromSelection(elt) {
+            const r = self.selectedStructures.find(node => node.id === elt.id);
+            if (r) {
+                self.selectedStructures.remove(r);
+            }
+        },
+        /**
+         * #action
+         * toggle a structure from the selected structures list
+         */
+        toggleStructureSelection(elt) {
+            const r = self.selectedStructures.find(node => node.id === elt.id);
+            if (r) {
+                self.selectedStructures.remove(r);
+            }
+            else {
+                self.selectedStructures.push(elt);
+            }
+        },
+        /**
+         * #action
+         * clear all selected structures
+         */
+        clearSelectedStructures() {
+            self.selectedStructures = cast([]);
+        },
+    }));
+}
+//# sourceMappingURL=SelectedStructuresMixin.js.map

package/dist/SelectedStructuresMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedStructuresMixin.js","sourceRoot":"","sources":["../src/SelectedStructuresMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,IAAI,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAIjD,MAAM,UAAU,uBAAuB;IACrC,OAAO,KAAK;SACT,KAAK,CAAC;QACL;;;WAGG;QACH,kBAAkB,EAAE,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC;KAChD,CAAC;SACD,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAChB;;;WAGG;QACH,uBAAuB,CAAC,GAAkB;YACxC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QACnC,CAAC;QAED;;;WAGG;QACH,4BAA4B,CAAC,GAAkB;YAC7C,MAAM,CAAC,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAA;YAClE,IAAI,CAAC,EAAE,CAAC;gBACN,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;YACnC,CAAC;QACH,CAAC;QAED;;;WAGG;QACH,wBAAwB,CAAC,GAGxB;YACC,MAAM,CAAC,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAA;YAClE,IAAI,CAAC,EAAE,CAAC;gBACN,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;YACnC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;YACnC,CAAC;QACH,CAAC;QAED;;;WAGG;QACH,uBAAuB;YACrB,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,EAAE,CAAC,CAAA;QACpC,CAAC;KACF,CAAC,CAAC,CAAA;AACP,CAAC"}

package/dist/StructureModel.d.ts

@@ -0,0 +1,9 @@
+export declare const StructureModel: import("mobx-state-tree").IModelType<{
+    id: import("mobx-state-tree").ISimpleType<string>;
+    structure: import("mobx-state-tree").IModelType<{
+        pdb: import("mobx-state-tree").ISimpleType<string>;
+        startPos: import("mobx-state-tree").ISimpleType<number>;
+        endPos: import("mobx-state-tree").ISimpleType<number>;
+    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+    range: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+}, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;

package/dist/StructureModel.js

@@ -0,0 +1,11 @@
+import { types } from 'mobx-state-tree';
+export const StructureModel = types.model({
+    id: types.identifier,
+    structure: types.model({
+        pdb: types.string,
+        startPos: types.number,
+        endPos: types.number,
+    }),
+    range: types.maybe(types.string),
+});
+//# sourceMappingURL=StructureModel.js.map

package/dist/StructureModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StructureModel.js","sourceRoot":"","sources":["../src/StructureModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,KAAK,CAAC;IACxC,EAAE,EAAE,KAAK,CAAC,UAAU;IACpB,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC;QACrB,GAAG,EAAE,KAAK,CAAC,MAAM;QACjB,QAAQ,EAAE,KAAK,CAAC,MAAM;QACtB,MAAM,EAAE,KAAK,CAAC,MAAM;KACrB,CAAC;IACF,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;CACjC,CAAC,CAAA"}

package/dist/UniprotTrack.d.ts

@@ -0,0 +1,27 @@
+export declare const UniprotTrack: import("mobx-state-tree").IModelType<{
+    id: import("mobx-state-tree").ISimpleType<string>;
+    accession: import("mobx-state-tree").ISimpleType<string>;
+    name: import("mobx-state-tree").ISimpleType<string>;
+    associatedRowName: import("mobx-state-tree").ISimpleType<string>;
+    height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+}, {
+    error: unknown;
+    data: string | undefined;
+} & {
+    setError(error: unknown): void;
+    setData(data: string): void;
+} & {
+    afterCreate(): void;
+} & {
+    readonly loading: boolean;
+    readonly features: {
+        seq_id: string;
+        source: string;
+        type: string;
+        start: number;
+        end: number;
+        score: number;
+        strand: string;
+        phase: string;
+    }[] | undefined;
+}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;

package/dist/UniprotTrack.js

@@ -0,0 +1,53 @@
+import { types, addDisposer } from 'mobx-state-tree';
+import { autorun } from 'mobx';
+// locals
+import { parseGFF } from './util';
+export const UniprotTrack = types
+    .model({
+    id: types.string,
+    accession: types.string,
+    name: types.string,
+    associatedRowName: types.string,
+    height: types.optional(types.number, 100),
+})
+    .volatile(() => ({
+    error: undefined,
+    data: undefined,
+}))
+    .actions(self => ({
+    setError(error) {
+        self.error = error;
+    },
+    setData(data) {
+        self.data = data;
+    },
+}))
+    .actions(self => ({
+    afterCreate() {
+        addDisposer(self, autorun(async () => {
+            try {
+                const { accession } = self;
+                const accessionSansVersion = accession?.replace(/\.[^/.]+$/, '');
+                const url = `https://rest.uniprot.org/uniprotkb/${accessionSansVersion}.gff`;
+                const res = await fetch(url);
+                if (!res.ok) {
+                    throw new Error(`HTTP ${res.status} fetching ${url}: ${await res.text()}`);
+                }
+                self.setData(await res.text());
+            }
+            catch (e) {
+                console.error(e);
+                self.setError(e);
+            }
+        }));
+    },
+}))
+    .views(self => ({
+    get loading() {
+        return !self.data;
+    },
+    get features() {
+        return parseGFF(self.data);
+    },
+}));
+//# sourceMappingURL=UniprotTrack.js.map

package/dist/UniprotTrack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UniprotTrack.js","sourceRoot":"","sources":["../src/UniprotTrack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAA;AAE9B,SAAS;AACT,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK;KAC9B,KAAK,CAAC;IACL,EAAE,EAAE,KAAK,CAAC,MAAM;IAChB,SAAS,EAAE,KAAK,CAAC,MAAM;IACvB,IAAI,EAAE,KAAK,CAAC,MAAM;IAClB,iBAAiB,EAAE,KAAK,CAAC,MAAM;IAC/B,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,EAAE,GAAG,CAAC;CAC1C,CAAC;KACD,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;IACf,KAAK,EAAE,SAAoB;IAC3B,IAAI,EAAE,SAA+B;CACtC,CAAC,CAAC;KACF,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAChB,QAAQ,CAAC,KAAc;QACrB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;IACpB,CAAC;IACD,OAAO,CAAC,IAAY;QAClB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;IAClB,CAAC;CACF,CAAC,CAAC;KACF,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAChB,WAAW;QACT,WAAW,CACT,IAAI,EACJ,OAAO,CAAC,KAAK,IAAI,EAAE;YACjB,IAAI,CAAC;gBACH,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAA;gBAC1B,MAAM,oBAAoB,GAAG,SAAS,EAAE,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAA;gBAChE,MAAM,GAAG,GAAG,sCAAsC,oBAAoB,MAAM,CAAA;gBAC5E,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,CAAA;gBAC5B,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;oBACZ,MAAM,IAAI,KAAK,CACb,QAAQ,GAAG,CAAC,MAAM,aAAa,GAAG,KAAK,MAAM,GAAG,CAAC,IAAI,EAAE,EAAE,CAC1D,CAAA;gBACH,CAAC;gBACD,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC,CAAA;YAChC,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;gBAChB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;YAClB,CAAC;QACH,CAAC,CAAC,CACH,CAAA;IACH,CAAC;CACF,CAAC,CAAC;KACF,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACd,IAAI,OAAO;QACT,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA;IACnB,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC5B,CAAC;CACF,CAAC,CAAC,CAAA"}

package/dist/components/BoxTrack.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IBoxTrack, MsaViewModel } from '../model';
+declare const BoxTrack: ({ model, track, }: {
+    model: MsaViewModel;
+    track: IBoxTrack;
+}) => React.JSX.Element;
+export default BoxTrack;

package/dist/components/BoxTrack.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { observer } from 'mobx-react';
+import BoxTrackBlock from './BoxTrackBlock';
+const BoxTrack = observer(function ({ model, track, }) {
+    const { blocksX, msaAreaWidth } = model;
+    const { height } = track.model;
+    return (React.createElement("div", { style: {
+            position: 'relative',
+            height,
+            width: msaAreaWidth,
+            overflow: 'hidden',
+        } }, blocksX.map(bx => (React.createElement(BoxTrackBlock, { track: track, key: bx, model: model, offsetX: bx })))));
+});
+export default BoxTrack;
+//# sourceMappingURL=BoxTrack.js.map

package/dist/components/BoxTrack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxTrack.js","sourceRoot":"","sources":["../../src/components/BoxTrack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAIrC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAE3C,MAAM,QAAQ,GAAG,QAAQ,CAAC,UAAU,EAClC,KAAK,EACL,KAAK,GAIN;IACC,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,KAAK,CAAA;IACvC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAA;IAC9B,OAAO,CACL,6BACE,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,MAAM;YACN,KAAK,EAAE,YAAY;YACnB,QAAQ,EAAE,QAAQ;SACnB,IAEA,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CACjB,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,GAAI,CACpE,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/dist/components/BoxTrackBlock.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IBoxTrack, MsaViewModel } from '../model';
+declare const BoxTrackBlock: ({ track, model, offsetX, }: {
+    track: IBoxTrack;
+    model: MsaViewModel;
+    offsetX: number;
+}) => React.JSX.Element | null;
+export default BoxTrackBlock;

package/dist/components/BoxTrackBlock.js

@@ -0,0 +1,136 @@
+import React, { useRef, useMemo, useEffect } from 'react';
+import { observer } from 'mobx-react';
+import { getSnapshot, isStateTreeNode } from 'mobx-state-tree';
+import Layout from '../layout';
+const BoxTrackBlock = observer(function ({ track, model, offsetX, }) {
+    const { blockSize, colWidth, blanks, rowHeight, highResScaleFactor, fontSize, scrollX, } = model;
+    const { height, features, associatedRowName } = track.model;
+    const feats = isStateTreeNode(features)
+        ? // @ts-expect-error
+            getSnapshot(features)
+        : features;
+    const layout = useMemo(() => {
+        const temp = new Layout();
+        feats?.forEach((feature, index) => {
+            const { start, end } = feature;
+            if (associatedRowName) {
+                const s = model.rowSpecificBpToPx(associatedRowName, start - 1);
+                const e = model.rowSpecificBpToPx(associatedRowName, end);
+                temp.addRect(`${index}`, s, e, rowHeight, feature);
+            }
+            else {
+                const s = model.globalBpToPx(start - 1);
+                const e = model.globalBpToPx(end);
+                temp.addRect(`${index}`, s, e, rowHeight, feature);
+            }
+        });
+        return temp;
+        // might convert to autorun based drawing
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [rowHeight, feats, associatedRowName, model, blanks]);
+    const ref = useRef(null);
+    const labelRef = useRef(null);
+    const mouseoverRef = useRef(null);
+    useEffect(() => {
+        if (!ref.current) {
+            return;
+        }
+        const ctx = ref.current.getContext('2d');
+        if (!ctx) {
+            return;
+        }
+        ctx.resetTransform();
+        ctx.scale(highResScaleFactor, highResScaleFactor);
+        ctx.clearRect(0, 0, blockSize, height);
+        ctx.translate(-offsetX, 0);
+        ctx.textAlign = 'center';
+        ctx.font = ctx.font.replace(/\d+px/, `${fontSize}px`);
+        const xStart = Math.max(0, Math.floor(offsetX / colWidth));
+        ctx.fillStyle = 'goldenrod';
+        layout.rectangles.forEach(value => {
+            const { minX, maxX, minY, maxY } = value;
+            const x1 = (minX - xStart) * colWidth + offsetX - (offsetX % colWidth);
+            const x2 = (maxX - xStart) * colWidth + offsetX - (offsetX % colWidth);
+            if (x2 - x1 > 0) {
+                ctx.fillRect(x1, minY, x2 - x1, (maxY - minY) / 2);
+            }
+        });
+    }, [
+        associatedRowName,
+        fontSize,
+        blockSize,
+        colWidth,
+        layout.rectangles,
+        model,
+        rowHeight,
+        height,
+        offsetX,
+        highResScaleFactor,
+        features,
+        blanks,
+    ]);
+    useEffect(() => {
+        if (!labelRef.current) {
+            return;
+        }
+        const ctx = labelRef.current.getContext('2d');
+        if (!ctx) {
+            return;
+        }
+        // this logic is very similar to MSACanvas
+        ctx.resetTransform();
+        ctx.scale(highResScaleFactor, highResScaleFactor);
+        ctx.clearRect(0, 0, blockSize, height);
+        ctx.translate(-offsetX, 0);
+        ctx.textAlign = 'center';
+        ctx.font = ctx.font.replace(/\d+px/, `${Math.max(8, rowHeight - 8)}px`);
+        ctx.fillStyle = 'black';
+        ctx.textAlign = 'left';
+        for (const value of layout.rectangles.values()) {
+            const { minX, maxX, maxY, minY, data } = value;
+            const x1 = minX * colWidth;
+            const x2 = maxX * colWidth;
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const feature = data;
+            if (x2 - x1 > 0) {
+                const note = feature.attributes?.Note?.[0];
+                const name = feature.attributes?.Name?.[0];
+                const type = feature.type;
+                ctx.fillText([type, name, note].filter(f => !!f).join(' - '), Math.max(Math.min(-scrollX, x2), x1), minY + (maxY - minY));
+            }
+        }
+    }, [
+        blockSize,
+        colWidth,
+        scrollX,
+        highResScaleFactor,
+        height,
+        layout.rectangles,
+        offsetX,
+        features,
+        model,
+        rowHeight,
+        blanks,
+    ]);
+    return !features ? null : (React.createElement(React.Fragment, null,
+        React.createElement("canvas", { ref: ref, height: height * highResScaleFactor, width: blockSize * highResScaleFactor, style: {
+                position: 'absolute',
+                left: scrollX + offsetX,
+                width: blockSize,
+                height,
+            } }),
+        React.createElement("canvas", { ref: labelRef, height: height * highResScaleFactor, width: blockSize * highResScaleFactor, style: {
+                position: 'absolute',
+                left: scrollX + offsetX,
+                width: blockSize,
+                height,
+            } }),
+        React.createElement("canvas", { ref: mouseoverRef, height: height * highResScaleFactor, width: blockSize * highResScaleFactor, style: {
+                position: 'absolute',
+                left: scrollX + offsetX,
+                width: blockSize,
+                height,
+            } })));
+});
+export default BoxTrackBlock;
+//# sourceMappingURL=BoxTrackBlock.js.map

package/dist/components/BoxTrackBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxTrackBlock.js","sourceRoot":"","sources":["../../src/components/BoxTrackBlock.tsx"],"names":[],"mappings":"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"}

package/dist/components/ExportSVGDialog.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { MsaViewModel } from '../model';
+export default function ExportSVGDialog({ model, onClose, }: {
+    model: MsaViewModel;
+    onClose: () => void;
+}): React.JSX.Element;

package/dist/components/ExportSVGDialog.js

@@ -0,0 +1,39 @@
+import React, { useState } from 'react';
+import { Dialog, ErrorMessage } from '@jbrowse/core/ui';
+import { Button, Checkbox, DialogContent, DialogActions, FormControlLabel, FormControl, FormLabel, RadioGroup, Radio, Typography, useTheme, } from '@mui/material';
+export default function ExportSVGDialog({ model, onClose, }) {
+    const [includeMinimap, setIncludeMinimap] = useState(true);
+    const [exportType, setExportType] = useState('viewport');
+    const [error, setError] = useState();
+    const theme = useTheme();
+    return (React.createElement(Dialog, { onClose: () => onClose(), open: true, title: "Export SVG" },
+        React.createElement(DialogContent, null,
+            error ? React.createElement(ErrorMessage, { error: error }) : null,
+            React.createElement(Typography, null, "Settings:"),
+            React.createElement("div", null,
+                React.createElement(FormControl, null,
+                    React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: includeMinimap, onChange: event => setIncludeMinimap(event.target.checked) }), disabled: exportType === 'entire', label: "Include minimap?" }))),
+            React.createElement("div", null,
+                React.createElement(FormControl, null,
+                    React.createElement(FormLabel, null, "Export type"),
+                    React.createElement(RadioGroup, { value: exportType, onChange: event => setExportType(event.target.value) },
+                        React.createElement(FormControlLabel, { value: "entire", control: React.createElement(Radio, null), label: "Entire MSA" }),
+                        React.createElement(FormControlLabel, { value: "viewport", control: React.createElement(Radio, null), label: "Current viewport only" }))))),
+        React.createElement(DialogActions, null,
+            React.createElement(Button, { variant: "contained", color: "primary", onClick: async () => {
+                    try {
+                        await model.exportSVG({
+                            theme,
+                            includeMinimap: exportType === 'entire' ? false : includeMinimap,
+                            exportType,
+                        });
+                    }
+                    catch (e) {
+                        console.error(e);
+                        setError(e);
+                    }
+                    onClose();
+                } }, "Submit"),
+            React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => onClose() }, "Cancel"))));
+}
+//# sourceMappingURL=ExportSVGDialog.js.map

package/dist/components/ExportSVGDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportSVGDialog.js","sourceRoot":"","sources":["../../src/components/ExportSVGDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EACL,MAAM,EACN,QAAQ,EACR,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,UAAU,EACV,KAAK,EACL,UAAU,EACV,QAAQ,GACT,MAAM,eAAe,CAAA;AAGtB,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,KAAK,EACL,OAAO,GAIR;IACC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC1D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAA;IACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAW,CAAA;IAC7C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,IAAI,QAAC,KAAK,EAAC,YAAY;QACvD,oBAAC,aAAa;YACX,KAAK,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI;YAC9C,oBAAC,UAAU,oBAAuB;YAClC;gBACE,oBAAC,WAAW;oBACV,oBAAC,gBAAgB,IACf,OAAO,EACL,oBAAC,QAAQ,IACP,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAC1D,EAEJ,QAAQ,EAAE,UAAU,KAAK,QAAQ,EACjC,KAAK,EAAC,kBAAkB,GACxB,CACU,CACV;YACN;gBACE,oBAAC,WAAW;oBACV,oBAAC,SAAS,sBAAwB;oBAClC,oBAAC,UAAU,IACT,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;wBAEpD,oBAAC,gBAAgB,IACf,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,oBAAC,KAAK,OAAG,EAClB,KAAK,EAAC,YAAY,GAClB;wBACF,oBAAC,gBAAgB,IACf,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,oBAAC,KAAK,OAAG,EAClB,KAAK,EAAC,uBAAuB,GAC7B,CACS,CACD,CACV,CACQ;QAChB,oBAAC,aAAa;YACZ,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,KAAK,IAAI,EAAE;oBAClB,IAAI,CAAC;wBACH,MAAM,KAAK,CAAC,SAAS,CAAC;4BACpB,KAAK;4BACL,cAAc,EACZ,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc;4BAClD,UAAU;yBACX,CAAC,CAAA;oBACJ,CAAC;oBAAC,OAAO,CAAC,EAAE,CAAC;wBACX,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;wBAChB,QAAQ,CAAC,CAAC,CAAC,CAAA;oBACb,CAAC;oBACD,OAAO,EAAE,CAAA;gBACX,CAAC,aAGM;YACT,oBAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,aAE7D,CACK,CACT,CACV,CAAA;AACH,CAAC"}

package/dist/components/Header.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { MsaViewModel } from '../model';
+declare const Header: ({ model }: {
+    model: MsaViewModel;
+}) => React.JSX.Element;
+export default Header;