@jbrowse/plugin-linear-genome-view 1.7.9 → 2.0.0

package/dist/BaseLinearDisplay/components/BaseLinearDisplay.d.ts

@@ -1,10 +1,6 @@
 import React from 'react';
+import Tooltip from './Tooltip';
 import { BaseLinearDisplayModel } from '../models/BaseLinearDisplayModel';
-declare const Tooltip: ({ model, clientMouseCoord, }: {
-    model: BaseLinearDisplayModel;
-    clientMouseCoord: Coord;
-}) => JSX.Element | null;
-declare type Coord = [number, number];
 declare const BaseLinearDisplay: (props: {
     model: BaseLinearDisplayModel;
     children?: React.ReactNode;

package/dist/BaseLinearDisplay/components/BaseLinearDisplay.js

@@ -1,232 +1,124 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Tooltip = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _mobxReact = require("mobx-react");
-
-var _core = require("@material-ui/core");
-
-var _configuration = require("@jbrowse/core/configuration");
-
-var _ui = require("@jbrowse/core/ui");
-
-var _reactPopper = require("react-popper");
-
-var _LinearBlocks = _interopRequireDefault(require("./LinearBlocks"));
-
-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; }
-
-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; }
-
-function round(value) {
-  return Math.round(value * 1e5) / 1e5;
-}
-
-var useStyles = (0, _core.makeStyles)(function (theme) {
-  return {
-    display: {
-      position: 'relative',
-      whiteSpace: 'nowrap',
-      textAlign: 'left',
-      width: '100%',
-      minHeight: '100%'
-    },
-    // these styles come from
-    // https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tooltip/Tooltip.js
-    tooltip: {
-      pointerEvents: 'none',
-      backgroundColor: (0, _core.alpha)(theme.palette.grey[700], 0.9),
-      borderRadius: theme.shape.borderRadius,
-      color: theme.palette.common.white,
-      fontFamily: theme.typography.fontFamily,
-      padding: '4px 8px',
-      fontSize: theme.typography.pxToRem(12),
-      lineHeight: "".concat(round(14 / 10), "em"),
-      maxWidth: 300,
-      wordWrap: 'break-word'
-    }
-  };
-});
-
-var TooltipContents = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var message = _ref.message;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref
-  }, message);
-});
-
-var Tooltip = (0, _mobxReact.observer)(function (_ref2) {
-  var model = _ref2.model,
-      clientMouseCoord = _ref2.clientMouseCoord;
-  var classes = useStyles();
-  var featureUnderMouse = model.featureUnderMouse;
-
-  var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      width = _useState2[0],
-      setWidth = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      popperElt = _useState4[0],
-      setPopperElt = _useState4[1]; // must be memoized a la https://github.com/popperjs/react-popper/issues/391
-
-
-  var virtElement = (0, _react.useMemo)(function () {
-    return {
-      getBoundingClientRect: function getBoundingClientRect() {
-        var x = clientMouseCoord[0] + width / 2 + 20;
-        var y = clientMouseCoord[1];
-        return {
-          top: y,
-          left: x,
-          bottom: y,
-          right: x,
-          width: 0,
-          height: 0,
-          x: x,
-          y: y,
-          toJSON: function toJSON() {}
-        };
-      }
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
     };
-  }, [clientMouseCoord, width]);
-
-  var _usePopper = (0, _reactPopper.usePopper)(virtElement, popperElt),
-      styles = _usePopper.styles,
-      attributes = _usePopper.attributes;
-
-  var contents = featureUnderMouse ? (0, _configuration.getConf)(model, 'mouseover', {
-    feature: featureUnderMouse
-  }) : undefined;
-  return featureUnderMouse && contents ? /*#__PURE__*/_react.default.createElement(_core.Portal, null, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    ref: setPopperElt,
-    className: classes.tooltip // zIndex needed to go over widget drawer
-    ,
-    style: _objectSpread(_objectSpread({}, styles.popper), {}, {
-      zIndex: 100000
-    })
-  }, attributes.popper), /*#__PURE__*/_react.default.createElement(TooltipContents, {
-    ref: function ref(elt) {
-      return setWidth((elt === null || elt === void 0 ? void 0 : elt.getBoundingClientRect().width) || 0);
-    },
-    message: contents
-  }))) : null;
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
-exports.Tooltip = Tooltip;
-var BaseLinearDisplay = (0, _mobxReact.observer)(function (props) {
-  var classes = useStyles();
-  var theme = (0, _core.useTheme)();
-  var ref = (0, _react.useRef)(null);
-
-  var _useState5 = (0, _react.useState)(),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      clientRect = _useState6[0],
-      setClientRect = _useState6[1];
-
-  var _useState7 = (0, _react.useState)([0, 0]),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      offsetMouseCoord = _useState8[0],
-      setOffsetMouseCoord = _useState8[1];
-
-  var _useState9 = (0, _react.useState)([0, 0]),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      clientMouseCoord = _useState10[0],
-      setClientMouseCoord = _useState10[1];
-
-  var _useState11 = (0, _react.useState)(),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      contextCoord = _useState12[0],
-      setContextCoord = _useState12[1];
-
-  var model = props.model,
-      children = props.children;
-  var TooltipComponent = model.TooltipComponent,
-      DisplayMessageComponent = model.DisplayMessageComponent,
-      contextMenuItems = model.contextMenuItems,
-      height = model.height,
-      setContextMenuFeature = model.setContextMenuFeature;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
-    "data-testid": "display-".concat((0, _configuration.getConf)(model, 'displayId')),
-    className: classes.display,
-    onContextMenu: function onContextMenu(event) {
-      event.preventDefault();
-
-      if (contextCoord) {
-        // There's already a context menu open, so close it
-        setContextCoord(undefined);
-      } else if (ref.current) {
-        setContextCoord([event.clientX, event.clientY]);
-      }
-    },
-    onMouseMove: function onMouseMove(event) {
-      if (!ref.current) {
-        return;
-      }
-
-      var rect = ref.current.getBoundingClientRect();
-      var left = rect.left,
-          top = rect.top;
-      setOffsetMouseCoord([event.clientX - left, event.clientY - top]);
-      setClientMouseCoord([event.clientX, event.clientY]);
-      setClientRect(rect);
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
     }
-  }, DisplayMessageComponent ? /*#__PURE__*/_react.default.createElement(DisplayMessageComponent, {
-    model: model
-  }) : /*#__PURE__*/_react.default.createElement(_LinearBlocks.default, props), children, /*#__PURE__*/_react.default.createElement(TooltipComponent, {
-    model: model,
-    height: height,
-    offsetMouseCoord: offsetMouseCoord,
-    clientMouseCoord: clientMouseCoord,
-    clientRect: clientRect,
-    mouseCoord: offsetMouseCoord
-  }), /*#__PURE__*/_react.default.createElement(_ui.Menu, {
-    open: Boolean(contextCoord) && Boolean(contextMenuItems().length),
-    onMenuItemClick: function onMenuItemClick(_, callback) {
-      callback();
-      setContextCoord(undefined);
-    },
-    onClose: function onClose() {
-      setContextCoord(undefined);
-      setContextMenuFeature(undefined);
-    },
-    TransitionProps: {
-      onExit: function onExit() {
-        setContextCoord(undefined);
-        setContextMenuFeature(undefined);
-      }
-    },
-    anchorReference: "anchorPosition",
-    anchorPosition: contextCoord ? {
-      top: contextCoord[1],
-      left: contextCoord[0]
-    } : undefined,
-    style: {
-      zIndex: theme.zIndex.tooltip
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+var react_1 = __importStar(require("react"));
+var mobx_react_1 = require("mobx-react");
+var material_1 = require("@mui/material");
+var mui_1 = require("tss-react/mui");
+var configuration_1 = require("@jbrowse/core/configuration");
+var ui_1 = require("@jbrowse/core/ui");
+// locals
+var Tooltip_1 = __importDefault(require("./Tooltip"));
+exports.Tooltip = Tooltip_1.default;
+var LinearBlocks_1 = __importDefault(require("./LinearBlocks"));
+var useStyles = (0, mui_1.makeStyles)()({
+    display: {
+        position: 'relative',
+        whiteSpace: 'nowrap',
+        textAlign: 'left',
+        width: '100%',
+        minHeight: '100%',
     },
-    menuItems: contextMenuItems(),
-    "data-testid": "base_linear_display_context_menu"
-  }));
 });
-var _default = BaseLinearDisplay;
-exports.default = _default;
+var BaseLinearDisplay = (0, mobx_react_1.observer)(function (props) {
+    var classes = useStyles().classes;
+    var theme = (0, material_1.useTheme)();
+    var ref = (0, react_1.useRef)(null);
+    var _a = __read((0, react_1.useState)(), 2), clientRect = _a[0], setClientRect = _a[1];
+    var _b = __read((0, react_1.useState)([0, 0]), 2), offsetMouseCoord = _b[0], setOffsetMouseCoord = _b[1];
+    var _c = __read((0, react_1.useState)([0, 0]), 2), clientMouseCoord = _c[0], setClientMouseCoord = _c[1];
+    var _d = __read((0, react_1.useState)(), 2), contextCoord = _d[0], setContextCoord = _d[1];
+    var model = props.model, children = props.children;
+    var TooltipComponent = model.TooltipComponent, DisplayMessageComponent = model.DisplayMessageComponent, contextMenuItems = model.contextMenuItems, height = model.height, setContextMenuFeature = model.setContextMenuFeature;
+    return (react_1.default.createElement("div", { ref: ref, "data-testid": "display-".concat((0, configuration_1.getConf)(model, 'displayId')), className: classes.display, onContextMenu: function (event) {
+            event.preventDefault();
+            if (contextCoord) {
+                // There's already a context menu open, so close it
+                setContextCoord(undefined);
+            }
+            else if (ref.current) {
+                setContextCoord([event.clientX, event.clientY]);
+            }
+        }, onMouseMove: function (event) {
+            if (!ref.current) {
+                return;
+            }
+            var rect = ref.current.getBoundingClientRect();
+            var left = rect.left, top = rect.top;
+            setOffsetMouseCoord([event.clientX - left, event.clientY - top]);
+            setClientMouseCoord([event.clientX, event.clientY]);
+            setClientRect(rect);
+        } },
+        DisplayMessageComponent ? (react_1.default.createElement(DisplayMessageComponent, { model: model })) : (react_1.default.createElement(LinearBlocks_1.default, __assign({}, props))),
+        children,
+        react_1.default.createElement(TooltipComponent, { model: model, height: height, offsetMouseCoord: offsetMouseCoord, clientMouseCoord: clientMouseCoord, clientRect: clientRect, mouseCoord: offsetMouseCoord }),
+        react_1.default.createElement(ui_1.Menu, { open: Boolean(contextCoord) && Boolean(contextMenuItems().length), onMenuItemClick: function (_, callback) {
+                callback();
+                setContextCoord(undefined);
+            }, onClose: function () {
+                setContextCoord(undefined);
+                setContextMenuFeature(undefined);
+            }, TransitionProps: {
+                onExit: function () {
+                    setContextCoord(undefined);
+                    setContextMenuFeature(undefined);
+                },
+            }, anchorReference: "anchorPosition", anchorPosition: contextCoord
+                ? { top: contextCoord[1], left: contextCoord[0] }
+                : undefined, style: { zIndex: theme.zIndex.tooltip }, menuItems: contextMenuItems(), "data-testid": "base_linear_display_context_menu" })));
+});
+exports.default = BaseLinearDisplay;
+//# sourceMappingURL=BaseLinearDisplay.js.map

package/dist/BaseLinearDisplay/components/BaseLinearDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseLinearDisplay.js","sourceRoot":"","sources":["../../../src/BaseLinearDisplay/components/BaseLinearDisplay.tsx"],"names":[],"mappings":"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"}

package/dist/BaseLinearDisplay/components/Block.js

@@ -1,86 +1,65 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ContentBlock = void 0;
-exports.ElidedBlock = ElidedBlock;
-exports.InterRegionPaddingBlock = InterRegionPaddingBlock;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _mobxReact = require("mobx-react");
-
-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 useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InterRegionPaddingBlock = exports.ElidedBlock = exports.ContentBlock = void 0;
+var react_1 = __importDefault(require("react"));
+var mui_1 = require("tss-react/mui");
+var mobx_react_1 = require("mobx-react");
+var useStyles = (0, mui_1.makeStyles)()(function (theme) { return ({
     contentBlock: {
-      position: 'relative',
-      minHeight: '100%',
-      boxSizing: 'border-box',
-      whiteSpace: 'nowrap',
-      overflow: 'hidden'
+        position: 'relative',
+        minHeight: '100%',
+        boxSizing: 'border-box',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
     },
     elidedBlock: {
-      minHeight: '100%',
-      boxSizing: 'border-box',
-      backgroundColor: '#999',
-      backgroundImage: 'repeating-linear-gradient(90deg, transparent, transparent 1px, rgba(255,255,255,.5) 1px, rgba(255,255,255,.5) 3px)'
+        minHeight: '100%',
+        boxSizing: 'border-box',
+        backgroundColor: '#999',
+        backgroundImage: 'repeating-linear-gradient(90deg, transparent, transparent 1px, rgba(255,255,255,.5) 1px, rgba(255,255,255,.5) 3px)',
     },
     interRegionPaddingBlock: {
-      minHeight: '100%',
-      backgroundColor: theme.palette.text.primary
+        minHeight: '100%',
+        backgroundColor: theme.palette.text.primary,
     },
     boundaryPaddingBlock: {
-      minHeight: '100%',
-      backgroundColor: theme.palette.action.disabledBackground
-    }
-  };
-});
-var ContentBlock = (0, _mobxReact.observer)(function (_ref) {
-  var block = _ref.block,
-      children = _ref.children;
-  var classes = useStyles();
-  var widthPx = block.widthPx;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      width: widthPx
+        minHeight: '100%',
+        backgroundColor: theme.palette.action.disabledBackground,
     },
-    className: classes.contentBlock
-  }, children);
+}); });
+var ContentBlock = (0, mobx_react_1.observer)(function (_a) {
+    var block = _a.block, children = _a.children;
+    var classes = useStyles().classes;
+    var widthPx = block.widthPx;
+    return (react_1.default.createElement("div", { style: { width: widthPx }, className: classes.contentBlock }, children));
 });
 exports.ContentBlock = ContentBlock;
-
-function ElidedBlock(_ref2) {
-  var width = _ref2.width;
-  var classes = useStyles();
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.elidedBlock,
-    style: {
-      width: width
-    }
-  });
+function ElidedBlock(_a) {
+    var width = _a.width;
+    var classes = useStyles().classes;
+    return react_1.default.createElement("div", { className: classes.elidedBlock, style: { width: width } });
 }
-
-function InterRegionPaddingBlock(_ref3) {
-  var boundary = _ref3.boundary,
-      width = _ref3.width,
-      _ref3$style = _ref3.style,
-      style = _ref3$style === void 0 ? {} : _ref3$style;
-  var classes = useStyles();
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      width: width
-    }),
-    className: boundary ? classes.boundaryPaddingBlock : classes.interRegionPaddingBlock
-  });
-}
+exports.ElidedBlock = ElidedBlock;
+function InterRegionPaddingBlock(_a) {
+    var boundary = _a.boundary, width = _a.width, _b = _a.style, style = _b === void 0 ? {} : _b;
+    var classes = useStyles().classes;
+    return (react_1.default.createElement("div", { style: __assign(__assign({}, style), { width: width }), className: boundary
+            ? classes.boundaryPaddingBlock
+            : classes.interRegionPaddingBlock }));
+}
+exports.InterRegionPaddingBlock = InterRegionPaddingBlock;
+//# sourceMappingURL=Block.js.map

package/dist/BaseLinearDisplay/components/Block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Block.js","sourceRoot":"","sources":["../../../src/BaseLinearDisplay/components/Block.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,qCAA0C;AAC1C,yCAAqC;AAErC,IAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,UAAA,KAAK,IAAI,OAAA,CAAC;IACvC,YAAY,EAAE;QACZ,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,YAAY;QACvB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;KACnB;IACD,WAAW,EAAE;QACX,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,YAAY;QACvB,eAAe,EAAE,MAAM;QACvB,eAAe,EACb,oHAAoH;KACvH;IACD,uBAAuB,EAAE;QACvB,SAAS,EAAE,MAAM;QACjB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAC5C;IACD,oBAAoB,EAAE;QACpB,SAAS,EAAE,MAAM;QACjB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,kBAAkB;KACzD;CACF,CAAC,EAvBsC,CAuBtC,CAAC,CAAA;AAEH,IAAM,YAAY,GAAG,IAAA,qBAAQ,EAC3B,UAAC,EAAoE;QAAlE,KAAK,WAAA,EAAE,QAAQ,cAAA;IACR,IAAA,OAAO,GAAK,SAAS,EAAE,QAAhB,CAAgB;IACvB,IAAA,OAAO,GAAK,KAAK,QAAV,CAAU;IACzB,OAAO,CACL,uCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,YAAY,IAC5D,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAgCQ,oCAAY;AA9BrB,SAAS,WAAW,CAAC,EAA4B;QAA1B,KAAK,WAAA;IAClB,IAAA,OAAO,GAAK,SAAS,EAAE,QAAhB,CAAgB;IAC/B,OAAO,uCAAK,SAAS,EAAE,OAAO,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,GAAI,CAAA;AAClE,CAAC;AA2BsB,kCAAW;AAzBlC,SAAS,uBAAuB,CAAC,EAQhC;QAPC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA;IAMF,IAAA,OAAO,GAAK,SAAS,EAAE,QAAhB,CAAgB;IAC/B,OAAO,CACL,uCACE,KAAK,wBACA,KAAK,KACR,KAAK,OAAA,KAEP,SAAS,EACP,QAAQ;YACN,CAAC,CAAC,OAAO,CAAC,oBAAoB;YAC9B,CAAC,CAAC,OAAO,CAAC,uBAAuB,GAErC,CACH,CAAA;AACH,CAAC;AAEmC,0DAAuB"}

package/dist/BaseLinearDisplay/components/LinearBlocks.d.ts

@@ -1,6 +1,16 @@
 /// <reference types="react" />
 import { BaseLinearDisplayModel } from '../models/BaseLinearDisplayModel';
-declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"linearBlocks" | "heightOverflowed">;
+declare const useStyles: (params: void, styleOverrides?: {
+    props: {
+        classes?: Record<string, string> | undefined;
+    } & Record<string, unknown>;
+    ownerState?: Record<string, unknown> | undefined;
+} | undefined) => {
+    classes: Record<"linearBlocks" | "heightOverflowed", string>;
+    theme: import("@mui/material").Theme;
+    css: import("tss-react/types").Css;
+    cx: import("tss-react/types").Cx;
+};
 declare const RenderedBlocks: ({ model }: {
     model: BaseLinearDisplayModel;
 }) => JSX.Element;