@jbrowse/plugin-linear-genome-view 1.6.9 → 1.7.3

package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js

@@ -0,0 +1,192 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _mobxReact = require("mobx-react");
+
+var _mobxStateTree = require("mobx-state-tree");
+
+var _tracks = require("@jbrowse/core/util/tracks");
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _Refresh = _interopRequireDefault(require("@material-ui/icons/Refresh"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    loading: {
+      paddingLeft: '0.6em',
+      backgroundColor: theme.palette.action.disabledBackground,
+      backgroundImage: 'repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px)',
+      height: '100%',
+      width: '100%',
+      pointerEvents: 'none',
+      textAlign: 'center'
+    },
+    blockMessage: {
+      width: '100%',
+      background: theme.palette.action.disabledBackground,
+      padding: theme.spacing(2),
+      pointerEvents: 'none',
+      textAlign: 'center'
+    },
+    blockError: {
+      padding: theme.spacing(2),
+      width: '100%',
+      whiteSpace: 'normal',
+      color: theme.palette.error.main,
+      overflowY: 'auto'
+    },
+    blockReactNodeMessage: {
+      width: '100%',
+      background: theme.palette.action.disabledBackground,
+      padding: theme.spacing(2),
+      textAlign: 'center'
+    },
+    dots: {
+      '&::after': {
+        display: 'inline-block',
+        animation: '$ellipsis 1.5s infinite',
+        content: '"."',
+        width: '1em',
+        textAlign: 'left'
+      }
+    },
+    '@keyframes ellipsis': {
+      '0%': {
+        content: '"."'
+      },
+      '33%': {
+        content: '".."'
+      },
+      '66%': {
+        content: '"..."'
+      }
+    }
+  };
+});
+
+function Repeater(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'flex'
+    }
+  }, children, children);
+} // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+
+var LoadingMessage = (0, _mobxReact.observer)(function (_ref2) {
+  var model = _ref2.model;
+
+  // only show the loading message after 300ms to prevent excessive flickering
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      shown = _useState2[0],
+      setShown = _useState2[1];
+
+  var classes = useStyles();
+  (0, _react.useEffect)(function () {
+    var killed = false;
+    var timeout = setTimeout(function () {
+      if (!killed) {
+        setShown(true);
+      }
+    }, 300);
+    return function () {
+      clearTimeout(timeout);
+      killed = true;
+    };
+  }, []);
+  var blockStatus = model.status;
+
+  var _getParent = (0, _mobxStateTree.getParent)(model, 2),
+      displayStatus = _getParent.message;
+
+  var status = displayStatus || blockStatus;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, shown ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.loading
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    className: classes.dots,
+    variant: "body2"
+  }, status ? "".concat(status) : 'Loading')) : null);
+});
+
+function BlockMessage(_ref3) {
+  var messageContent = _ref3.messageContent;
+  var classes = useStyles();
+  return /*#__PURE__*/_react["default"].isValidElement(messageContent) ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.blockReactNodeMessage
+  }, messageContent) : /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: "body2",
+    className: classes.blockMessage
+  }, messageContent);
+}
+
+function BlockError(_ref4) {
+  var error = _ref4.error,
+      reload = _ref4.reload,
+      displayHeight = _ref4.displayHeight;
+  var classes = useStyles();
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.blockError,
+    style: {
+      height: displayHeight
+    }
+  }, reload ? /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    "data-testid": "reload_button",
+    onClick: reload,
+    startIcon: /*#__PURE__*/_react["default"].createElement(_Refresh["default"], null)
+  }, "Reload") : null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    color: "error",
+    variant: "body2",
+    display: "inline"
+  }, "".concat(error)));
+}
+
+var ServerSideRenderedBlockContent = (0, _mobxReact.observer)(function (_ref5) {
+  var model = _ref5.model;
+
+  if (model.error) {
+    return /*#__PURE__*/_react["default"].createElement(Repeater, null, /*#__PURE__*/_react["default"].createElement(BlockError, {
+      error: model.error,
+      reload: model.reload,
+      displayHeight: (0, _tracks.getParentRenderProps)(model).displayModel.height
+    }));
+  }
+
+  if (model.message) {
+    return /*#__PURE__*/_react["default"].createElement(Repeater, null, /*#__PURE__*/_react["default"].createElement(BlockMessage, {
+      messageContent: model.message
+    }));
+  }
+
+  if (!model.filled) {
+    return /*#__PURE__*/_react["default"].createElement(Repeater, null, /*#__PURE__*/_react["default"].createElement(LoadingMessage, {
+      model: model
+    }));
+  }
+
+  return model.reactElement;
+});
+var _default = ServerSideRenderedBlockContent;
+exports["default"] = _default;

package/dist/BaseLinearDisplay/index.d.ts

@@ -1,5 +1,5 @@
-export { baseLinearDisplayConfigSchema } from './models/baseLinearDisplayConfigSchema';
-export { BaseLinearDisplay } from './models/BaseLinearDisplayModel';
-export type { BlockModel } from './models/serverSideRenderedBlock';
-export type { BaseLinearDisplayModel, BaseLinearDisplayStateModel, } from './models/BaseLinearDisplayModel';
-export { default as BaseLinearDisplayComponent, Tooltip, } from './components/BaseLinearDisplay';
+export { baseLinearDisplayConfigSchema } from './models/baseLinearDisplayConfigSchema';
+export { BaseLinearDisplay } from './models/BaseLinearDisplayModel';
+export type { BlockModel } from './models/serverSideRenderedBlock';
+export type { BaseLinearDisplayModel, BaseLinearDisplayStateModel, } from './models/BaseLinearDisplayModel';
+export { default as BaseLinearDisplayComponent, Tooltip, } from './components/BaseLinearDisplay';

package/dist/BaseLinearDisplay/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BaseLinearDisplay", {
+  enumerable: true,
+  get: function get() {
+    return _BaseLinearDisplayModel.BaseLinearDisplay;
+  }
+});
+Object.defineProperty(exports, "BaseLinearDisplayComponent", {
+  enumerable: true,
+  get: function get() {
+    return _BaseLinearDisplay["default"];
+  }
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function get() {
+    return _BaseLinearDisplay.Tooltip;
+  }
+});
+Object.defineProperty(exports, "baseLinearDisplayConfigSchema", {
+  enumerable: true,
+  get: function get() {
+    return _baseLinearDisplayConfigSchema.baseLinearDisplayConfigSchema;
+  }
+});
+
+var _baseLinearDisplayConfigSchema = require("./models/baseLinearDisplayConfigSchema");
+
+var _BaseLinearDisplayModel = require("./models/BaseLinearDisplayModel");
+
+var _BaseLinearDisplay = _interopRequireWildcard(require("./components/BaseLinearDisplay"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }