@jbrowse/plugin-circular-view 2.16.1 → 2.18.0

package/esm/CircularView/components/Ruler.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { observer } from 'mobx-react';
-import { getSession, polarToCartesian, radToDeg, assembleLocString, getStrokeProps, getFillProps, } from '@jbrowse/core/util';
+import { assembleLocString, getFillProps, getSession, getStrokeProps, polarToCartesian, radToDeg, } from '@jbrowse/core/util';
 import { makeContrasting } from '@jbrowse/core/util/color';
 import { useTheme } from '@mui/material/styles';
+import { observer } from 'mobx-react';
 import { makeStyles } from 'tss-react/mui';
 const useStyles = makeStyles()({
     rulerLabel: {
@@ -13,7 +13,6 @@ const useStyles = 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];
@@ -43,7 +42,6 @@ const ElisionRulerArc = observer(function ({ model, slice, region, }) {
     const endXY = 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.createElement(React.Fragment, null,
@@ -67,13 +65,11 @@ const RulerLabel = observer(function ({ view, text, maxWidthPx, radians, radiusP
         return null;
     }
     if (text.length * 6.5 < maxWidthPx) {
-        // text is rotated parallel to the ruler arc
         return (React.createElement("text", { x: 0, y: 0, className: classes.rulerLabel, textAnchor: "middle", dominantBaseline: "baseline", transform: `translate(${textXY}) rotate(${radToDeg(radians) + 90})`, ...getFillProps(color) },
             text,
             React.createElement("title", null, title || text)));
     }
     if (maxWidthPx > 4) {
-        // text is rotated perpendicular to the ruler arc
         const overallRotation = radToDeg(radians + view.offsetRadians - Math.PI / 2);
         if (overallRotation >= 180) {
             return (React.createElement("text", { x: 0, y: 0, className: classes.rulerLabel, textAnchor: "start", dominantBaseline: "middle", transform: `translate(${textXY}) rotate(${radToDeg(radians)})`, fill: color },
@@ -84,7 +80,6 @@ const RulerLabel = observer(function ({ view, text, maxWidthPx, radians, radiusP
             text,
             React.createElement("title", null, title || text)));
     }
-    // if you get here there is no room for the text at all
     return null;
 });
 const RegionRulerArc = observer(function ({ model, slice, region, }) {
@@ -107,7 +102,6 @@ const RegionRulerArc = observer(function ({ model, slice, region, }) {
     else {
         color = theme.palette.text.primary;
     }
-    // TODO: slice flipping
     return (React.createElement(React.Fragment, null,
         React.createElement(RulerLabel, { text: region.refName, view: model, maxWidthPx: widthPx, radians: centerRadians, radiusPx: radiusPx, color: color }),
         React.createElement("path", { d: sliceArcPath(slice, radiusPx + 1, region.start, region.end), stroke: color, strokeWidth: 2, fill: "none" })));

package/esm/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/esm/CircularView/index.js

@@ -1,6 +1,6 @@
 import { lazy } from 'react';
 import ViewType from '@jbrowse/core/pluggableElementTypes/ViewType';
-import stateModelFactory from './models/model';
+import stateModelFactory from './model';
 export default function CircularViewF(pluginManager) {
     pluginManager.addViewType(() => new ViewType({
         ReactComponent: lazy(() => import('./components/CircularView')),

package/esm/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>;