@hpcc-js/timeline 2.49.1 → 2.50.2

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/index.es6.js CHANGED
@@ -6,8 +6,8 @@ import { render, LabelledRect } from '@hpcc-js/react';
6
6
  import { Border2 } from '@hpcc-js/layout';
7
7
 
8
8
  var PKG_NAME = "@hpcc-js/timeline";
9
- var PKG_VERSION = "2.49.1";
10
- var BUILD_VERSION = "2.101.2";
9
+ var PKG_VERSION = "2.50.2";
10
+ var BUILD_VERSION = "2.102.4";
11
11
 
12
12
  /*! *****************************************************************************
13
13
  Copyright (c) Microsoft Corporation.
@@ -58,7 +58,7 @@ function __spreadArray(to, from, pack) {
58
58
  ar[i] = from[i];
59
59
  }
60
60
  }
61
- return to.concat(ar || from);
61
+ return to.concat(ar || Array.prototype.slice.call(from));
62
62
  }
63
63
 
64
64
  function styleInject(css, ref) {
@@ -88,7 +88,7 @@ function styleInject(css, ref) {
88
88
  }
89
89
  }
90
90
 
91
- var css_248z = ".timeline_MiniGantt .line{fill:none;stroke:#d3d3d3;opacity:.7}.timeline_MiniGantt .common_TextBox .rect{fill:#87cefa;stroke:#00f;opacity:.5}.timeline_MiniGantt .buckets .entity_shape rect{stroke:#333}.timeline_MiniGantt .buckets.selected .common_EntityRect .common_Shape>rect{stroke:red}.timeline_MiniGantt .common_TextBox .rect text{fill:#000;stroke:none}.timeline_MiniGantt .over{stroke:transparent;opacity:.8}.timeline_MiniGantt rect{shape-rendering:crispEdges}";
91
+ var css_248z = ".timeline_MiniGantt .line{fill:none;stroke:#d3d3d3;opacity:.7}.timeline_MiniGantt .common_TextBox .rect{fill:#87cefa;stroke:blue;opacity:.5}.timeline_MiniGantt .buckets .entity_shape rect{stroke:#333}.timeline_MiniGantt .buckets.selected .common_EntityRect .common_Shape>rect{stroke:red}.timeline_MiniGantt .common_TextBox .rect text{fill:#000;stroke:none}.timeline_MiniGantt .over{stroke:transparent;opacity:.8}.timeline_MiniGantt rect{shape-rendering:crispEdges}";
92
92
  styleInject(css_248z);
93
93
 
94
94
  var MiniGantt = /** @class */ (function (_super) {
@@ -106,7 +106,7 @@ var MiniGantt = /** @class */ (function (_super) {
106
106
  ITooltip.call(_this);
107
107
  Utility.SimpleSelectionMixin.call(_this);
108
108
  _this._drawStartPos = "origin";
109
- _this.tooltipHTML(function (d) { return "<center>" + d[_this._title_idx] + "</center><br>" + _this.tooltipFormatter(_this.brAxis.parse(d[_this._startDate_idx])) + " -> " + _this.tooltipFormatter(_this.brAxis.parse(d[_this._endDate_idx])); });
109
+ _this.tooltipHTML(function (d) { return "<center>".concat(d[_this._title_idx], "</center><br>").concat(_this.tooltipFormatter(_this.brAxis.parse(d[_this._startDate_idx])), " -> ").concat(_this.tooltipFormatter(_this.brAxis.parse(d[_this._endDate_idx]))); });
110
110
  _this.tlAxis = new Axis()
111
111
  .type("time");
112
112
  _this.brAxis = new Axis()
@@ -121,7 +121,7 @@ var MiniGantt = /** @class */ (function (_super) {
121
121
  };
122
122
  MiniGantt.prototype.fullExtent = function () {
123
123
  var _this = this;
124
- var data = __spreadArray(__spreadArray([], this.data().map(function (d) { return d[_this._startDate_idx]; })), this.data().filter(function (d) { return !!d[_this._endDate_idx]; }).map(function (d) { return d[_this._endDate_idx]; }));
124
+ var data = __spreadArray(__spreadArray([], this.data().map(function (d) { return d[_this._startDate_idx]; }), true), this.data().filter(function (d) { return !!d[_this._endDate_idx]; }).map(function (d) { return d[_this._endDate_idx]; }), true);
125
125
  return extent(data);
126
126
  };
127
127
  MiniGantt.prototype.extent = function () {
@@ -305,23 +305,23 @@ var MiniGantt = /** @class */ (function (_super) {
305
305
  var upperContentYOffset = (height / 2) + y_offset;
306
306
  var lowerAxisYOffset = ((height / 2) - lowerAxisHeight - y_offset) * -1;
307
307
  var halfMinYOffset = minYOffset !== 0 ? minYOffset / 2 : 0;
308
- this.gUpperContent.attr("transform", "translate(0, " + (upperContentYOffset - halfMinYOffset) + ")");
309
- this.gLowerAxis.attr("transform", "translate(0, " + (lowerAxisYOffset - halfMinYOffset) + ")");
308
+ this.gUpperContent.attr("transform", "translate(0, ".concat(upperContentYOffset - halfMinYOffset, ")"));
309
+ this.gLowerAxis.attr("transform", "translate(0, ".concat(lowerAxisYOffset - halfMinYOffset, ")"));
310
310
  }
311
311
  else if (events.length === 0 && ranges.length > 0) {
312
312
  // ONLY RANGES
313
313
  this.tlAxis.visible(true);
314
- this.gUpperContent.attr("transform", "translate(0, " + upperContentHeight + ")");
315
- this.gUpperAxis.attr("transform", "translate(0, " + upperContentHeight + ")");
314
+ this.gUpperContent.attr("transform", "translate(0, ".concat(upperContentHeight, ")"));
315
+ this.gUpperAxis.attr("transform", "translate(0, ".concat(upperContentHeight, ")"));
316
316
  }
317
317
  else {
318
318
  upperContentHeight -= minYOffset;
319
319
  lowerHeight += minYOffset;
320
320
  // BOTH
321
321
  this.tlAxis.visible(true);
322
- this.gUpperContent.attr("transform", "translate(0, " + upperContentHeight + ")");
323
- this.gUpperAxis.attr("transform", "translate(0, " + upperContentHeight + ")");
324
- this.gMiddleContent.attr("transform", "translate(0, " + upperContentHeight + ")");
322
+ this.gUpperContent.attr("transform", "translate(0, ".concat(upperContentHeight, ")"));
323
+ this.gUpperAxis.attr("transform", "translate(0, ".concat(upperContentHeight, ")"));
324
+ this.gMiddleContent.attr("transform", "translate(0, ".concat(upperContentHeight, ")"));
325
325
  }
326
326
  this.tlAxis
327
327
  .render();
@@ -491,8 +491,8 @@ var MiniGantt = /** @class */ (function (_super) {
491
491
  .on("mousemove.tooltip", this.tooltip.show)
492
492
  .merge(buckets)
493
493
  .attr("transform", function (d) { return context.isHorizontal() ?
494
- "translate(" + _this.dataStartPos(d) + ", " + _this.verticalBands(bucketIndex[d]) + ") " :
495
- "translate(" + _this.verticalBands(bucketIndex[d]) + ", " + _this.dataStartPos(d) + ") "; })
494
+ "translate(".concat(_this.dataStartPos(d), ", ").concat(_this.verticalBands(bucketIndex[d]), ") ") :
495
+ "translate(".concat(_this.verticalBands(bucketIndex[d]), ", ").concat(_this.dataStartPos(d), ") "); })
496
496
  .each(function (d) {
497
497
  var textBox = context.localRect.get(this);
498
498
  var x = context.dataWidth(d) / 2;
@@ -596,7 +596,7 @@ var ReactGantt = /** @class */ (function (_super) {
596
596
  _this._tooltip = new HTMLTooltip();
597
597
  _this._tooltip
598
598
  .tooltipHTML(function (d) {
599
- return "<div style=\"text-align:center;\">" + d[0] + "<br/><br/>" + d[1] + " -&gt; " + d[2] + "</div>";
599
+ return "<div style=\"text-align:center;\">".concat(d[0], "<br/><br/>").concat(d[1], " -&gt; ").concat(d[2], "</div>");
600
600
  });
601
601
  _this._tooltip
602
602
  .followCursor(true);
@@ -784,7 +784,7 @@ var ReactGantt = /** @class */ (function (_super) {
784
784
  d.y += borderOffset1;
785
785
  d.props.width -= borderOffset2;
786
786
  d.props.height -= borderOffset2;
787
- d.element.attr("transform", "translate(" + (d.x + (d.props.width / 2)) + " " + (d.y + (d.props.height / 2)) + ")");
787
+ d.element.attr("transform", "translate(".concat(d.x + (d.props.width / 2), " ").concat(d.y + (d.props.height / 2), ")"));
788
788
  }); }, function (update) { return update; }, function (exit) { return exit
789
789
  .each(function (d) {
790
790
  delete d.element;
@@ -863,7 +863,7 @@ var ReactGantt = /** @class */ (function (_super) {
863
863
  if (d.element === undefined && d.that) {
864
864
  d.element = select(d.that);
865
865
  }
866
- d.element.attr("transform", "translate(" + (d.x + (d.props.width / 2)) + " " + (d.y + (d.props.height / 2)) + ")");
866
+ d.element.attr("transform", "translate(".concat(d.x + (d.props.width / 2), " ").concat(d.y + (d.props.height / 2), ")"));
867
867
  d.x += borderOffset1;
868
868
  d.y += borderOffset1;
869
869
  d.props.width -= borderOffset2;
@@ -907,7 +907,7 @@ var ReactGantt = /** @class */ (function (_super) {
907
907
  case "scale-all":
908
908
  this._zoomScale = transform.k;
909
909
  this._zoomTranslate = [transform.x, 0];
910
- this._zoomG.attr("transform", "translate(" + transform.x + " " + 0 + ")scale(" + transform.k + " 1)");
910
+ this._zoomG.attr("transform", "translate(".concat(transform.x, " ").concat(0, ")scale(").concat(transform.k, " 1)"));
911
911
  break;
912
912
  default:
913
913
  var options_1 = this._rangeOptions;
@@ -1132,13 +1132,13 @@ var ReactAxisGantt = /** @class */ (function (_super) {
1132
1132
  .attr("height", contentHeight)
1133
1133
  .attr("width", w)
1134
1134
  .attr("fill", "transparent");
1135
- this._contentElement.attr("transform", "translate(0 " + (axisHeight + borderOffset1) + ")");
1135
+ this._contentElement.attr("transform", "translate(0 ".concat(axisHeight + borderOffset1, ")"));
1136
1136
  this._gantt.resize({ height: contentHeight, width: w });
1137
1137
  this._bottomRect
1138
1138
  .attr("height", axisHeight)
1139
1139
  .attr("width", w)
1140
1140
  .attr("fill", "transparent");
1141
- this._bottomAxisElement.attr("transform", "translate(0 " + (axisHeight + contentHeight + borderOffset1) + ")");
1141
+ this._bottomAxisElement.attr("transform", "translate(0 ".concat(axisHeight + contentHeight + borderOffset1, ")"));
1142
1142
  this._bottomAxis.resize({ height: axisHeight, width: w });
1143
1143
  };
1144
1144
  ReactAxisGantt.prototype.enter = function (domNode, element) {
@@ -1211,7 +1211,7 @@ var ReactAxisGantt = /** @class */ (function (_super) {
1211
1211
  var retVal = _super.prototype.data.apply(this, arguments);
1212
1212
  if (arguments.length > 0) {
1213
1213
  var ganttData = this.data().map(function (n) {
1214
- var ret = __spreadArray([], n);
1214
+ var ret = __spreadArray([], n, true);
1215
1215
  ret[1] = isNaN(n[1]) ? new Date(n[1]).getTime() : Number(n[1]);
1216
1216
  ret[2] = isNaN(n[2]) ? new Date(n[2]).getTime() : Number(n[2]);
1217
1217
  return ret;
@@ -1373,7 +1373,7 @@ var ReactAxisGanttSeries = /** @class */ (function (_super) {
1373
1373
  var retVal = _super.prototype.data.apply(this, arguments);
1374
1374
  if (arguments.length > 0) {
1375
1375
  var ganttData = this.data().map(function (n) {
1376
- var ret = __spreadArray([], n);
1376
+ var ret = __spreadArray([], n, true);
1377
1377
  ret[1] = isNaN(n[1]) ? new Date(n[1]).getTime() : Number(n[1]);
1378
1378
  ret[2] = isNaN(n[2]) ? new Date(n[2]).getTime() : Number(n[2]);
1379
1379
  return ret;
@@ -1439,7 +1439,7 @@ var ReactTimeline = /** @class */ (function (_super) {
1439
1439
  var startTime = parser(d[1]);
1440
1440
  var endTime = parser(d[2]);
1441
1441
  var formatter = timeFormat(_this.tooltipTimeFormat());
1442
- return "<div style=\"text-align:center;\">" + d[0] + "<br/><br/>" + formatter(startTime) + " -&gt; " + formatter(endTime) + "</div>";
1442
+ return "<div style=\"text-align:center;\">".concat(d[0], "<br/><br/>").concat(formatter(startTime), " -&gt; ").concat(formatter(endTime), "</div>");
1443
1443
  });
1444
1444
  return _this;
1445
1445
  }
@@ -1525,7 +1525,7 @@ var ReactTimelineSeries = /** @class */ (function (_super) {
1525
1525
  var startTime = parseTime(d[1]);
1526
1526
  var endTime = parseTime(d[2]);
1527
1527
  var formatter = timeFormat(_this.tooltipTimeFormat());
1528
- return "<div style=\"text-align:center;\">" + d[0] + "<br/><br/>" + formatter(startTime) + " -&gt; " + formatter(endTime) + "</div>";
1528
+ return "<div style=\"text-align:center;\">".concat(d[0], "<br/><br/>").concat(formatter(startTime), " -&gt; ").concat(formatter(endTime), "</div>");
1529
1529
  });
1530
1530
  return _this;
1531
1531
  }