@spider-analyzer/timeline 4.0.3 → 5.0.1
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/CHANGELOG.md +80 -1
- package/README.md +275 -637
- package/dist/index.d.mts +132 -0
- package/dist/index.d.ts +132 -0
- package/dist/index.js +2913 -22
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +2906 -0
- package/dist/index.mjs.map +1 -0
- package/dist/timeline.css +139 -0
- package/package.json +52 -15
- package/src/Cursor.jsx +5 -13
- package/src/TimeLine.tsx +994 -0
- package/src/TimeLineResizer.jsx +2 -8
- package/src/ToolTip.jsx +7 -7
- package/src/cursorElements/CursorIcon.jsx +6 -29
- package/src/cursorElements/CursorSelection.jsx +4 -19
- package/src/cursorElements/DragOverlay.jsx +2 -12
- package/src/cursorElements/LeftHandle.jsx +3 -19
- package/src/cursorElements/LeftToolTip.jsx +2 -7
- package/src/cursorElements/RightHandle.jsx +3 -19
- package/src/cursorElements/RightToolTip.jsx +4 -13
- package/src/cursorElements/ZoomIn.jsx +5 -25
- package/src/cursorElements/ZoomOut.jsx +4 -21
- package/src/cursorElements/utils.js +1 -1
- package/src/index.js +6 -0
- package/src/index.ts +158 -0
- package/src/moment-shim.ts +169 -0
- package/src/styles.ts +15 -0
- package/src/time.ts +52 -0
- package/src/timeLineElements/Button.jsx +5 -30
- package/src/timeLineElements/HistoToolTip.jsx +3 -17
- package/src/timeLineElements/Histogram.jsx +4 -16
- package/src/timeLineElements/Legend.jsx +2 -16
- package/src/timeLineElements/QualityLine.jsx +4 -11
- package/src/timeLineElements/Tools.jsx +1 -1
- package/src/timeLineElements/XAxis.jsx +5 -8
- package/src/timeLineElements/XGrid.jsx +3 -7
- package/src/timeLineElements/YAxis.jsx +4 -7
- package/src/timeLineElements/YGrid.jsx +2 -6
- package/src/timeLineElements/axesStyles.jsx +0 -49
- package/src/timeline.css +139 -0
- package/src/utils.ts +60 -0
- package/.babelrc +0 -8
- package/.gitlab-ci.yml +0 -27
- package/Makefile +0 -20
- package/dist/Cursor.js +0 -290
- package/dist/TimeLine.js +0 -1177
- package/dist/TimeLineResizer.js +0 -70
- package/dist/ToolTip.js +0 -43
- package/dist/cursorElements/CursorIcon.js +0 -98
- package/dist/cursorElements/CursorSelection.js +0 -179
- package/dist/cursorElements/DragOverlay.js +0 -168
- package/dist/cursorElements/LeftHandle.js +0 -95
- package/dist/cursorElements/LeftToolTip.js +0 -70
- package/dist/cursorElements/RightHandle.js +0 -95
- package/dist/cursorElements/RightToolTip.js +0 -75
- package/dist/cursorElements/ZoomIn.js +0 -93
- package/dist/cursorElements/ZoomOut.js +0 -67
- package/dist/cursorElements/commonStyles.js +0 -28
- package/dist/cursorElements/handleHistoHovering.js +0 -79
- package/dist/cursorElements/utils.js +0 -30
- package/dist/theme.js +0 -59
- package/dist/timeLineElements/Button.js +0 -101
- package/dist/timeLineElements/HistoToolTip.js +0 -78
- package/dist/timeLineElements/Histogram.js +0 -110
- package/dist/timeLineElements/Legend.js +0 -70
- package/dist/timeLineElements/QualityLine.js +0 -81
- package/dist/timeLineElements/Tools.js +0 -115
- package/dist/timeLineElements/XAxis.js +0 -76
- package/dist/timeLineElements/XGrid.js +0 -47
- package/dist/timeLineElements/YAxis.js +0 -60
- package/dist/timeLineElements/YGrid.js +0 -46
- package/dist/timeLineElements/axesStyles.js +0 -57
- package/src/TimeLine.jsx +0 -1163
- package/src/cursorElements/commonStyles.js +0 -21
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = XAxis;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
|
11
|
-
var _axesStyles = require("./axesStyles");
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
-
function XAxis(_ref) {
|
|
14
|
-
var origin = _ref.origin,
|
|
15
|
-
marks = _ref.marks,
|
|
16
|
-
xAxis = _ref.xAxis,
|
|
17
|
-
classes = _ref.classes,
|
|
18
|
-
yAxisHeight = _ref.yAxisHeight;
|
|
19
|
-
var defaultClasses = (0, _axesStyles.useStyles)();
|
|
20
|
-
var className = function className(_className) {
|
|
21
|
-
return (0, _clsx["default"])(defaultClasses[_className], classes[_className]);
|
|
22
|
-
};
|
|
23
|
-
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
24
|
-
transform: "translate(".concat(origin.x, ", ").concat(origin.y, ")")
|
|
25
|
-
}, marks && marks.map(function (m, index) {
|
|
26
|
-
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
27
|
-
key: m.toISOString(),
|
|
28
|
-
transform: "translate(".concat(xAxis(m), ",0)")
|
|
29
|
-
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
30
|
-
className: className('grid'),
|
|
31
|
-
d: "M 0,0 0,".concat(-yAxisHeight)
|
|
32
|
-
}));
|
|
33
|
-
}));
|
|
34
|
-
}
|
|
35
|
-
XAxis.propTypes = {
|
|
36
|
-
classes: _propTypes["default"].object,
|
|
37
|
-
origin: _propTypes["default"].shape({
|
|
38
|
-
x: _propTypes["default"].number.isRequired,
|
|
39
|
-
y: _propTypes["default"].number.isRequired
|
|
40
|
-
}).isRequired,
|
|
41
|
-
marks: _propTypes["default"].array,
|
|
42
|
-
xAxis: _propTypes["default"].func,
|
|
43
|
-
yAxisHeight: _propTypes["default"].number
|
|
44
|
-
};
|
|
45
|
-
XAxis.defaultProps = {
|
|
46
|
-
arrowPath: _axesStyles.arrow
|
|
47
|
-
};
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = YAxis;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var _axesStyles = require("./axesStyles");
|
|
10
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
-
function YAxis(_ref) {
|
|
13
|
-
var classes = _ref.classes,
|
|
14
|
-
marks = _ref.marks,
|
|
15
|
-
yAxis = _ref.yAxis,
|
|
16
|
-
onFormatMetricLegend = _ref.onFormatMetricLegend,
|
|
17
|
-
maxHeight = _ref.maxHeight,
|
|
18
|
-
origin = _ref.origin,
|
|
19
|
-
arrowPath = _ref.arrowPath;
|
|
20
|
-
var defaultClasses = (0, _axesStyles.useStyles)();
|
|
21
|
-
var className = function className(_className) {
|
|
22
|
-
return (0, _clsx["default"])(defaultClasses[_className], classes[_className]);
|
|
23
|
-
};
|
|
24
|
-
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
25
|
-
transform: "translate(".concat(origin.x, ", ").concat(origin.y, ")")
|
|
26
|
-
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
27
|
-
className: className('axis'),
|
|
28
|
-
d: "M 0,0 0, ".concat(-maxHeight - 5)
|
|
29
|
-
}), /*#__PURE__*/_react["default"].createElement("g", {
|
|
30
|
-
transform: "translate(0, ".concat(-maxHeight, ") rotate(270)")
|
|
31
|
-
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
32
|
-
className: className('arrow'),
|
|
33
|
-
d: arrowPath
|
|
34
|
-
})), marks.map(function (m, index) {
|
|
35
|
-
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
36
|
-
key: index,
|
|
37
|
-
transform: "translate(0,".concat(-yAxis(m), ")")
|
|
38
|
-
}, m > 0 && /*#__PURE__*/_react["default"].createElement("text", {
|
|
39
|
-
transform: "translate(0,5)",
|
|
40
|
-
className: className('verticalAxisText'),
|
|
41
|
-
x: -7,
|
|
42
|
-
y: -3
|
|
43
|
-
}, onFormatMetricLegend(m)));
|
|
44
|
-
}));
|
|
45
|
-
}
|
|
46
|
-
YAxis.propTypes = {
|
|
47
|
-
classes: _propTypes["default"].object,
|
|
48
|
-
maxHeight: _propTypes["default"].number.isRequired,
|
|
49
|
-
origin: _propTypes["default"].shape({
|
|
50
|
-
x: _propTypes["default"].number.isRequired,
|
|
51
|
-
y: _propTypes["default"].number.isRequired
|
|
52
|
-
}).isRequired,
|
|
53
|
-
marks: _propTypes["default"].array,
|
|
54
|
-
yAxis: _propTypes["default"].func,
|
|
55
|
-
arrowPath: _propTypes["default"].string,
|
|
56
|
-
onFormatMetricLegend: _propTypes["default"].func.isRequired
|
|
57
|
-
};
|
|
58
|
-
YAxis.defaultProps = {
|
|
59
|
-
arrowPath: _axesStyles.arrow
|
|
60
|
-
};
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = YAxis;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var _axesStyles = require("./axesStyles");
|
|
10
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
-
function YAxis(_ref) {
|
|
13
|
-
var classes = _ref.classes,
|
|
14
|
-
marks = _ref.marks,
|
|
15
|
-
yAxis = _ref.yAxis,
|
|
16
|
-
origin = _ref.origin,
|
|
17
|
-
xAxisWidth = _ref.xAxisWidth;
|
|
18
|
-
var defaultClasses = (0, _axesStyles.useStyles)();
|
|
19
|
-
var className = function className(_className) {
|
|
20
|
-
return (0, _clsx["default"])(defaultClasses[_className], classes[_className]);
|
|
21
|
-
};
|
|
22
|
-
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
23
|
-
transform: "translate(".concat(origin.x, ", ").concat(origin.y, ")")
|
|
24
|
-
}, marks.map(function (m, index) {
|
|
25
|
-
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
26
|
-
key: index,
|
|
27
|
-
transform: "translate(0,".concat(-yAxis(m), ")")
|
|
28
|
-
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
29
|
-
className: className('grid'),
|
|
30
|
-
d: "M -5,0 ".concat(xAxisWidth, ",0")
|
|
31
|
-
}));
|
|
32
|
-
}));
|
|
33
|
-
}
|
|
34
|
-
YAxis.propTypes = {
|
|
35
|
-
classes: _propTypes["default"].object,
|
|
36
|
-
origin: _propTypes["default"].shape({
|
|
37
|
-
x: _propTypes["default"].number.isRequired,
|
|
38
|
-
y: _propTypes["default"].number.isRequired
|
|
39
|
-
}).isRequired,
|
|
40
|
-
marks: _propTypes["default"].array,
|
|
41
|
-
yAxis: _propTypes["default"].func,
|
|
42
|
-
xAxisWidth: _propTypes["default"].number
|
|
43
|
-
};
|
|
44
|
-
YAxis.defaultProps = {
|
|
45
|
-
arrowPath: _axesStyles.arrow
|
|
46
|
-
};
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useStyles = exports.arrow = void 0;
|
|
7
|
-
var _styles = require("@material-ui/styles");
|
|
8
|
-
var _theme = _interopRequireDefault(require("../theme"));
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
-
var arrow = "m 0,-5 5,5 -5,5";
|
|
11
|
-
exports.arrow = arrow;
|
|
12
|
-
var useStyles = (0, _styles.makeStyles)({
|
|
13
|
-
axis: {
|
|
14
|
-
fill: 'none',
|
|
15
|
-
stroke: _theme["default"].colors.medium,
|
|
16
|
-
strokeWidth: 1
|
|
17
|
-
},
|
|
18
|
-
now: {
|
|
19
|
-
fill: _theme["default"].colors.mediumDark,
|
|
20
|
-
stroke: _theme["default"].colors.mediumDark,
|
|
21
|
-
strokeWidth: 1
|
|
22
|
-
},
|
|
23
|
-
arrow: {
|
|
24
|
-
fill: _theme["default"].colors.medium,
|
|
25
|
-
fillOpacity: 1,
|
|
26
|
-
stroke: _theme["default"].colors.medium,
|
|
27
|
-
strokeWidth: 1
|
|
28
|
-
},
|
|
29
|
-
grid: {
|
|
30
|
-
stroke: _theme["default"].colors.light,
|
|
31
|
-
strokeWidth: 1
|
|
32
|
-
},
|
|
33
|
-
limitMarker: {
|
|
34
|
-
stroke: _theme["default"].colors.medium,
|
|
35
|
-
strokeWidth: 1
|
|
36
|
-
},
|
|
37
|
-
timeAxisText: {
|
|
38
|
-
fontSize: _theme["default"].font.axisTextSize,
|
|
39
|
-
fontFamily: _theme["default"].font.family,
|
|
40
|
-
fill: _theme["default"].colors.medium,
|
|
41
|
-
textAlign: 'center',
|
|
42
|
-
textAnchor: 'middle',
|
|
43
|
-
userSelect: 'none'
|
|
44
|
-
},
|
|
45
|
-
timeAxisDaysText: {
|
|
46
|
-
fill: _theme["default"].colors.mediumDark
|
|
47
|
-
},
|
|
48
|
-
verticalAxisText: {
|
|
49
|
-
fontSize: _theme["default"].font.axisTextSize,
|
|
50
|
-
fontFamily: _theme["default"].font.family,
|
|
51
|
-
fill: _theme["default"].font.family,
|
|
52
|
-
textAlign: 'end',
|
|
53
|
-
textAnchor: 'end',
|
|
54
|
-
userSelect: 'none'
|
|
55
|
-
}
|
|
56
|
-
});
|
|
57
|
-
exports.useStyles = useStyles;
|