@jbrowse/plugin-circular-view 2.16.1 → 2.18.0

package/dist/CircularView/components/Ruler.js

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const mobx_react_1 = require("mobx-react");
 const util_1 = require("@jbrowse/core/util");
 const color_1 = require("@jbrowse/core/util/color");
 const styles_1 = require("@mui/material/styles");
+const mobx_react_1 = require("mobx-react");
 const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()({
     rulerLabel: {
@@ -18,7 +18,6 @@ const useStyles = (0, mui_1.makeStyles)()({
     },
 });
 function sliceArcPath(slice, radiusPx, startBase, endBase) {
-    // A rx ry x-axis-rotation large-arc-flag sweep-flag x y
     if (slice.flipped) {
         ;
         [startBase, endBase] = [endBase, startBase];
@@ -48,7 +47,6 @@ const ElisionRulerArc = (0, mobx_react_1.observer)(function ({ model, slice, reg
     const endXY = (0, util_1.polarToCartesian)(radiusPx, endRadians);
     const widthPx = (endRadians - startRadians) * radiusPx;
     const largeArc = endRadians - startRadians > Math.PI ? '1' : '0';
-    // TODO: draw the elision
     const centerRadians = (endRadians + startRadians) / 2;
     const regionCount = `[${Number(region.regions.length).toLocaleString()}]`;
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -72,13 +70,11 @@ const RulerLabel = (0, mobx_react_1.observer)(function ({ view, text, maxWidthPx
         return null;
     }
     if (text.length * 6.5 < maxWidthPx) {
-        // text is rotated parallel to the ruler arc
         return (react_1.default.createElement("text", { x: 0, y: 0, className: classes.rulerLabel, textAnchor: "middle", dominantBaseline: "baseline", transform: `translate(${textXY}) rotate(${(0, util_1.radToDeg)(radians) + 90})`, ...(0, util_1.getFillProps)(color) },
             text,
             react_1.default.createElement("title", null, title || text)));
     }
     if (maxWidthPx > 4) {
-        // text is rotated perpendicular to the ruler arc
         const overallRotation = (0, util_1.radToDeg)(radians + view.offsetRadians - Math.PI / 2);
         if (overallRotation >= 180) {
             return (react_1.default.createElement("text", { x: 0, y: 0, className: classes.rulerLabel, textAnchor: "start", dominantBaseline: "middle", transform: `translate(${textXY}) rotate(${(0, util_1.radToDeg)(radians)})`, fill: color },
@@ -89,7 +85,6 @@ const RulerLabel = (0, mobx_react_1.observer)(function ({ view, text, maxWidthPx
             text,
             react_1.default.createElement("title", null, title || text)));
     }
-    // if you get here there is no room for the text at all
     return null;
 });
 const RegionRulerArc = (0, mobx_react_1.observer)(function ({ model, slice, region, }) {
@@ -112,7 +107,6 @@ const RegionRulerArc = (0, mobx_react_1.observer)(function ({ model, slice, regi
     else {
         color = theme.palette.text.primary;
     }
-    // TODO: slice flipping
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(RulerLabel, { text: region.refName, view: model, maxWidthPx: widthPx, radians: centerRadians, radiusPx: radiusPx, color: color }),
         react_1.default.createElement("path", { d: sliceArcPath(slice, radiusPx + 1, region.start, region.end), stroke: color, strokeWidth: 2, fill: "none" })));

package/dist/CircularView/index.d.ts

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

package/dist/CircularView/index.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = CircularViewF;
 const react_1 = require("react");
 const ViewType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/ViewType"));
-const model_1 = __importDefault(require("./models/model"));
+const model_1 = __importDefault(require("./model"));
 function CircularViewF(pluginManager) {
     pluginManager.addViewType(() => new ViewType_1.default({
         ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/CircularView')))),

package/dist/CircularView/{models/model.d.ts → model.d.ts}

@@ -1,10 +1,11 @@
-import React from 'react';
-import PluginManager from '@jbrowse/core/PluginManager';
-import { SnapshotOrInstance, Instance } from 'mobx-state-tree';
-import { Region } from '@jbrowse/core/util/types/mst';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { MenuItem } from '@jbrowse/core/ui';
-import { SliceRegion } from './slices';
+import type React from 'react';
+import type { SliceRegion } from './slices';
+import type PluginManager from '@jbrowse/core/PluginManager';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { MenuItem } from '@jbrowse/core/ui';
+import type { Region as IRegion } from '@jbrowse/core/util/types';
+import type { Region } from '@jbrowse/core/util/types/mst';
+import type { Instance, SnapshotOrInstance } from 'mobx-state-tree';
 export interface ExportSvgOptions {
     rasterizeLayers?: boolean;
     filename?: string;
@@ -13,11 +14,6 @@ export interface ExportSvgOptions {
     }>;
     themeName?: string;
 }
-/**
- * #stateModel CircularView
- * extends
- * - [BaseViewModel](../baseviewmodel)
- */
 declare function stateModelFactory(pluginManager: PluginManager): import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     displayName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
@@ -32,16 +28,7 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
     lockedFitToWindow: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     disableImportForm: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-    displayedRegions: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-        refName: import("mobx-state-tree").ISimpleType<string>;
-        start: import("mobx-state-tree").ISimpleType<number>;
-        end: import("mobx-state-tree").ISimpleType<number>;
-        reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-    } & {
-        assemblyName: import("mobx-state-tree").ISimpleType<string>;
-    }, {
-        setRefName(newRefName: string): void;
-    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    displayedRegions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<IRegion[], IRegion[], IRegion[]>, [undefined]>;
     scrollX: import("mobx-state-tree").IType<number | undefined, number, number>;
     scrollY: import("mobx-state-tree").IType<number | undefined, number, number>;
     minimumRadiusPx: import("mobx-state-tree").IType<number | undefined, number, number>;
@@ -63,192 +50,56 @@ declare function stateModelFactory(pluginManager: PluginManager): import("mobx-s
     volatileWidth: number | undefined;
     error: unknown;
 } & {
-    /**
-     * #getter
-     */
     readonly width: number;
-    /**
-     * #getter
-     */
     readonly visibleSection: {
         rho: [number, number];
         theta: [number, number];
     };
-    /**
-     * #getter
-     */
     readonly circumferencePx: number;
-    /**
-     * #getter
-     */
     readonly radiusPx: number;
-    /**
-     * #getter
-     */
     readonly bpPerRadian: number;
-    /**
-     * #getter
-     */
     readonly pxPerRadian: number;
-    /**
-     * #getter
-     */
     readonly centerXY: [number, number];
-    /**
-     * #getter
-     */
     readonly totalBp: number;
-    /**
-     * #getter
-     */
     readonly maximumRadiusPx: number;
-    /**
-     * #getter
-     */
     readonly maxBpPerPx: number;
-    /**
-     * #getter
-     */
     readonly minBpPerPx: number;
-    /**
-     * #getter
-     */
     readonly atMaxBpPerPx: boolean;
-    /**
-     * #getter
-     */
     readonly atMinBpPerPx: boolean;
-    /**
-     * #getter
-     */
     readonly tooSmallToLock: boolean;
-    /**
-     * #getter
-     */
     readonly figureDimensions: [number, number];
-    /**
-     * #getter
-     */
     readonly figureWidth: number;
-    /**
-     * #getter
-     */
     readonly figureHeight: number;
-    /**
-     * #getter
-     * this is displayedRegions, post-processed to elide regions that are too
-     * small to see reasonably
-     */
     readonly elidedRegions: SliceRegion[];
-    /**
-     * #getter
-     */
     readonly assemblyNames: string[];
-    /**
-     * #getter
-     */
     readonly initialized: boolean;
 } & {
-    /**
-     * #getter
-     */
     readonly staticSlices: import("./slices").Slice[];
 } & {
-    /**
-     * #getter
-     */
     readonly visibleStaticSlices: import("./slices").Slice[];
 } & {
-    /**
-     * #action
-     */
     setWidth(newWidth: number): number;
-    /**
-     * #action
-     */
     setHeight(newHeight: number): number;
-    /**
-     * #action
-     */
     resizeHeight(distance: number): number;
-    /**
-     * #action
-     */
     resizeWidth(distance: number): number;
-    /**
-     * #action
-     */
     rotateClockwiseButton(): void;
-    /**
-     * #action
-     */
     rotateCounterClockwiseButton(): void;
-    /**
-     * #action
-     */
     rotateClockwise(distance?: number): void;
-    /**
-     * #action
-     */
     rotateCounterClockwise(distance?: number): void;
-    /**
-     * #action
-     */
     zoomInButton(): void;
-    /**
-     * #action
-     */
     zoomOutButton(): void;
-    /**
-     * #action
-     */
     setBpPerPx(newVal: number): void;
-    /**
-     * #action
-     */
     setModelViewWhenAdjust(secondCondition: boolean): void;
-    /**
-     * #action
-     */
     setDisplayedRegions(regions: SnapshotOrInstance<typeof Region>[]): void;
-    /**
-     * #action
-     */
     activateTrackSelector(): import("@jbrowse/core/util").Widget;
-    /**
-     * #action
-     */
     toggleTrack(trackId: string): boolean;
-    /**
-     * #action
-     */
     setError(error: unknown): void;
-    /**
-     * #action
-     */
     showTrack(trackId: string, initialSnapshot?: {}): void;
-    /**
-     * #action
-     */
     addTrackConf(configuration: AnyConfigurationModel, initialSnapshot?: {}): void;
-    /**
-     * #action
-     */
     hideTrack(trackId: string): number;
-    /**
-     * #action
-     */
     toggleFitToWindowLock(): boolean;
-    /**
-     * #action
-     * creates an svg export and save using FileSaver
-     */
     exportSvg(opts?: ExportSvgOptions): Promise<void>;
 } & {
-    /**
-     * #method
-     * return the view menu items
-     */
     menuItems(): MenuItem[];
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 export type CircularViewStateModel = ReturnType<typeof stateModelFactory>;