@jbrowse/plugin-circular-view 1.6.8 → 1.7.1

package/dist/BaseChordDisplay/components/BaseChordDisplay.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: ({ lib, load }: PluginManager) => {
-    ({ display }: any): JSX.Element;
-    propTypes: {
-        display: import("prop-types").Validator<any>;
-    };
-};
-export default _default;
+/// <reference types="react" />
+import PluginManager from '@jbrowse/core/PluginManager';
+declare const _default: ({ lib, load }: PluginManager) => {
+    ({ display }: any): JSX.Element;
+    propTypes: {
+        display: import("prop-types").Validator<any>;
+    };
+};
+export default _default;

package/dist/BaseChordDisplay/components/BaseChordDisplay.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Loading = _interopRequireDefault(require("./Loading"));
+
+var _DisplayError = _interopRequireDefault(require("./DisplayError"));
+
+var _RpcRenderedSvgGroup = _interopRequireDefault(require("./RpcRenderedSvgGroup"));
+
+var _default = function _default(_ref) {
+  var lib = _ref.lib,
+      load = _ref.load;
+  var React = lib.react;
+  var _lib$mobxReact = lib['mobx-react'],
+      observer = _lib$mobxReact.observer,
+      MobxPropTypes = _lib$mobxReact.PropTypes;
+  var Loading = load(_Loading["default"]);
+  var DisplayError = load(_DisplayError["default"]);
+  var RpcRenderedSvgGroup = load(_RpcRenderedSvgGroup["default"]); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+  function BaseChordDisplay(_ref2) {
+    var display = _ref2.display;
+
+    if (display.error) {
+      return /*#__PURE__*/React.createElement(DisplayError, {
+        model: display
+      });
+    }
+
+    if (!display.filled) {
+      return /*#__PURE__*/React.createElement(Loading, {
+        model: display
+      });
+    }
+
+    return /*#__PURE__*/React.createElement(RpcRenderedSvgGroup, {
+      model: display
+    });
+  }
+
+  BaseChordDisplay.propTypes = {
+    display: MobxPropTypes.observableObject.isRequired
+  };
+  return observer(BaseChordDisplay);
+};
+
+exports["default"] = _default;

package/dist/BaseChordDisplay/components/DisplayError.d.ts

@@ -1,4 +1,4 @@
-declare function _default({ jbrequire }: {
-    jbrequire: any;
-}): any;
-export default _default;
+declare function _default({ jbrequire }: {
+    jbrequire: any;
+}): any;
+export default _default;

package/dist/BaseChordDisplay/components/DisplayError.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _default = function _default(_ref) {
+  var jbrequire = _ref.jbrequire;
+  var React = jbrequire('react');
+
+  var _jbrequire = jbrequire('@material-ui/core/styles'),
+      makeStyles = _jbrequire.makeStyles;
+
+  var _jbrequire2 = jbrequire('mobx-react'),
+      observer = _jbrequire2.observer;
+
+  var useStyles = makeStyles({
+    errorMessage: {},
+    errorBackground: {},
+    errorText: {}
+  }); // 'repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px)',
+
+  var DisplayError = observer(function (_ref2) {
+    var _ref2$model = _ref2.model,
+        radius = _ref2$model.renderProps.radius,
+        error = _ref2$model.error;
+    var classes = useStyles();
+    return /*#__PURE__*/React.createElement("g", {
+      className: classes.errorMessage
+    }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
+      id: "diagonalHatch",
+      width: "10",
+      height: "10",
+      patternTransform: "rotate(45 0 0)",
+      patternUnits: "userSpaceOnUse"
+    }, /*#__PURE__*/React.createElement("line", {
+      x1: "0",
+      y1: "0",
+      x2: "0",
+      y2: "10",
+      style: {
+        stroke: 'rgba(255,0,0,0.5)',
+        strokeWidth: 10
+      }
+    }))), /*#__PURE__*/React.createElement("circle", {
+      className: classes.errorBackground,
+      cx: "0",
+      cy: "0",
+      r: radius,
+      fill: "#ffb4b4"
+    }), /*#__PURE__*/React.createElement("circle", {
+      className: classes.errorPattern,
+      cx: "0",
+      cy: "0",
+      r: radius,
+      fill: "url(#diagonalHatch)"
+    }), /*#__PURE__*/React.createElement("text", {
+      className: classes.errorText,
+      x: "0",
+      y: "0",
+      transform: "rotate(90 0 0)",
+      dominantBaseline: "middle",
+      textAnchor: "middle"
+    }, String(error)));
+  });
+  return DisplayError;
+};
+
+exports["default"] = _default;

package/dist/BaseChordDisplay/components/Loading.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import PluginManager from '@jbrowse/core/PluginManager';
-declare const _default: (pluginManager: PluginManager) => ({ model: { renderProps: { radius }, }, }: {
-    model: {
-        renderProps: {
-            radius: number;
-        };
-    };
-}) => JSX.Element | null;
-export default _default;
+/// <reference types="react" />
+import PluginManager from '@jbrowse/core/PluginManager';
+declare const _default: (pluginManager: PluginManager) => ({ model: { renderProps: { radius }, }, }: {
+    model: {
+        renderProps: {
+            radius: number;
+        };
+    };
+}) => JSX.Element | null;
+export default _default;

package/dist/BaseChordDisplay/components/Loading.js

@@ -0,0 +1,122 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _default = function _default(pluginManager) {
+  var lib = pluginManager.lib;
+  var React = lib.react;
+  var useState = React.useState,
+      useEffect = React.useEffect;
+  var makeStyles = lib['@material-ui/core/styles'].makeStyles;
+  var observer = lib['mobx-react'].observer;
+  var useStyles = makeStyles(function (theme) {
+    var offset = 2;
+    var duration = 1.4;
+    return {
+      path: {
+        strokeDasharray: 187,
+        strokeDashoffset: 50,
+        animation: "$dash ".concat(duration, "s ease-in-out infinite, $colors ").concat(duration * 4, "s ease-in-out infinite")
+      },
+      '@keyframes colors': {
+        '0%': {
+          stroke: theme.palette.primary.light
+        },
+        '25%': {
+          stroke: theme.palette.secondary.light
+        },
+        '50%': {
+          stroke: theme.palette.tertiary.light
+        },
+        '75%': {
+          stroke: theme.palette.quaternary.light
+        },
+        '100%': {
+          stroke: theme.palette.primary.light
+        }
+      },
+      '@keyframes dash': {
+        '0%': {
+          strokeDashoffset: offset
+        },
+        '50%': {
+          strokeDashoffset: offset / 4,
+          transform: 'rotate(135deg)'
+        },
+        '100%': {
+          strokeDashoffset: offset,
+          transform: 'rotate(720deg)'
+        }
+      }
+    };
+  }); // 'repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px)',
+
+  var Loading = observer(function (_ref) {
+    var radius = _ref.model.renderProps.radius;
+    var classes = useStyles(); // only show the loading message after 400ms to prevent excessive flickering
+
+    var _useState = useState(false),
+        _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+        shown = _useState2[0],
+        setShown = _useState2[1];
+
+    useEffect(function () {
+      var timeout = setTimeout(function () {
+        return setShown(true);
+      }, 400);
+      return function () {
+        return clearTimeout(timeout);
+      };
+    });
+    return !shown ? null : /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
+      id: "diagonalHatch",
+      width: "10",
+      height: "10",
+      patternTransform: "rotate(45 0 0)",
+      patternUnits: "userSpaceOnUse"
+    }, /*#__PURE__*/React.createElement("line", {
+      x1: "0",
+      y1: "0",
+      x2: "0",
+      y2: "10",
+      style: {
+        stroke: 'rgba(255,255,255,0.5)',
+        strokeWidth: 10
+      }
+    }))), /*#__PURE__*/React.createElement("circle", {
+      cx: "0",
+      cy: "0",
+      r: radius,
+      fill: "#f1f1f1"
+    }), /*#__PURE__*/React.createElement("circle", {
+      cx: "0",
+      cy: "0",
+      r: radius,
+      fill: "url(#diagonalHatch)"
+    }), /*#__PURE__*/React.createElement("text", {
+      x: "0",
+      y: "0",
+      transform: "rotate(90 0 0)",
+      dominantBaseline: "middle",
+      textAnchor: "middle"
+    }, "Loading\u2026"), /*#__PURE__*/React.createElement("circle", {
+      className: classes.path,
+      fill: "none",
+      strokeWidth: "4",
+      strokeLinecap: "round",
+      cx: "0",
+      cy: "0",
+      r: "60"
+    }));
+  });
+  return Loading;
+};
+
+exports["default"] = _default;

package/dist/BaseChordDisplay/components/RpcRenderedSvgGroup.d.ts

@@ -1,4 +1,4 @@
-declare function _default({ jbrequire }: {
-    jbrequire: any;
-}): any;
-export default _default;
+declare function _default({ jbrequire }: {
+    jbrequire: any;
+}): any;
+export default _default;

package/dist/BaseChordDisplay/components/RpcRenderedSvgGroup.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var _default = function _default(_ref) {
+  var jbrequire = _ref.jbrequire;
+  var React = jbrequire('react');
+
+  var _jbrequire = jbrequire('mobx-state-tree'),
+      isAlive = _jbrequire.isAlive;
+
+  var useEffect = React.useEffect,
+      useRef = React.useRef;
+
+  var _jbrequire2 = jbrequire('mobx-react'),
+      observer = _jbrequire2.observer,
+      MobxPropTypes = _jbrequire2.PropTypes;
+
+  var _jbrequire3 = jbrequire('react-dom'),
+      unmountComponentAtNode = _jbrequire3.unmountComponentAtNode,
+      hydrate = _jbrequire3.hydrate;
+
+  var _jbrequire4 = jbrequire('@jbrowse/core/util'),
+      rIC = _jbrequire4.rIC;
+
+  function RpcRenderedSvgGroup(_ref2) {
+    var model = _ref2.model;
+    var data = model.data,
+        html = model.html,
+        filled = model.filled,
+        renderingComponent = model.renderingComponent;
+    var ssrContainerNode = useRef(null);
+    useEffect(function () {
+      var domNode = ssrContainerNode.current;
+
+      function doHydrate() {
+        if (domNode && filled) {
+          if (domNode && domNode.innerHTML) {
+            domNode.style.display = 'none';
+            unmountComponentAtNode(domNode);
+          } // setting outline:none fixes react "focusable" element issue. see
+          // https://github.com/GMOD/jbrowse-components/issues/2160
+
+
+          domNode.style.outline = 'none';
+          domNode.innerHTML = html; // use requestIdleCallback to defer main-thread rendering
+          // and hydration for when we have some free time. helps
+          // keep the framerate up.
+
+          rIC(function () {
+            if (!isAlive(model)) {
+              return;
+            }
+
+            var mainThreadRendering = React.createElement(renderingComponent, _objectSpread(_objectSpread({}, data), model.renderProps()), null);
+            rIC(function () {
+              if (!isAlive(model)) {
+                return;
+              }
+
+              hydrate(mainThreadRendering, domNode);
+            });
+          });
+        }
+      }
+
+      doHydrate();
+      return function () {
+        if (domNode) {
+          unmountComponentAtNode(domNode);
+        }
+      };
+    });
+    return /*#__PURE__*/React.createElement("g", {
+      ref: ssrContainerNode
+    });
+  }
+
+  RpcRenderedSvgGroup.propTypes = {
+    model: MobxPropTypes.observableObject.isRequired
+  };
+  return observer(RpcRenderedSvgGroup);
+};
+
+exports["default"] = _default;

package/dist/BaseChordDisplay/index.d.ts

@@ -1,3 +1,3 @@
-export { default as BaseChordDisplayComponentFactory } from './components/BaseChordDisplay';
-export { BaseChordDisplayModel } from './models/BaseChordDisplayModel';
-export { baseChordDisplayConfig } from './models/baseChordDisplayConfig';
+export { default as BaseChordDisplayComponentFactory } from './components/BaseChordDisplay';
+export { BaseChordDisplayModel } from './models/BaseChordDisplayModel';
+export { baseChordDisplayConfig } from './models/baseChordDisplayConfig';

package/dist/BaseChordDisplay/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BaseChordDisplayComponentFactory", {
+  enumerable: true,
+  get: function get() {
+    return _BaseChordDisplay["default"];
+  }
+});
+Object.defineProperty(exports, "BaseChordDisplayModel", {
+  enumerable: true,
+  get: function get() {
+    return _BaseChordDisplayModel.BaseChordDisplayModel;
+  }
+});
+Object.defineProperty(exports, "baseChordDisplayConfig", {
+  enumerable: true,
+  get: function get() {
+    return _baseChordDisplayConfig.baseChordDisplayConfig;
+  }
+});
+
+var _BaseChordDisplay = _interopRequireDefault(require("./components/BaseChordDisplay"));
+
+var _BaseChordDisplayModel = require("./models/BaseChordDisplayModel");
+
+var _baseChordDisplayConfig = require("./models/baseChordDisplayConfig");

package/dist/BaseChordDisplay/models/BaseChordDisplayModel.d.ts

@@ -1,99 +1,99 @@
-import RendererType from '@jbrowse/core/pluggableElementTypes/renderers/RendererType';
-import { AnyReactComponentType } from '@jbrowse/core/util';
-import { Feature } from '@jbrowse/core/util/simpleFeature';
-import React from 'react';
-export declare const BaseChordDisplayModel: import("mobx-state-tree").IModelType<{
-    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-    type: import("mobx-state-tree").ISimpleType<string>;
-    rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-} & {
-    bezierRadiusRatio: import("mobx-state-tree").IType<number | undefined, number, number>;
-    assemblyName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-}, {
-    rendererTypeName: string;
-    error: unknown;
-} & {
-    readonly RenderingComponent: React.FC<{
-        model: import("mobx-state-tree").ModelInstanceTypeProps<{
-            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            type: import("mobx-state-tree").ISimpleType<string>;
-            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-        }> & {
-            rendererTypeName: string;
-            error: unknown;
-        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            type: import("mobx-state-tree").ISimpleType<string>;
-            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-        }, {
-            rendererTypeName: string;
-            error: unknown;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-        onHorizontalScroll?: Function | undefined;
-        blockState?: Record<string, any> | undefined;
-    }>;
-    readonly DisplayBlurb: React.FC<{
-        model: import("mobx-state-tree").ModelInstanceTypeProps<{
-            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            type: import("mobx-state-tree").ISimpleType<string>;
-            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-        }> & {
-            rendererTypeName: string;
-            error: unknown;
-        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            type: import("mobx-state-tree").ISimpleType<string>;
-            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
-        }, {
-            rendererTypeName: string;
-            error: unknown;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-    }> | null;
-    readonly adapterConfig: any;
-    readonly parentTrack: any;
-    renderProps(): any;
-    readonly rendererType: any;
-    readonly DisplayMessageComponent: React.FC<any> | undefined;
-    trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
-    readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
-    regionCannotBeRendered(): undefined;
-} & {
-    setError(error?: unknown): void;
-    setRpcDriverName(rpcDriverName: string): void;
-    reload(): void;
-} & {
-    filled: boolean;
-    reactElement: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | undefined;
-    data: undefined;
-    message: string;
-    renderingComponent: React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
-    refNameMap: Record<string, string> | undefined;
-} & {
-    onChordClick(feature: Feature): void;
-} & {
-    readonly blockDefinitions: any;
-    renderProps(): any;
-    /**
-     * the pluggable element type object for this diplay's
-     * renderer
-     */
-    readonly rendererType: any;
-    isCompatibleWithRenderer(renderer: RendererType): boolean;
-    /**
-     * returns a string feature ID if the globally-selected object
-     * is probably a feature
-     */
-    readonly selectedFeatureId: string | undefined;
-} & {
-    renderStarted(): void;
-    renderSuccess({ message, data, reactElement, renderingComponent, }: {
-        message: string;
-        data: any;
-        reactElement: React.ReactElement;
-        renderingComponent: AnyReactComponentType;
-    }): void;
-    renderError(error: unknown): void;
-    setRefNameMap(refNameMap: Record<string, string>): void;
-} & {
-    afterAttach(): void;
-}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+import RendererType from '@jbrowse/core/pluggableElementTypes/renderers/RendererType';
+import { AnyReactComponentType } from '@jbrowse/core/util';
+import { Feature } from '@jbrowse/core/util/simpleFeature';
+import React from 'react';
+export declare const BaseChordDisplayModel: import("mobx-state-tree").IModelType<{
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    type: import("mobx-state-tree").ISimpleType<string>;
+    rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+} & {
+    bezierRadiusRatio: import("mobx-state-tree").IType<number | undefined, number, number>;
+    assemblyName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+}, {
+    rendererTypeName: string;
+    error: unknown;
+} & {
+    readonly RenderingComponent: React.FC<{
+        model: import("mobx-state-tree").ModelInstanceTypeProps<{
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("mobx-state-tree").ISimpleType<string>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        }> & {
+            rendererTypeName: string;
+            error: unknown;
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("mobx-state-tree").ISimpleType<string>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        }, {
+            rendererTypeName: string;
+            error: unknown;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+        onHorizontalScroll?: Function | undefined;
+        blockState?: Record<string, any> | undefined;
+    }>;
+    readonly DisplayBlurb: React.FC<{
+        model: import("mobx-state-tree").ModelInstanceTypeProps<{
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("mobx-state-tree").ISimpleType<string>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        }> & {
+            rendererTypeName: string;
+            error: unknown;
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("mobx-state-tree").ISimpleType<string>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        }, {
+            rendererTypeName: string;
+            error: unknown;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    }> | null;
+    readonly adapterConfig: any;
+    readonly parentTrack: any;
+    renderProps(): any;
+    readonly rendererType: any;
+    readonly DisplayMessageComponent: React.FC<any> | undefined;
+    trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
+    readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
+    regionCannotBeRendered(): undefined;
+} & {
+    setError(error?: unknown): void;
+    setRpcDriverName(rpcDriverName: string): void;
+    reload(): void;
+} & {
+    filled: boolean;
+    reactElement: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    data: undefined;
+    message: string;
+    renderingComponent: AnyReactComponentType | undefined;
+    refNameMap: Record<string, string> | undefined;
+} & {
+    onChordClick(feature: Feature): void;
+} & {
+    readonly blockDefinitions: any;
+    renderProps(): any;
+    /**
+     * the pluggable element type object for this diplay's
+     * renderer
+     */
+    readonly rendererType: any;
+    isCompatibleWithRenderer(renderer: RendererType): boolean;
+    /**
+     * returns a string feature ID if the globally-selected object
+     * is probably a feature
+     */
+    readonly selectedFeatureId: string | undefined;
+} & {
+    renderStarted(): void;
+    renderSuccess({ message, data, reactElement, renderingComponent, }: {
+        message: string;
+        data: any;
+        reactElement: React.ReactElement;
+        renderingComponent: AnyReactComponentType;
+    }): void;
+    renderError(error: unknown): void;
+    setRefNameMap(refNameMap: Record<string, string>): void;
+} & {
+    afterAttach(): void;
+}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;