@spider-analyzer/timeline 4.0.2 → 5.0.0

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.
Files changed (76) hide show
  1. package/CHANGELOG.md +70 -1
  2. package/README.md +275 -637
  3. package/dist/index.d.mts +132 -0
  4. package/dist/index.d.ts +132 -0
  5. package/dist/index.js +2913 -22
  6. package/dist/index.js.map +1 -0
  7. package/dist/index.mjs +2906 -0
  8. package/dist/index.mjs.map +1 -0
  9. package/dist/timeline-EX2XZ6IP.css +139 -0
  10. package/package.json +48 -15
  11. package/src/Cursor.jsx +5 -13
  12. package/src/TimeLine.tsx +994 -0
  13. package/src/TimeLineResizer.jsx +2 -8
  14. package/src/ToolTip.jsx +7 -7
  15. package/src/cursorElements/CursorIcon.jsx +6 -29
  16. package/src/cursorElements/CursorSelection.jsx +4 -19
  17. package/src/cursorElements/DragOverlay.jsx +2 -12
  18. package/src/cursorElements/LeftHandle.jsx +3 -19
  19. package/src/cursorElements/LeftToolTip.jsx +2 -7
  20. package/src/cursorElements/RightHandle.jsx +3 -19
  21. package/src/cursorElements/RightToolTip.jsx +4 -13
  22. package/src/cursorElements/ZoomIn.jsx +5 -25
  23. package/src/cursorElements/ZoomOut.jsx +4 -21
  24. package/src/cursorElements/utils.js +1 -1
  25. package/src/index.js +6 -0
  26. package/src/index.ts +158 -0
  27. package/src/moment-shim.ts +169 -0
  28. package/src/styles.ts +15 -0
  29. package/src/time.ts +52 -0
  30. package/src/timeLineElements/Button.jsx +5 -30
  31. package/src/timeLineElements/HistoToolTip.jsx +3 -17
  32. package/src/timeLineElements/Histogram.jsx +4 -16
  33. package/src/timeLineElements/Legend.jsx +2 -16
  34. package/src/timeLineElements/QualityLine.jsx +4 -11
  35. package/src/timeLineElements/Tools.jsx +1 -1
  36. package/src/timeLineElements/XAxis.jsx +5 -8
  37. package/src/timeLineElements/XGrid.jsx +3 -7
  38. package/src/timeLineElements/YAxis.jsx +4 -7
  39. package/src/timeLineElements/YGrid.jsx +2 -6
  40. package/src/timeLineElements/axesStyles.jsx +0 -49
  41. package/src/timeline.css +139 -0
  42. package/src/utils.ts +60 -0
  43. package/.babelrc +0 -8
  44. package/.gitlab-ci.yml +0 -27
  45. package/Makefile +0 -20
  46. package/dist/Cursor.js +0 -290
  47. package/dist/TimeLine.js +0 -1173
  48. package/dist/TimeLineResizer.js +0 -70
  49. package/dist/ToolTip.js +0 -43
  50. package/dist/cursorElements/CursorIcon.js +0 -98
  51. package/dist/cursorElements/CursorSelection.js +0 -179
  52. package/dist/cursorElements/DragOverlay.js +0 -168
  53. package/dist/cursorElements/LeftHandle.js +0 -95
  54. package/dist/cursorElements/LeftToolTip.js +0 -70
  55. package/dist/cursorElements/RightHandle.js +0 -95
  56. package/dist/cursorElements/RightToolTip.js +0 -75
  57. package/dist/cursorElements/ZoomIn.js +0 -93
  58. package/dist/cursorElements/ZoomOut.js +0 -67
  59. package/dist/cursorElements/commonStyles.js +0 -28
  60. package/dist/cursorElements/handleHistoHovering.js +0 -79
  61. package/dist/cursorElements/utils.js +0 -30
  62. package/dist/theme.js +0 -59
  63. package/dist/timeLineElements/Button.js +0 -101
  64. package/dist/timeLineElements/HistoToolTip.js +0 -78
  65. package/dist/timeLineElements/Histogram.js +0 -110
  66. package/dist/timeLineElements/Legend.js +0 -70
  67. package/dist/timeLineElements/QualityLine.js +0 -81
  68. package/dist/timeLineElements/Tools.js +0 -115
  69. package/dist/timeLineElements/XAxis.js +0 -76
  70. package/dist/timeLineElements/XGrid.js +0 -47
  71. package/dist/timeLineElements/YAxis.js +0 -60
  72. package/dist/timeLineElements/YGrid.js +0 -46
  73. package/dist/timeLineElements/axesStyles.js +0 -57
  74. package/src/TimeLine.jsx +0 -1158
  75. package/src/cursorElements/commonStyles.js +0 -21
  76. /package/dist/{tipDark.css → tipDark-BQEJ43KY.css} +0 -0
@@ -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;