wuepgg3-track 1.0.2

package/dist/models/util.d.ts

@@ -0,0 +1,102 @@
+/**
+ * Utility functions that don't really fit in any particular folder.
+ *
+ * @author Silas Hsu
+ */
+/// <reference types="react" />
+import ChromosomeInterval from "./ChromosomeInterval";
+interface Coordinate {
+    x: number;
+    y: number;
+}
+/**
+ * Button consts found in MouseEvents.  See https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button
+ */
+export declare enum MouseButton {
+    LEFT = 0,
+    MIDDLE = 1,
+    RIGHT = 2
+}
+/**
+ * Gets the x and y coordinates of a mouse event *relative to the top left corner of an element*.  By default, the
+ * element is the event's `currentTarget`, the element to which the event listener has been attached.
+ *
+ * For example, if the top left corner of the element is at screen coordinates (10, 10) and the event's screen
+ * coordinates are (11, 12), then this function will return `{x: 1, y: 2}`.
+ *
+ * @param {React.MouseEvent} event - the event for which to get relative coordinates
+ * @param {Element} [relativeTo] - calculate coordinates relative to this element.  Default is event.currentTarget.
+ * @return {Coordinate} object with props x and y that contain the relative coordinates
+ */
+export declare function getRelativeCoordinates(event: React.MouseEvent, relativeTo?: Element): Coordinate;
+/**
+ * Given coordinates relative to the top left corner of an element, gets the page coordinates.
+ *
+ * @param {Element} relativeTo - element to use as reference point
+ * @param {number} relativeX - x coordinates inside an element
+ * @param {number} relativeY - y coordinates inside an element
+ * @return {Coordinate} the page coordinates
+ */
+export declare function getPageCoordinates(relativeTo: Element, relativeX: number, relativeY: number): Coordinate;
+/**
+ * Gets a color that contrasts well with the input color.  Useful for determining font color for a given background
+ * color.  If parsing fails for the input color, returns black.
+ *
+ * Credit goes to https://stackoverflow.com/questions/1855884/determine-font-color-based-on-background-color
+ *
+ * @param {string} color - color for which to find a contrasting color
+ * @return {string} a color that contrasts well with the input color
+ */
+export declare function getContrastingColor(color: string): string;
+/**
+ * Returns a copy of the input list, ensuring its length is below `limit`.  If the list is too long, selects
+ * equally-spaced elements from the original list.  Note that if the input is sorted, the output will be sorted as well.
+ *
+ * @param {T[]} list - list for which to ensure a max length
+ * @param {number} limit - maximum length of the result list
+ * @return {T[]} copy of list with max length ensured
+ */
+export declare function ensureMaxListLength<T>(list: T[], limit: number): T[];
+/**
+ * @param {number} bases - number of bases
+ * @return {string} human-readable string representing that number of bases
+ */
+export declare function niceBpCount(bases: number, useMinus?: boolean): string;
+export declare function niceCount(bases: number): string;
+export declare function ceil(value: number, precision: number): number;
+export declare function readFileAsText(file: Blob): Promise<unknown>;
+export declare function readFileAsBuffer(file: Blob): Promise<unknown>;
+/**
+ * find closest number in a number array (sorted or un-sorted)
+ */
+export declare function findClosestNumber(arr: number[], num: number): number;
+export declare const HELP_LINKS: {
+    datahub: string;
+    numerical: string;
+    tracks: string;
+    localhub: string;
+    trackOptions: string;
+    textTrack: string;
+    publish: string;
+    threed: string;
+};
+/**
+ * calculate pearson correlation
+ * from https://stackoverflow.com/questions/15886527/javascript-library-for-pearson-and-or-spearman-correlations#
+ */
+export declare const pcorr: (x: number[], y: number[]) => number;
+/**
+ *
+ * @param current {string} current genome
+ * @param tracks {trackModel[]} list of tracks
+ */
+export declare function getSecondaryGenomes(current: string, tracks: any[]): string[];
+export declare function variableIsObject(obj: any): boolean;
+export declare function colorString2number(color: string): any;
+export declare function repeatArray(arr: any[], count: number): any[];
+export declare function sameLoci(locus1: ChromosomeInterval, locus2: ChromosomeInterval): boolean;
+export declare function arraysEqual(a: any[], b: any[]): boolean;
+export declare const getSymbolRegions: (genomeName: string, symbol: string) => Promise<any>;
+export declare const safeParseJsonString: (str: string) => any;
+export declare const parseNumberString: (str: string) => string | number;
+export {};

package/dist/style.css

@@ -0,0 +1 @@
+.TrackLegend-wrap{display:flex;width:100%;flex-direction:column;justify-content:space-between}.TrackLegend-label{margin:0;min-height:11px;font-size:x-small;line-height:1;word-wrap:break-word;word-break:break-all;overflow:hidden}[data-theme=dark]{--font-color: var(--dark-fg-color);--bg-color: var(--dark-bg-color)}[data-theme=light]{--font-color: var(--light-fg-color);--bg-color: var(--light-bg-color)}.bg2{background-color:#fff;color:#000}.svg-text-bg2{fill:#000}.svg-line-bg2{stroke:#000}.darkToggleBox{vertical-align:middle;margin-left:1ch}[data-theme=light] hr{border-top:1px solid rgb(80 80 80 / 30%)}[data-theme=dark] hr{border-top:1px solid rgb(223 220 220 / 30%)}[data-theme=light] .MuiCard-root{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}[data-theme=dark] .MuiCard-root{box-shadow:0 2px 1px -1px #fff3,0 1px 1px #ffffff24,0 1px 3px #ffffff1f}[data-theme=light] .MuiListItem-button:hover{background-color:#0000001a}[data-theme=dark] .MuiListItem-button:hover{background-color:#ffffff1a}[data-theme=light] .MuiAppBar-colorDefault{color:#000000de;background-color:#f5f5f5}[data-theme=dark] .MuiAppBar-colorDefault{color:#ffffffde;background-color:#222}[data-theme=light] .MuiTab-textColorPrimary{color:#000000b3}[data-theme=light] .MuiTab-textColorPrimary.Mui-selected{color:#3f51b5}[data-theme=dark] .MuiTab-textColorPrimary{color:#fffefeb3}[data-theme=dark] .MuiTab-textColorPrimary.Mui-selected{color:#6e84ff}[data-theme=light] .MuiIconButton-root{color:#0000008a}[data-theme=dark] .MuiIconButton-root{color:#ffffffb3}[data-theme=dark] .btn-outline-secondary{color:#dfe4e8;border-color:#dfe4e8}[data-theme=light] .btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}[data-theme=light] .btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}[data-theme=dark] .btn-light{color:#fff;background-color:transparent;border-color:#dfe4e8}[data-theme=dark] .btn-light.disabled,.btn-light:disabled{border-color:#f8f9fa}.ReactTable .-pagination .-btn{color:unset!important}.ReactTable .-pagination .-btn[disabled]{opacity:1}.ReactTable .rt-expander:after{border-top:7px solid rgba(152,152,152,.8)!important}#shareUI .MuiTab-textColorSecondary{color:unset}#beamLeft{position:absolute;border:1px solid rgb(128,166,255);z-index:1;display:none;top:0;height:100%;will-change:left;pointer-events:none}#beamLeftInner{background-color:#00f;opacity:.1;height:100%;width:100%;pointer-events:none}#beamRight{position:absolute;border:1px solid rgb(255,133,92);z-index:1;display:none;top:0;height:100%;will-change:left;pointer-events:none}#beamRightInner{background-color:#f53d00;opacity:.1;height:100%;width:100%;pointer-events:none}.Fragment-horizontal-line{position:absolute;pointer-events:none;border-top:2px solid}.arrow-up{position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid}.arrow-down{position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid}.TrackContextMenu-body{z-index:1;min-width:200px;max-width:400px;background-color:var(--bg-color);border:2px solid #B7B1F2;border-radius:.25rem;font-size:small}.TrackContextMenu-item{padding:8px 5px}.TrackContextMenu-item label{cursor:pointer}.TrackContextMenu-hoverable-item:hover{background-color:#20a0ff}.TrackContextMenu-hoverable-item-danger:hover{background-color:pink;cursor:pointer}.TrackContextMenu-hoverable-item-warn:hover{background-color:#f3ba12;cursor:pointer}.TrackContextMenu-URL{font-style:italic;word-break:break-all;overflow-wrap:break-word}.Collapsible h6{margin-bottom:0;font-weight:700;font-size:1em}.Collapsible table{margin-bottom:0}.Collapsible p{margin-bottom:3px}.Collapsible__trigger{font-weight:700;padding-left:3px;text-decoration:underline;cursor:pointer;position:relative;display:block}.Collapsible__trigger:after{content:"▼";transform:rotate(-90deg);position:absolute;top:0;right:10px;display:block;transition:transform .3s}.Collapsible__trigger.is-open:after{transform:rotate(0)}.btn-tight{padding:0}.CategoryColorConfig-table{display:grid;grid-template-columns:auto auto;margin-bottom:5px}.MethylCTrack-tooltip-strand{margin-bottom:5px}.MethylCTrack-tooltip-strand-title{text-transform:capitalize;font-weight:700}.MethylCTrack-tooltip-strand-details{display:grid;grid-template-columns:auto auto;grid-column-gap:20px;font-size:small}.ArcDisplay-emphasize-on-hover:hover{opacity:1}.rc-drawer{top:0;right:0;bottom:0;left:0;position:fixed;z-index:1050;pointer-events:none}.rc-drawer-inline{position:absolute}.rc-drawer-mask{top:0;right:0;bottom:0;left:0;position:absolute;z-index:1050;background:#00000080;pointer-events:auto}.rc-drawer-content-wrapper{position:absolute;z-index:1050;overflow:hidden;transition:transform .3s}.rc-drawer-content-wrapper-hidden{display:none}.rc-drawer-left .rc-drawer-content-wrapper{top:0;bottom:0;left:0}.rc-drawer-right .rc-drawer-content-wrapper{top:0;right:0;bottom:0}.rc-drawer-content{width:100%;height:100%;overflow:auto;background:#fff;pointer-events:auto}#threed-mol-container{position:relative;width:100%;height:100%;overflow:hidden}.picture{position:relative;display:block}.side{position:relative;display:flex}.picture .box1{position:relative}.picture .box2{position:absolute;right:0;bottom:0;border:1px black solid;z-index:2}.side .box1{position:relative}.side .box2{position:relative;border-left:1px black solid}#accordion p{margin-bottom:0}#accordion ul{list-style-type:none;padding:0;margin:0}#accordion input[type=text]{width:100%}#accordion input,#accordion button,#accordion select{margin-right:1ch;margin-bottom:1ch}#accordion select{margin-left:1ch}.thumb-control label{display:block}.toggle-model-container{display:flex;justify-content:space-between;margin-bottom:2px}.toggle-model-container:hover{border-bottom:1px solid orange}.toggle-model:hover{background-color:orange;cursor:pointer}.card-body{padding:.75rem}#accordion{display:flex}.placement-container{position:absolute;left:2px;top:2px;z-index:1}.placement-container span{display:inline-block}.card-header button{margin-bottom:0!important}.card-header{padding:0}.FrameListMenu label{margin-bottom:0}.FrameListMenu ol{list-style-type:circle}.hoverButtons button{margin:2px 0;display:block}.closeMenu-3d{font-size:36px;cursor:pointer;color:red;position:absolute;right:10px;top:-8px;z-index:5}.arrow-list input[type=number]{margin-bottom:0!important;margin-right:2px!important;width:8ch}#static-legend{position:absolute;z-index:4;left:10px;bottom:50px}.highlight-menu-body{height:100%;display:block;position:inherit;overflow:auto}.highlight-item-body{height:100%;width:100%;position:relative;display:block;z-index:inherit;background-color:#d3d3d3}.highlight-item-name{width:100%;position:relative;display:block;font-size:1em}.highlight-item-buttons-group{height:50%;width:100%;position:relative;display:flex;align-items:center}.highlight-item-button{height:50%;width:50%;position:relative;top:0%;left:0%;display:block}.Tooltip{border-radius:5px;background-color:#add8e6f2;padding:3px 6px;z-index:2}.Tooltip-major-text{font-size:1.2em}.Tooltip-minor-text{font-size:.8em;color:#696969}.Tooltip-highlight-text{font-size:1em;background-color:coral;display:inline-block}.Tooltip-monospace-text{font-family:monospace;text-align:center;font-size:16px;color:#696969;display:inline-block}.Tooltip-monospace-seq{font-family:monospace;font-size:16px;display:inline}.Tooltip-monospace-central-seq{font-family:monospace;font-size:16px;background-color:coral;display:inline}.SelectableArea-box{position:absolute;border:1px solid blue;background-color:#0000991a;z-index:1;pointer-events:none;display:flex;justify-content:center;align-items:center}.SelectableArea-box-invalid{border:1px solid red;background-color:#ff00001a;color:red}.SelectableArea-box-text-container{padding:0 5px;text-align:center;color:#000;background-color:#ffffffb3}.SelectableArea-box-secondary-text{font-size:x-small;white-space:nowrap}.MethylColorConfig-table{display:grid;grid-template-columns:auto auto auto;margin-bottom:5px}.MethylColorConfig-header{font-weight:700}.IsoformSelection{padding:0;margin:0;font-size:smaller;border-collapse:collapse;display:grid;grid-template-columns:auto}.IsoformSelection-item{border:1px solid lightgrey;display:grid;grid-template-columns:80px auto auto auto;grid-gap:5px;align-items:center}.IsoformSelection-collection{word-wrap:break-word;word-break:break-all}.IsoformSelection-item:hover{background-color:#fdbb84!important;cursor:pointer}.IsoformSelection-item td{padding:0 5px}.IsoformSelection-description{font-size:x-small;min-width:200px}.IsoformSelection-item-simple{border:1px solid lightgrey}.IsoformSelection-item-simple:hover{background-color:#fdbb84;cursor:pointer}.IsoformSelection-empty-msg{background-color:#a4ae86!important}.react-autosuggest__suggestions-container--open{display:block;position:absolute;border:1px solid #aaa;box-shadow:"0 2px 12px rgba(0, 0, 0, 0.1)";background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;z-index:2}.react-autosuggest__suggestions-list{margin:0;padding:0;list-style-type:none}.react-autosuggest__suggestion{cursor:pointer;padding:5px}.react-autosuggest__suggestion--highlighted{background-color:#ddd}div.GeneSearchBox-speech{position:absolute;right:5ch;top:10px}div.GeneSearchBox-speech button{padding:2px;margin-right:2px}.react-autosuggest__suggestions-container--open{max-height:800px;overflow:auto}.react-autosuggest__suggestions-list-222{background-color:#fff;margin:0;padding:0;list-style-type:none}.react-autosuggest__suggestions-list-white{background-color:#222;margin:0;padding:0;list-style-type:none}.react-autosuggest__suggestion:hover{background-color:#a4ae86!important}.MainPane{width:100%}.MainPane-opaque{opacity:.5}.MainPane-opaque:hover{opacity:1}.MetadataSelectionMenu ul{list-style-type:none}.MetadataSelectionMenu{position:absolute;z-index:4;background:var(--bg-color);padding:5px;min-width:240px}.MetadataHeader-container{flex-grow:2;display:flex;justify-content:flex-end}.MetadataHeader-terms{list-style-type:none;margin:0;padding:0;background-color:var(--bg-color);writing-mode:vertical-lr;text-align:right;vertical-align:middle}.MetadataHeader-button{margin-top:auto;margin-left:1ch;margin-bottom:auto;position:relative}

package/dist/track-container/index.d.ts

@@ -0,0 +1,9 @@
+import { ITrackContainerRepresentableProps, ITrackContainerState } from "../types";
+export declare function TrackContainer(props: ITrackContainerState): import("react/jsx-runtime").JSX.Element;
+/**
+ * TrackContainerRepresentable serves as the boundary between the new serializable TrackModel and the previous
+ * class-based TrackModel.
+ *
+ * New serializable state is actively converted to the class-based state and passed to the TrackContainer.
+ */
+export declare function TrackContainerRepresentable({ tracks, highlights, genomeConfig: _genomeConfig, legendWidth, showGenomeNav, onNewRegion, onNewHighlight, onTrackSelected, onTrackDeleted, onTrackAdded, onNewRegionSelect, viewRegion, userViewRegion, tool, Toolbar, selectedRegionSet, genomeName, setScreenshotData, isScreenShotOpen, overrideViewRegion, currentState, }: ITrackContainerRepresentableProps): import("react/jsx-runtime").JSX.Element;

package/dist/trackConfigs/config-menu-components.tsx/AlwaysDrawLabelConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Returns a checkbox that configures if always draw label.
+ *
+ * @param {Object} props - props from track context menu component
+ * @return {JSX.Element} the menu item to render
+ */
+declare function AlwaysDrawLabelConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default AlwaysDrawLabelConfig;

package/dist/trackConfigs/config-menu-components.tsx/ArrayAggregateConfig.d.ts

@@ -0,0 +1,6 @@
+/**
+ * the options to control data aggregate for dynamic numerical track, default is mean
+ *
+ */
+declare function ArrayAggregateConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default ArrayAggregateConfig;

package/dist/trackConfigs/config-menu-components.tsx/BothAnchorsInViewConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Returns a checkbox that configures data with both anchors need be in current view window for long-range tracks.
+ *
+ * @param {Object} props - props from track context menu component
+ * @return {JSX.Element} the menu item to render
+ */
+declare function BothAnchorsInViewConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default BothAnchorsInViewConfig;

package/dist/trackConfigs/config-menu-components.tsx/CategoryColorConfig.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface CategoricalColorConfigProps {
+    optionsObjects: any;
+    onOptionSet: any;
+}
+export declare class CategoryColorConfig extends React.Component<CategoricalColorConfigProps> {
+    static propTypes: {
+        optionsObjects: any;
+        onOptionSet: any;
+    };
+    getCategoryColors(): any;
+    handleColorChange(categoryName: any, colorPropName: any, newColor: any): void;
+    render(): import("react/jsx-runtime").JSX.Element | null;
+}
+export default CategoryColorConfig;

package/dist/trackConfigs/config-menu-components.tsx/ClampHeightConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Returns a checkbox that configures data with both anchors need be in current view window for long-range tracks.
+ *
+ * @param {Object} props - props from track context menu component
+ * @return {JSX.Element} the menu item to render
+ */
+declare function ClampHeightConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default ClampHeightConfig;

package/dist/trackConfigs/config-menu-components.tsx/Collapsible.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface CollapsibleProps {
+    trigger: string;
+    children: React.ReactNode;
+}
+declare const Collapsible: React.FC<CollapsibleProps>;
+export default Collapsible;

package/dist/trackConfigs/config-menu-components.tsx/ColorConfig.d.ts

@@ -0,0 +1,102 @@
+import React from "react";
+/**
+ * A context menu item that configures tracks' colors in general.
+ *
+ * @author Silas Hsu
+ */
+interface ColorConfigProps {
+    color?: any;
+    label: string;
+    optionName: string;
+}
+export declare class ColorConfig extends React.PureComponent<ColorConfigProps> {
+    constructor(props: any);
+    /**
+     * Renders a color picker.  For the shape of the `color` parameter in the onChange handler, see
+     * http://casesandberg.github.io/react-color/#api-onChange
+     *
+     * @param {*} inputValue
+     * @param {*} setNewValue
+     * @return {JSX.Element}
+     */
+    renderColorPicker(inputValue: any, setNewValue: any): import("react/jsx-runtime").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+/**
+ * A menu item that configures `trackModel.options.color`
+ *
+ * @param {Object} props - object with shape ITEM_PROP_TYPES from TrackContextMenu
+ * @return {JSX.Element} element to render
+ */
+export declare function PrimaryColorConfig(props: any): import("react/jsx-runtime").JSX.Element;
+/**
+ * A menu item that configures `trackModel.options.color2`
+ *
+ * @param {Object} props - object with shape ITEM_PROP_TYPES from TrackContextMenu
+ * @return {JSX.Element} element to render
+ */
+export declare function SecondaryColorConfig(props: any): import("react/jsx-runtime").JSX.Element;
+/**
+ * A menu item that configures `trackModel.options.backgroundColor`
+ *
+ * @param {Object} props - object with shape ITEM_PROP_TYPES from TrackContextMenu
+ * @return {JSX.Element} element to render
+ */
+export declare function BackgroundColorConfig(props: any): import("react/jsx-runtime").JSX.Element;
+/**
+ * A menu item that configures `trackModel.options.colorAboveMax`
+ *
+ * @param {Object} props - object with shape ITEM_PROP_TYPES from TrackContextMenu
+ * @return {JSX.Element} element to render
+ */
+export declare function PrimaryAboveColorConfig(props: any): import("react/jsx-runtime").JSX.Element;
+/**
+ * A menu item that configures `trackModel.options.color2BelowMin`
+ *
+ * @param {Object} props - object with shape ITEM_PROP_TYPES from TrackContextMenu
+ * @return {JSX.Element} element to render
+ */
+export declare function SecondaryBelowColorConfig(props: any): import("react/jsx-runtime").JSX.Element;
+/**
+ * A menu item that configures `trackModel.options.primaryColor`
+ *
+ * @param {Object} props - object with shape ITEM_PROP_TYPES from TrackContextMenu
+ * @return {JSX.Element} element to render
+ */
+export declare function primaryGenomeColorConfig(props: any): import("react/jsx-runtime").JSX.Element;
+/**
+ * A menu item that configures `trackModel.options.queryColor`
+ *
+ * @param {Object} props - object with shape ITEM_PROP_TYPES from TrackContextMenu
+ * @return {JSX.Element} element to render
+ */
+export declare function queryGenomeColorConfig(props: any): import("react/jsx-runtime").JSX.Element;
+/**
+ * A menu item that configures `trackModel.options.highValueColor`
+ *
+ * @param {Object} props - object with shape ITEM_PROP_TYPES from TrackContextMenu
+ * @return {JSX.Element} element to render
+ */
+export declare function highValueColorConfig(props: any): import("react/jsx-runtime").JSX.Element;
+/**
+ * A menu item that configures `trackModel.options.lowValueColor`
+ *
+ * @param {Object} props - object with shape ITEM_PROP_TYPES from TrackContextMenu
+ * @return {JSX.Element} element to render
+ */
+export declare function lowValueColorConfig(props: any): import("react/jsx-runtime").JSX.Element;
+/**
+ * A menu item that configures `trackModel.options.boxColor`
+ *
+ * @param {Object} props - object with shape ITEM_PROP_TYPES from TrackContextMenu
+ * @return {JSX.Element} element to render
+ */
+export declare function BoxColorConfig(props: any): import("react/jsx-runtime").JSX.Element;
+/**
+ * A menu item that configures `trackModel.options.lineColor`
+ *
+ * @param {Object} props - object with shape ITEM_PROP_TYPES from TrackContextMenu
+ * @return {JSX.Element} element to render
+ */
+export declare function LineColorConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/trackConfigs/config-menu-components.tsx/ColorPicker.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface ColorPickerProps {
+    color: any;
+    label?: string;
+    onChange: (color: any) => void;
+    disableAlpha?: boolean;
+}
+declare const ColorPicker: React.FC<ColorPickerProps>;
+export default ColorPicker;

package/dist/trackConfigs/config-menu-components.tsx/CombineStrandConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Returns a checkbox that configures the combine strands option of methylC tracks.
+ *
+ * @param {Object} props - props from track context menu component
+ * @return {JSX.Element} the menu item to render
+ */
+declare function CombineStrandConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default CombineStrandConfig;

package/dist/trackConfigs/config-menu-components.tsx/DisplayModeConfig.d.ts

@@ -0,0 +1,21 @@
+/**
+ * A menu item for configuring display modes of annotation tracks.
+ *
+ * @param {Object} props - props as specified by React
+ * @return {JSX.Element} element to render
+ */
+export declare function AnnotationDisplayModeConfig(props: any): import("react/jsx-runtime").JSX.Element;
+/**
+ * A menu item for configuring display modes of numerical tracks.
+ *
+ * @param {Object} props - props as specified by React
+ * @return {JSX.Element} element to render
+ */
+export declare function NumericalDisplayModeConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export declare function InteractionDisplayModeConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export declare function DynamicInteractionDisplayModeConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export declare function BigWigZoomLevelConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export declare function VcfColorScaleKeyConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export declare function VcfDisplayModeConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export declare function GraphDisplayModeConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export declare function FiberDisplayModeConfig(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/trackConfigs/config-menu-components.tsx/EnsemblStyleConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Returns a checkbox that configures if always draw label.
+ *
+ * @param {Object} props - props from track context menu component
+ * @return {JSX.Element} the menu item to render
+ */
+declare function EnsemblStyleConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default EnsemblStyleConfig;

package/dist/trackConfigs/config-menu-components.tsx/FetchViewWindowConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Returns a checkbox that configures the fetch view window option for long-range tracks.
+ *
+ * @param {Object} props - props from track context menu component
+ * @return {JSX.Element} the menu item to render
+ */
+declare function FetchViewWindowConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default FetchViewWindowConfig;

package/dist/trackConfigs/config-menu-components.tsx/HeightConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A context menu item that configures track height.
+ *
+ * @param {Object} props - props as specified by React
+ * @return {JSX.Element} element to render
+ */
+declare function HeightConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default HeightConfig;

package/dist/trackConfigs/config-menu-components.tsx/HicDataConfig.d.ts

@@ -0,0 +1,14 @@
+/**
+ * A menu item for configuring bin sizes for hic tracks.
+ *
+ * @param {Object} props - props as specified by React
+ * @return {JSX.Element} element to render
+ */
+export declare function BinSizeConfig(props: any): import("react/jsx-runtime").JSX.Element;
+/**
+ * Menu item for configuring normalization options for hic tracks.
+ *
+ * @param {object} props - props as specified by React
+ * @return {JSX.Element} normalization config to render
+ */
+export declare function HicNormalizationConfig(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/trackConfigs/config-menu-components.tsx/HiddenPixelsConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A context menu item that configures track height.
+ *
+ * @param {Object} props - props as specified by React
+ * @return {JSX.Element} element to render
+ */
+declare function HiddenPixelsConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default HiddenPixelsConfig;

package/dist/trackConfigs/config-menu-components.tsx/HideMinimalItemsConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Returns a checkbox that configures if always draw label.
+ *
+ * @param {Object} props - props from track context menu component
+ * @return {JSX.Element} the menu item to render
+ */
+declare function HideMinimalItemsConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default HideMinimalItemsConfig;

package/dist/trackConfigs/config-menu-components.tsx/HorizontalLineValueConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A context menu item that configures line width.
+ *
+ * @param {Object} props - props as specified by React
+ * @return {JSX.Element} element to render
+ */
+declare function HorizontalLineValueConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default HorizontalLineValueConfig;

package/dist/trackConfigs/config-menu-components.tsx/ItalicizeTextConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Returns a checkbox that configures if always draw label.
+ *
+ * @param {Object} props - props from track context menu component
+ * @return {JSX.Element} the menu item to render
+ */
+declare function ItalicizeTextConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default ItalicizeTextConfig;

package/dist/trackConfigs/config-menu-components.tsx/LabelConfig.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Context menu item for setting track labels.
+ *
+ * @param {Object} props - props as specified by React
+ * @return {JSX.Element} element to render
+ */
+export default function LabelConfig(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/trackConfigs/config-menu-components.tsx/LineWidthConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A context menu item that configures line width.
+ *
+ * @param {Object} props - props as specified by React
+ * @return {JSX.Element} element to render
+ */
+declare function LineWidthConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default LineWidthConfig;

package/dist/trackConfigs/config-menu-components.tsx/LogScaleConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A context menu item that configures track log-scaling on the y-axis.
+ *
+ * @param {Object} props - props as specified by React
+ * @return {JSX.Element} element to render
+ */
+declare function LogScaleConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default LogScaleConfig;

package/dist/trackConfigs/config-menu-components.tsx/MarkerSizeConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A context menu item that configures marker size for qBED track.
+ *
+ * @param {Object} props - props as specified by React
+ * @return {JSX.Element} element to render
+ */
+declare function MarkerSizeConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default MarkerSizeConfig;

package/dist/trackConfigs/config-menu-components.tsx/MaxMethylAndDepthFilterConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A context menu item that configures max methyl value for methylc track.
+ *
+ * @param {Object} props - props as specified by React
+ * @return {JSX.Element} element to render
+ */
+declare function MaxMethylAndDepthFilterConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default MaxMethylAndDepthFilterConfig;

package/dist/trackConfigs/config-menu-components.tsx/MaxRowsConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A context menu item that configures the max number of rows of annotations to render.
+ *
+ * @param {Object} props - props as specified by React
+ * @return {JSX.Element} element to render
+ */
+declare function MaxRowsConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default MaxRowsConfig;

package/dist/trackConfigs/config-menu-components.tsx/MaxValueFilterConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A context menu item that configures track height.
+ *
+ * @param {Object} props - props as specified by React
+ * @return {JSX.Element} element to render
+ */
+declare function MaxValueFilterConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default MaxValueFilterConfig;

package/dist/trackConfigs/config-menu-components.tsx/MethylColorConfig.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+interface MethylColorConfigProps {
+    optionsObjects: any;
+    onOptionSet: any;
+}
+export declare class MethylColorConfig extends React.Component<MethylColorConfigProps> {
+    static propTypes: {
+        optionsObjects: any;
+        onOptionSet: any;
+    };
+    getContextColors(): any;
+    handleColorChange(contextName: any, colorPropName: any, newColor: any): void;
+    render(): import("react/jsx-runtime").JSX.Element | null;
+}
+export declare function ReadDepthColorConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default MethylColorConfig;

package/dist/trackConfigs/config-menu-components.tsx/MinValueFilterConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A context menu item that configures track height.
+ *
+ * @param {Object} props - props as specified by React
+ * @return {JSX.Element} element to render
+ */
+declare function MinValueFilterConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default MinValueFilterConfig;

package/dist/trackConfigs/config-menu-components.tsx/NumberConfig.d.ts

@@ -0,0 +1,43 @@
+import React from "react";
+/**
+ * A menu option that configures some integer-based property.
+ *
+ * @author Silas Hsu
+ */
+interface NumberConfigProps {
+    optionsObjects: any;
+    optionName: string;
+    label?: any;
+    minValue?: number;
+    defaultValue?: any;
+    isFloat?: boolean;
+    step?: number;
+    width?: string;
+    hasSetButton?: boolean;
+    onOptionSet: (optionName: string, value: number) => void;
+}
+declare class NumberConfig extends React.PureComponent<NumberConfigProps> {
+    static propTypes: any;
+    static defaultProps: {
+        label: string;
+        width: string;
+    };
+    constructor(props: any);
+    /**
+     * Renders the <input> element.
+     *
+     * @param {string} inputValue - value of the input
+     * @param {function} setNewValue - function to call when input value changes
+     * @return {JSX.Element} <input> to render
+     */
+    renderInputElement(inputValue: any, setNewValue: any): import("react/jsx-runtime").JSX.Element;
+    /**
+     * Parses the string containing number from the <input> element.
+     *
+     * @param {string} optionName - track option prop name to modify
+     * @param {string} value - string containing number from <input> element
+     */
+    handleOptionSet(optionName: any, value: any): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export default NumberConfig;

package/dist/trackConfigs/config-menu-components.tsx/OmeroImageHeightConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A context menu item that configures track opacity.
+ *
+ * @param {Object} props - props as specified by React
+ * @return {JSX.Element} element to render
+ */
+declare function OmeroImageHeightConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default OmeroImageHeightConfig;

package/dist/trackConfigs/config-menu-components.tsx/OpacitySilderConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A context menu item that configures track opacity.
+ *
+ * @param {Object} props - props as specified by React
+ * @return {JSX.Element} element to render
+ */
+declare function OpacitySliderConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default OpacitySliderConfig;

package/dist/trackConfigs/config-menu-components.tsx/PixelsPaddingConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A context menu item that configures track height.
+ *
+ * @param {Object} props - props as specified by React
+ * @return {JSX.Element} element to render
+ */
+declare function PixelsPaddingConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default PixelsPaddingConfig;

package/dist/trackConfigs/config-menu-components.tsx/PlayingConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Returns a checkbox that controls play/pause of a dynamic track.
+ *
+ * @param {Object} props - props from track context menu component
+ * @return {JSX.Element} the menu item to render
+ */
+declare function PlayingConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default PlayingConfig;

package/dist/trackConfigs/config-menu-components.tsx/RowHeightConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A context menu item that configures track height.
+ *
+ * @param {Object} props - props as specified by React
+ * @return {JSX.Element} element to render
+ */
+declare function RowHeightConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default RowHeightConfig;

package/dist/trackConfigs/config-menu-components.tsx/ScalePercentileConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A context menu item that configures interaction track score scale.
+ *
+ * @param {Object} props - props as specified by React
+ * @return {JSX.Element} element to render
+ */
+declare function ScalePercentileConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default ScalePercentileConfig;

package/dist/trackConfigs/config-menu-components.tsx/ScoreConfig.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A context menu item that configures interaction track score scale.
+ *
+ * @param {Object} props - props as specified by React
+ * @return {JSX.Element} element to render
+ */
+declare function ScoreConfig(props: any): import("react/jsx-runtime").JSX.Element;
+export default ScoreConfig;