@jbrowse/plugin-linear-genome-view 1.7.0 → 1.7.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BaseLinearDisplay/components/BaseLinearDisplay.d.ts +13 -13
- package/dist/BaseLinearDisplay/components/BaseLinearDisplay.js +18 -18
- package/dist/BaseLinearDisplay/components/Block.d.ts +15 -15
- package/dist/BaseLinearDisplay/components/Block.js +4 -4
- package/dist/BaseLinearDisplay/components/LinearBlocks.d.ts +12 -12
- package/dist/BaseLinearDisplay/components/LinearBlocks.js +11 -11
- package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.d.ts +4 -4
- package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js +16 -16
- package/dist/BaseLinearDisplay/index.d.ts +5 -5
- package/dist/BaseLinearDisplay/index.js +2 -2
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts +227 -230
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.js +32 -32
- package/dist/BaseLinearDisplay/models/baseLinearDisplayConfigSchema.d.ts +1 -1
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.d.ts +96 -96
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js +9 -9
- package/dist/LinearBareDisplay/configSchema.d.ts +2 -2
- package/dist/LinearBareDisplay/index.d.ts +2 -2
- package/dist/LinearBareDisplay/model.d.ts +192 -192
- package/dist/LinearBareDisplay/model.js +1 -1
- package/dist/LinearBasicDisplay/components/SetMaxHeight.d.ts +10 -10
- package/dist/LinearBasicDisplay/components/SetMaxHeight.js +11 -11
- package/dist/LinearBasicDisplay/configSchema.d.ts +2 -2
- package/dist/LinearBasicDisplay/configSchema.js +1 -1
- package/dist/LinearBasicDisplay/index.d.ts +2 -2
- package/dist/LinearBasicDisplay/index.js +2 -2
- package/dist/LinearBasicDisplay/model.d.ts +213 -213
- package/dist/LinearBasicDisplay/model.js +10 -10
- package/dist/LinearGenomeView/components/CenterLine.d.ts +14 -14
- package/dist/LinearGenomeView/components/CenterLine.js +5 -5
- package/dist/LinearGenomeView/components/ExportSvgDialog.d.ts +6 -6
- package/dist/LinearGenomeView/components/ExportSvgDialog.js +16 -16
- package/dist/LinearGenomeView/components/Header.d.ts +7 -7
- package/dist/LinearGenomeView/components/Header.js +20 -20
- package/dist/LinearGenomeView/components/HelpDialog.d.ts +5 -5
- package/dist/LinearGenomeView/components/HelpDialog.js +4 -4
- package/dist/LinearGenomeView/components/ImportForm.d.ts +7 -7
- package/dist/LinearGenomeView/components/ImportForm.js +28 -28
- package/dist/LinearGenomeView/components/LinearGenomeView.d.ts +7 -7
- package/dist/LinearGenomeView/components/LinearGenomeView.js +15 -15
- package/dist/LinearGenomeView/components/LinearGenomeView.test.js +9 -9
- package/dist/LinearGenomeView/components/LinearGenomeViewSvg.d.ts +4 -4
- package/dist/LinearGenomeView/components/LinearGenomeViewSvg.js +40 -40
- package/dist/LinearGenomeView/components/MiniControls.d.ts +6 -6
- package/dist/LinearGenomeView/components/MiniControls.js +9 -9
- package/dist/LinearGenomeView/components/OverviewRubberBand.d.ts +22 -22
- package/dist/LinearGenomeView/components/OverviewRubberBand.js +19 -19
- package/dist/LinearGenomeView/components/OverviewScaleBar.d.ts +132 -124
- package/dist/LinearGenomeView/components/OverviewScaleBar.js +28 -28
- package/dist/LinearGenomeView/components/RefNameAutocomplete.d.ts +21 -21
- package/dist/LinearGenomeView/components/RefNameAutocomplete.js +27 -27
- package/dist/LinearGenomeView/components/RubberBand.d.ts +9 -20
- package/dist/LinearGenomeView/components/RubberBand.js +18 -18
- package/dist/LinearGenomeView/components/Ruler.d.ts +27 -27
- package/dist/LinearGenomeView/components/Ruler.js +11 -11
- package/dist/LinearGenomeView/components/ScaleBar.d.ts +401 -401
- package/dist/LinearGenomeView/components/ScaleBar.js +19 -19
- package/dist/LinearGenomeView/components/ScaleBar.test.js +3 -3
- package/dist/LinearGenomeView/components/SearchBox.d.ts +8 -8
- package/dist/LinearGenomeView/components/SearchBox.js +9 -9
- package/dist/LinearGenomeView/components/SearchResultsDialog.d.ts +8 -8
- package/dist/LinearGenomeView/components/SearchResultsDialog.js +15 -15
- package/dist/LinearGenomeView/components/SequenceDialog.d.ts +8 -8
- package/dist/LinearGenomeView/components/SequenceDialog.js +21 -21
- package/dist/LinearGenomeView/components/TrackContainer.d.ts +9 -9
- package/dist/LinearGenomeView/components/TrackContainer.js +14 -14
- package/dist/LinearGenomeView/components/TrackLabel.d.ts +44 -44
- package/dist/LinearGenomeView/components/TrackLabel.js +14 -14
- package/dist/LinearGenomeView/components/TracksContainer.d.ts +10 -10
- package/dist/LinearGenomeView/components/TracksContainer.js +10 -10
- package/dist/LinearGenomeView/components/VerticalGuides.d.ts +9 -9
- package/dist/LinearGenomeView/components/VerticalGuides.js +11 -11
- package/dist/LinearGenomeView/components/ZoomControls.d.ts +7 -7
- package/dist/LinearGenomeView/components/ZoomControls.js +9 -9
- package/dist/LinearGenomeView/components/util.d.ts +2 -2
- package/dist/LinearGenomeView/index.d.ts +292 -292
- package/dist/LinearGenomeView/index.js +35 -35
- package/dist/LinearGenomeView/index.test.js +19 -19
- package/dist/LinearGenomeView/util.d.ts +14 -14
- package/dist/index.d.ts +565 -565
- package/dist/index.js +18 -18
- package/package.json +5 -5
- package/dist/LinearBareDisplay/index.test.d.ts +0 -1
- package/dist/LinearGenomeView/components/LinearGenomeView.test.d.ts +0 -1
- package/dist/plugin-linear-genome-view.cjs.development.js +0 -8121
- package/dist/plugin-linear-genome-view.cjs.development.js.map +0 -1
- package/dist/plugin-linear-genome-view.cjs.production.min.js +0 -2
- package/dist/plugin-linear-genome-view.cjs.production.min.js.map +0 -1
- package/dist/plugin-linear-genome-view.esm.js +0 -8105
- package/dist/plugin-linear-genome-view.esm.js.map +0 -1
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BaseLinearDisplayModel } from '../models/BaseLinearDisplayModel';
|
|
3
|
-
declare const Tooltip: ({ model, clientMouseCoord, }: {
|
|
4
|
-
model: BaseLinearDisplayModel;
|
|
5
|
-
clientMouseCoord: Coord;
|
|
6
|
-
}) => JSX.Element | null;
|
|
7
|
-
declare type Coord = [number, number];
|
|
8
|
-
declare const BaseLinearDisplay: (props: {
|
|
9
|
-
model: BaseLinearDisplayModel;
|
|
10
|
-
children?: React.ReactNode;
|
|
11
|
-
}) => JSX.Element;
|
|
12
|
-
export default BaseLinearDisplay;
|
|
13
|
-
export { Tooltip };
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseLinearDisplayModel } from '../models/BaseLinearDisplayModel';
|
|
3
|
+
declare const Tooltip: ({ model, clientMouseCoord, }: {
|
|
4
|
+
model: BaseLinearDisplayModel;
|
|
5
|
+
clientMouseCoord: Coord;
|
|
6
|
+
}) => JSX.Element | null;
|
|
7
|
+
declare type Coord = [number, number];
|
|
8
|
+
declare const BaseLinearDisplay: (props: {
|
|
9
|
+
model: BaseLinearDisplayModel;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
}) => JSX.Element;
|
|
12
|
+
export default BaseLinearDisplay;
|
|
13
|
+
export { Tooltip };
|
|
@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports
|
|
10
|
+
exports.default = exports.Tooltip = void 0;
|
|
11
11
|
|
|
12
12
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
13
|
|
|
@@ -31,11 +31,11 @@ var _LinearBlocks = _interopRequireDefault(require("./LinearBlocks"));
|
|
|
31
31
|
|
|
32
32
|
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); }
|
|
33
33
|
|
|
34
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
34
|
+
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; }
|
|
35
35
|
|
|
36
36
|
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; }
|
|
37
37
|
|
|
38
|
-
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
|
|
38
|
+
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; }
|
|
39
39
|
|
|
40
40
|
function round(value) {
|
|
41
41
|
return Math.round(value * 1e5) / 1e5;
|
|
@@ -67,9 +67,9 @@ var useStyles = (0, _core.makeStyles)(function (theme) {
|
|
|
67
67
|
};
|
|
68
68
|
});
|
|
69
69
|
|
|
70
|
-
var TooltipContents = /*#__PURE__*/_react
|
|
70
|
+
var TooltipContents = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
71
71
|
var message = _ref.message;
|
|
72
|
-
return /*#__PURE__*/_react
|
|
72
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
73
73
|
ref: ref
|
|
74
74
|
}, message);
|
|
75
75
|
});
|
|
@@ -81,12 +81,12 @@ var Tooltip = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
81
81
|
var featureUnderMouse = model.featureUnderMouse;
|
|
82
82
|
|
|
83
83
|
var _useState = (0, _react.useState)(0),
|
|
84
|
-
_useState2 = (0, _slicedToArray2
|
|
84
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
85
85
|
width = _useState2[0],
|
|
86
86
|
setWidth = _useState2[1];
|
|
87
87
|
|
|
88
88
|
var _useState3 = (0, _react.useState)(null),
|
|
89
|
-
_useState4 = (0, _slicedToArray2
|
|
89
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
90
90
|
popperElt = _useState4[0],
|
|
91
91
|
setPopperElt = _useState4[1]; // must be memoized a la https://github.com/popperjs/react-popper/issues/391
|
|
92
92
|
|
|
@@ -118,14 +118,14 @@ var Tooltip = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
118
118
|
var contents = featureUnderMouse ? (0, _configuration.getConf)(model, 'mouseover', {
|
|
119
119
|
feature: featureUnderMouse
|
|
120
120
|
}) : undefined;
|
|
121
|
-
return featureUnderMouse && contents ? /*#__PURE__*/_react
|
|
121
|
+
return featureUnderMouse && contents ? /*#__PURE__*/_react.default.createElement(_core.Portal, null, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
|
|
122
122
|
ref: setPopperElt,
|
|
123
123
|
className: classes.tooltip // zIndex needed to go over widget drawer
|
|
124
124
|
,
|
|
125
125
|
style: _objectSpread(_objectSpread({}, styles.popper), {}, {
|
|
126
126
|
zIndex: 100000
|
|
127
127
|
})
|
|
128
|
-
}, attributes.popper), /*#__PURE__*/_react
|
|
128
|
+
}, attributes.popper), /*#__PURE__*/_react.default.createElement(TooltipContents, {
|
|
129
129
|
ref: function ref(elt) {
|
|
130
130
|
return setWidth((elt === null || elt === void 0 ? void 0 : elt.getBoundingClientRect().width) || 0);
|
|
131
131
|
},
|
|
@@ -139,22 +139,22 @@ var BaseLinearDisplay = (0, _mobxReact.observer)(function (props) {
|
|
|
139
139
|
var ref = (0, _react.useRef)(null);
|
|
140
140
|
|
|
141
141
|
var _useState5 = (0, _react.useState)(),
|
|
142
|
-
_useState6 = (0, _slicedToArray2
|
|
142
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
143
143
|
clientRect = _useState6[0],
|
|
144
144
|
setClientRect = _useState6[1];
|
|
145
145
|
|
|
146
146
|
var _useState7 = (0, _react.useState)([0, 0]),
|
|
147
|
-
_useState8 = (0, _slicedToArray2
|
|
147
|
+
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
|
148
148
|
offsetMouseCoord = _useState8[0],
|
|
149
149
|
setOffsetMouseCoord = _useState8[1];
|
|
150
150
|
|
|
151
151
|
var _useState9 = (0, _react.useState)([0, 0]),
|
|
152
|
-
_useState10 = (0, _slicedToArray2
|
|
152
|
+
_useState10 = (0, _slicedToArray2.default)(_useState9, 2),
|
|
153
153
|
clientMouseCoord = _useState10[0],
|
|
154
154
|
setClientMouseCoord = _useState10[1];
|
|
155
155
|
|
|
156
156
|
var _useState11 = (0, _react.useState)(),
|
|
157
|
-
_useState12 = (0, _slicedToArray2
|
|
157
|
+
_useState12 = (0, _slicedToArray2.default)(_useState11, 2),
|
|
158
158
|
contextCoord = _useState12[0],
|
|
159
159
|
setContextCoord = _useState12[1];
|
|
160
160
|
|
|
@@ -165,7 +165,7 @@ var BaseLinearDisplay = (0, _mobxReact.observer)(function (props) {
|
|
|
165
165
|
contextMenuItems = model.contextMenuItems,
|
|
166
166
|
height = model.height,
|
|
167
167
|
setContextMenuFeature = model.setContextMenuFeature;
|
|
168
|
-
return /*#__PURE__*/_react
|
|
168
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
169
169
|
ref: ref,
|
|
170
170
|
"data-testid": "display-".concat((0, _configuration.getConf)(model, 'displayId')),
|
|
171
171
|
className: classes.display,
|
|
@@ -191,16 +191,16 @@ var BaseLinearDisplay = (0, _mobxReact.observer)(function (props) {
|
|
|
191
191
|
setClientMouseCoord([event.clientX, event.clientY]);
|
|
192
192
|
setClientRect(rect);
|
|
193
193
|
}
|
|
194
|
-
}, DisplayMessageComponent ? /*#__PURE__*/_react
|
|
194
|
+
}, DisplayMessageComponent ? /*#__PURE__*/_react.default.createElement(DisplayMessageComponent, {
|
|
195
195
|
model: model
|
|
196
|
-
}) : /*#__PURE__*/_react
|
|
196
|
+
}) : /*#__PURE__*/_react.default.createElement(_LinearBlocks.default, props), children, /*#__PURE__*/_react.default.createElement(TooltipComponent, {
|
|
197
197
|
model: model,
|
|
198
198
|
height: height,
|
|
199
199
|
offsetMouseCoord: offsetMouseCoord,
|
|
200
200
|
clientMouseCoord: clientMouseCoord,
|
|
201
201
|
clientRect: clientRect,
|
|
202
202
|
mouseCoord: offsetMouseCoord
|
|
203
|
-
}), /*#__PURE__*/_react
|
|
203
|
+
}), /*#__PURE__*/_react.default.createElement(_ui.Menu, {
|
|
204
204
|
open: Boolean(contextCoord) && Boolean(contextMenuItems().length),
|
|
205
205
|
onMenuItemClick: function onMenuItemClick(_, callback) {
|
|
206
206
|
callback();
|
|
@@ -229,4 +229,4 @@ var BaseLinearDisplay = (0, _mobxReact.observer)(function (props) {
|
|
|
229
229
|
}));
|
|
230
230
|
});
|
|
231
231
|
var _default = BaseLinearDisplay;
|
|
232
|
-
exports
|
|
232
|
+
exports.default = _default;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BaseBlock } from '@jbrowse/core/util/blockTypes';
|
|
3
|
-
declare const ContentBlock: ({ block, children }: {
|
|
4
|
-
block: BaseBlock;
|
|
5
|
-
children: React.ReactNode;
|
|
6
|
-
}) => JSX.Element;
|
|
7
|
-
declare function ElidedBlock({ width }: {
|
|
8
|
-
width: number;
|
|
9
|
-
}): JSX.Element;
|
|
10
|
-
declare function InterRegionPaddingBlock({ boundary, width, style, }: {
|
|
11
|
-
boundary: boolean;
|
|
12
|
-
width: number;
|
|
13
|
-
style?: React.CSSProperties;
|
|
14
|
-
}): JSX.Element;
|
|
15
|
-
export { ContentBlock, ElidedBlock, InterRegionPaddingBlock };
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseBlock } from '@jbrowse/core/util/blockTypes';
|
|
3
|
+
declare const ContentBlock: ({ block, children }: {
|
|
4
|
+
block: BaseBlock;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
}) => JSX.Element;
|
|
7
|
+
declare function ElidedBlock({ width }: {
|
|
8
|
+
width: number;
|
|
9
|
+
}): JSX.Element;
|
|
10
|
+
declare function InterRegionPaddingBlock({ boundary, width, style, }: {
|
|
11
|
+
boundary: boolean;
|
|
12
|
+
width: number;
|
|
13
|
+
style?: React.CSSProperties;
|
|
14
|
+
}): JSX.Element;
|
|
15
|
+
export { ContentBlock, ElidedBlock, InterRegionPaddingBlock };
|
|
@@ -19,7 +19,7 @@ var _mobxReact = require("mobx-react");
|
|
|
19
19
|
|
|
20
20
|
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; }
|
|
21
21
|
|
|
22
|
-
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
|
|
22
|
+
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; }
|
|
23
23
|
|
|
24
24
|
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
25
25
|
return {
|
|
@@ -51,7 +51,7 @@ var ContentBlock = (0, _mobxReact.observer)(function (_ref) {
|
|
|
51
51
|
children = _ref.children;
|
|
52
52
|
var classes = useStyles();
|
|
53
53
|
var widthPx = block.widthPx;
|
|
54
|
-
return /*#__PURE__*/_react
|
|
54
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
55
55
|
style: {
|
|
56
56
|
width: widthPx
|
|
57
57
|
},
|
|
@@ -63,7 +63,7 @@ exports.ContentBlock = ContentBlock;
|
|
|
63
63
|
function ElidedBlock(_ref2) {
|
|
64
64
|
var width = _ref2.width;
|
|
65
65
|
var classes = useStyles();
|
|
66
|
-
return /*#__PURE__*/_react
|
|
66
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
67
67
|
className: classes.elidedBlock,
|
|
68
68
|
style: {
|
|
69
69
|
width: width
|
|
@@ -77,7 +77,7 @@ function InterRegionPaddingBlock(_ref3) {
|
|
|
77
77
|
_ref3$style = _ref3.style,
|
|
78
78
|
style = _ref3$style === void 0 ? {} : _ref3$style;
|
|
79
79
|
var classes = useStyles();
|
|
80
|
-
return /*#__PURE__*/_react
|
|
80
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
81
81
|
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
82
82
|
width: width
|
|
83
83
|
}),
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { BaseLinearDisplayModel } from '../models/BaseLinearDisplayModel';
|
|
3
|
-
declare const useStyles: (props?: any) =>
|
|
4
|
-
declare const RenderedBlocks: ({ model }: {
|
|
5
|
-
model: BaseLinearDisplayModel;
|
|
6
|
-
}) => JSX.Element;
|
|
7
|
-
declare function LinearBlocks({ model }: {
|
|
8
|
-
model: BaseLinearDisplayModel;
|
|
9
|
-
}): JSX.Element;
|
|
10
|
-
export { RenderedBlocks, useStyles };
|
|
11
|
-
declare const _default: typeof LinearBlocks;
|
|
12
|
-
export default _default;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { BaseLinearDisplayModel } from '../models/BaseLinearDisplayModel';
|
|
3
|
+
declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"linearBlocks" | "heightOverflowed">;
|
|
4
|
+
declare const RenderedBlocks: ({ model }: {
|
|
5
|
+
model: BaseLinearDisplayModel;
|
|
6
|
+
}) => JSX.Element;
|
|
7
|
+
declare function LinearBlocks({ model }: {
|
|
8
|
+
model: BaseLinearDisplayModel;
|
|
9
|
+
}): JSX.Element;
|
|
10
|
+
export { RenderedBlocks, useStyles };
|
|
11
|
+
declare const _default: typeof LinearBlocks;
|
|
12
|
+
export default _default;
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.useStyles = exports
|
|
8
|
+
exports.useStyles = exports.default = exports.RenderedBlocks = void 0;
|
|
9
9
|
|
|
10
10
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
11
11
|
|
|
@@ -48,15 +48,15 @@ var RenderedBlocks = (0, _mobxReact.observer)(function (_ref) {
|
|
|
48
48
|
var classes = useStyles();
|
|
49
49
|
var blockDefinitions = model.blockDefinitions,
|
|
50
50
|
blockState = model.blockState;
|
|
51
|
-
return /*#__PURE__*/_react
|
|
51
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, blockDefinitions.map(function (block) {
|
|
52
52
|
if (block instanceof _blockTypes.ContentBlock) {
|
|
53
53
|
var state = blockState.get(block.key);
|
|
54
|
-
return /*#__PURE__*/_react
|
|
54
|
+
return /*#__PURE__*/_react.default.createElement(_Block.ContentBlock, {
|
|
55
55
|
block: block,
|
|
56
56
|
key: "".concat(model.id, "-").concat(block.key)
|
|
57
|
-
}, state && state.ReactComponent ? /*#__PURE__*/_react
|
|
57
|
+
}, state && state.ReactComponent ? /*#__PURE__*/_react.default.createElement(state.ReactComponent, {
|
|
58
58
|
model: state
|
|
59
|
-
}) : null, state && state.maxHeightReached ? /*#__PURE__*/_react
|
|
59
|
+
}) : null, state && state.maxHeightReached ? /*#__PURE__*/_react.default.createElement("div", {
|
|
60
60
|
className: classes.heightOverflowed,
|
|
61
61
|
style: {
|
|
62
62
|
top: state.layout.getTotalHeight() - 16,
|
|
@@ -67,14 +67,14 @@ var RenderedBlocks = (0, _mobxReact.observer)(function (_ref) {
|
|
|
67
67
|
}
|
|
68
68
|
|
|
69
69
|
if (block instanceof _blockTypes.ElidedBlock) {
|
|
70
|
-
return /*#__PURE__*/_react
|
|
70
|
+
return /*#__PURE__*/_react.default.createElement(_Block.ElidedBlock, {
|
|
71
71
|
key: "".concat(model.id, "-").concat(block.key),
|
|
72
72
|
width: block.widthPx
|
|
73
73
|
});
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
if (block instanceof _blockTypes.InterRegionPaddingBlock) {
|
|
77
|
-
return /*#__PURE__*/_react
|
|
77
|
+
return /*#__PURE__*/_react.default.createElement(_Block.InterRegionPaddingBlock, {
|
|
78
78
|
key: block.key,
|
|
79
79
|
width: block.widthPx,
|
|
80
80
|
style: {
|
|
@@ -84,7 +84,7 @@ var RenderedBlocks = (0, _mobxReact.observer)(function (_ref) {
|
|
|
84
84
|
});
|
|
85
85
|
}
|
|
86
86
|
|
|
87
|
-
throw new Error("invalid block type ".concat((0, _typeof2
|
|
87
|
+
throw new Error("invalid block type ".concat((0, _typeof2.default)(block)));
|
|
88
88
|
}));
|
|
89
89
|
});
|
|
90
90
|
exports.RenderedBlocks = RenderedBlocks;
|
|
@@ -94,17 +94,17 @@ function LinearBlocks(_ref2) {
|
|
|
94
94
|
var classes = useStyles();
|
|
95
95
|
var blockDefinitions = model.blockDefinitions;
|
|
96
96
|
var viewModel = (0, _util.getContainingView)(model);
|
|
97
|
-
return /*#__PURE__*/_react
|
|
97
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
98
98
|
"data-testid": "Blockset",
|
|
99
99
|
className: classes.linearBlocks,
|
|
100
100
|
style: {
|
|
101
101
|
left: blockDefinitions.offsetPx - viewModel.offsetPx
|
|
102
102
|
}
|
|
103
|
-
}, /*#__PURE__*/_react
|
|
103
|
+
}, /*#__PURE__*/_react.default.createElement(RenderedBlocks, {
|
|
104
104
|
model: model
|
|
105
105
|
}));
|
|
106
106
|
}
|
|
107
107
|
|
|
108
108
|
var _default = (0, _mobxReact.observer)(LinearBlocks);
|
|
109
109
|
|
|
110
|
-
exports
|
|
110
|
+
exports.default = _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const ServerSideRenderedBlockContent: ({ model, }: {
|
|
2
|
-
model: any;
|
|
3
|
-
}) => any;
|
|
4
|
-
export default ServerSideRenderedBlockContent;
|
|
1
|
+
declare const ServerSideRenderedBlockContent: ({ model, }: {
|
|
2
|
+
model: any;
|
|
3
|
+
}) => any;
|
|
4
|
+
export default ServerSideRenderedBlockContent;
|
|
@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports
|
|
10
|
+
exports.default = void 0;
|
|
11
11
|
|
|
12
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
13
|
|
|
@@ -29,7 +29,7 @@ var _Refresh = _interopRequireDefault(require("@material-ui/icons/Refresh"));
|
|
|
29
29
|
|
|
30
30
|
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); }
|
|
31
31
|
|
|
32
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
32
|
+
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; }
|
|
33
33
|
|
|
34
34
|
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
35
35
|
return {
|
|
@@ -87,7 +87,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
|
87
87
|
|
|
88
88
|
function Repeater(_ref) {
|
|
89
89
|
var children = _ref.children;
|
|
90
|
-
return /*#__PURE__*/_react
|
|
90
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
91
91
|
style: {
|
|
92
92
|
display: 'flex'
|
|
93
93
|
}
|
|
@@ -100,7 +100,7 @@ var LoadingMessage = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
100
100
|
|
|
101
101
|
// only show the loading message after 300ms to prevent excessive flickering
|
|
102
102
|
var _useState = (0, _react.useState)(false),
|
|
103
|
-
_useState2 = (0, _slicedToArray2
|
|
103
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
104
104
|
shown = _useState2[0],
|
|
105
105
|
setShown = _useState2[1];
|
|
106
106
|
|
|
@@ -123,9 +123,9 @@ var LoadingMessage = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
123
123
|
displayStatus = _getParent.message;
|
|
124
124
|
|
|
125
125
|
var status = displayStatus || blockStatus;
|
|
126
|
-
return /*#__PURE__*/_react
|
|
126
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, shown ? /*#__PURE__*/_react.default.createElement("div", {
|
|
127
127
|
className: classes.loading
|
|
128
|
-
}, /*#__PURE__*/_react
|
|
128
|
+
}, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
129
129
|
className: classes.dots,
|
|
130
130
|
variant: "body2"
|
|
131
131
|
}, status ? "".concat(status) : 'Loading')) : null);
|
|
@@ -134,9 +134,9 @@ var LoadingMessage = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
134
134
|
function BlockMessage(_ref3) {
|
|
135
135
|
var messageContent = _ref3.messageContent;
|
|
136
136
|
var classes = useStyles();
|
|
137
|
-
return /*#__PURE__*/_react
|
|
137
|
+
return /*#__PURE__*/_react.default.isValidElement(messageContent) ? /*#__PURE__*/_react.default.createElement("div", {
|
|
138
138
|
className: classes.blockReactNodeMessage
|
|
139
|
-
}, messageContent) : /*#__PURE__*/_react
|
|
139
|
+
}, messageContent) : /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
140
140
|
variant: "body2",
|
|
141
141
|
className: classes.blockMessage
|
|
142
142
|
}, messageContent);
|
|
@@ -147,16 +147,16 @@ function BlockError(_ref4) {
|
|
|
147
147
|
reload = _ref4.reload,
|
|
148
148
|
displayHeight = _ref4.displayHeight;
|
|
149
149
|
var classes = useStyles();
|
|
150
|
-
return /*#__PURE__*/_react
|
|
150
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
151
151
|
className: classes.blockError,
|
|
152
152
|
style: {
|
|
153
153
|
height: displayHeight
|
|
154
154
|
}
|
|
155
|
-
}, reload ? /*#__PURE__*/_react
|
|
155
|
+
}, reload ? /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
156
156
|
"data-testid": "reload_button",
|
|
157
157
|
onClick: reload,
|
|
158
|
-
startIcon: /*#__PURE__*/_react
|
|
159
|
-
}, "Reload") : null, /*#__PURE__*/_react
|
|
158
|
+
startIcon: /*#__PURE__*/_react.default.createElement(_Refresh.default, null)
|
|
159
|
+
}, "Reload") : null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
160
160
|
color: "error",
|
|
161
161
|
variant: "body2",
|
|
162
162
|
display: "inline"
|
|
@@ -167,7 +167,7 @@ var ServerSideRenderedBlockContent = (0, _mobxReact.observer)(function (_ref5) {
|
|
|
167
167
|
var model = _ref5.model;
|
|
168
168
|
|
|
169
169
|
if (model.error) {
|
|
170
|
-
return /*#__PURE__*/_react
|
|
170
|
+
return /*#__PURE__*/_react.default.createElement(Repeater, null, /*#__PURE__*/_react.default.createElement(BlockError, {
|
|
171
171
|
error: model.error,
|
|
172
172
|
reload: model.reload,
|
|
173
173
|
displayHeight: (0, _tracks.getParentRenderProps)(model).displayModel.height
|
|
@@ -175,13 +175,13 @@ var ServerSideRenderedBlockContent = (0, _mobxReact.observer)(function (_ref5) {
|
|
|
175
175
|
}
|
|
176
176
|
|
|
177
177
|
if (model.message) {
|
|
178
|
-
return /*#__PURE__*/_react
|
|
178
|
+
return /*#__PURE__*/_react.default.createElement(Repeater, null, /*#__PURE__*/_react.default.createElement(BlockMessage, {
|
|
179
179
|
messageContent: model.message
|
|
180
180
|
}));
|
|
181
181
|
}
|
|
182
182
|
|
|
183
183
|
if (!model.filled) {
|
|
184
|
-
return /*#__PURE__*/_react
|
|
184
|
+
return /*#__PURE__*/_react.default.createElement(Repeater, null, /*#__PURE__*/_react.default.createElement(LoadingMessage, {
|
|
185
185
|
model: model
|
|
186
186
|
}));
|
|
187
187
|
}
|
|
@@ -189,4 +189,4 @@ var ServerSideRenderedBlockContent = (0, _mobxReact.observer)(function (_ref5) {
|
|
|
189
189
|
return model.reactElement;
|
|
190
190
|
});
|
|
191
191
|
var _default = ServerSideRenderedBlockContent;
|
|
192
|
-
exports
|
|
192
|
+
exports.default = _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { baseLinearDisplayConfigSchema } from './models/baseLinearDisplayConfigSchema';
|
|
2
|
-
export { BaseLinearDisplay } from './models/BaseLinearDisplayModel';
|
|
3
|
-
export type { BlockModel } from './models/serverSideRenderedBlock';
|
|
4
|
-
export type { BaseLinearDisplayModel, BaseLinearDisplayStateModel, } from './models/BaseLinearDisplayModel';
|
|
5
|
-
export { default as BaseLinearDisplayComponent, Tooltip, } from './components/BaseLinearDisplay';
|
|
1
|
+
export { baseLinearDisplayConfigSchema } from './models/baseLinearDisplayConfigSchema';
|
|
2
|
+
export { BaseLinearDisplay } from './models/BaseLinearDisplayModel';
|
|
3
|
+
export type { BlockModel } from './models/serverSideRenderedBlock';
|
|
4
|
+
export type { BaseLinearDisplayModel, BaseLinearDisplayStateModel, } from './models/BaseLinearDisplayModel';
|
|
5
|
+
export { default as BaseLinearDisplayComponent, Tooltip, } from './components/BaseLinearDisplay';
|
|
@@ -14,7 +14,7 @@ Object.defineProperty(exports, "BaseLinearDisplay", {
|
|
|
14
14
|
Object.defineProperty(exports, "BaseLinearDisplayComponent", {
|
|
15
15
|
enumerable: true,
|
|
16
16
|
get: function get() {
|
|
17
|
-
return _BaseLinearDisplay
|
|
17
|
+
return _BaseLinearDisplay.default;
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
20
|
Object.defineProperty(exports, "Tooltip", {
|
|
@@ -38,4 +38,4 @@ var _BaseLinearDisplay = _interopRequireWildcard(require("./components/BaseLinea
|
|
|
38
38
|
|
|
39
39
|
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); }
|
|
40
40
|
|
|
41
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
41
|
+
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; }
|