@hpcc-js/timeline 2.44.0 → 2.45.0

package/dist/index.es6.js

@@ -6,8 +6,8 @@ import { render, LabelledRect } from '@hpcc-js/react';
 import { Border2 } from '@hpcc-js/layout';
 
 var PKG_NAME = "@hpcc-js/timeline";
-var PKG_VERSION = "2.44.0";
-var BUILD_VERSION = "2.95.0";
+var PKG_VERSION = "2.45.0";
+var BUILD_VERSION = "2.97.0";
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -58,7 +58,7 @@ function __spreadArray(to, from, pack) {
             ar[i] = from[i];
         }
     }
-    return to.concat(ar || from);
+    return to.concat(ar || Array.prototype.slice.call(from));
 }
 
 function styleInject(css, ref) {
@@ -88,7 +88,7 @@ function styleInject(css, ref) {
   }
 }
 
-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}";
+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}";
 styleInject(css_248z);
 
 var MiniGantt = /** @class */ (function (_super) {
@@ -106,7 +106,7 @@ var MiniGantt = /** @class */ (function (_super) {
         ITooltip.call(_this);
         Utility.SimpleSelectionMixin.call(_this);
         _this._drawStartPos = "origin";
-        _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])); });
+        _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]))); });
         _this.tlAxis = new Axis()
             .type("time");
         _this.brAxis = new Axis()
@@ -121,7 +121,7 @@ var MiniGantt = /** @class */ (function (_super) {
     };
     MiniGantt.prototype.fullExtent = function () {
         var _this = this;
-        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]; }));
+        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);
         return extent(data);
     };
     MiniGantt.prototype.extent = function () {
@@ -305,23 +305,23 @@ var MiniGantt = /** @class */ (function (_super) {
             var upperContentYOffset = (height / 2) + y_offset;
             var lowerAxisYOffset = ((height / 2) - lowerAxisHeight - y_offset) * -1;
             var halfMinYOffset = minYOffset !== 0 ? minYOffset / 2 : 0;
-            this.gUpperContent.attr("transform", "translate(0, " + (upperContentYOffset - halfMinYOffset) + ")");
-            this.gLowerAxis.attr("transform", "translate(0, " + (lowerAxisYOffset - halfMinYOffset) + ")");
+            this.gUpperContent.attr("transform", "translate(0, ".concat(upperContentYOffset - halfMinYOffset, ")"));
+            this.gLowerAxis.attr("transform", "translate(0, ".concat(lowerAxisYOffset - halfMinYOffset, ")"));
         }
         else if (events.length === 0 && ranges.length > 0) {
             // ONLY RANGES
             this.tlAxis.visible(true);
-            this.gUpperContent.attr("transform", "translate(0, " + upperContentHeight + ")");
-            this.gUpperAxis.attr("transform", "translate(0, " + upperContentHeight + ")");
+            this.gUpperContent.attr("transform", "translate(0, ".concat(upperContentHeight, ")"));
+            this.gUpperAxis.attr("transform", "translate(0, ".concat(upperContentHeight, ")"));
         }
         else {
             upperContentHeight -= minYOffset;
             lowerHeight += minYOffset;
             // BOTH
             this.tlAxis.visible(true);
-            this.gUpperContent.attr("transform", "translate(0, " + upperContentHeight + ")");
-            this.gUpperAxis.attr("transform", "translate(0, " + upperContentHeight + ")");
-            this.gMiddleContent.attr("transform", "translate(0, " + upperContentHeight + ")");
+            this.gUpperContent.attr("transform", "translate(0, ".concat(upperContentHeight, ")"));
+            this.gUpperAxis.attr("transform", "translate(0, ".concat(upperContentHeight, ")"));
+            this.gMiddleContent.attr("transform", "translate(0, ".concat(upperContentHeight, ")"));
         }
         this.tlAxis
             .render();
@@ -491,8 +491,8 @@ var MiniGantt = /** @class */ (function (_super) {
             .on("mousemove.tooltip", this.tooltip.show)
             .merge(buckets)
             .attr("transform", function (d) { return context.isHorizontal() ?
-            "translate(" + _this.dataStartPos(d) + ", " + _this.verticalBands(bucketIndex[d]) + ") " :
-            "translate(" + _this.verticalBands(bucketIndex[d]) + ", " + _this.dataStartPos(d) + ") "; })
+            "translate(".concat(_this.dataStartPos(d), ", ").concat(_this.verticalBands(bucketIndex[d]), ") ") :
+            "translate(".concat(_this.verticalBands(bucketIndex[d]), ", ").concat(_this.dataStartPos(d), ") "); })
             .each(function (d) {
             var textBox = context.localRect.get(this);
             var x = context.dataWidth(d) / 2;
@@ -596,7 +596,7 @@ var ReactGantt = /** @class */ (function (_super) {
         _this._tooltip = new HTMLTooltip();
         _this._tooltip
             .tooltipHTML(function (d) {
-            return "<div style=\"text-align:center;\">" + d[0] + "<br/><br/>" + d[1] + " -&gt; " + d[2] + "</div>";
+            return "<div style=\"text-align:center;\">".concat(d[0], "<br/><br/>").concat(d[1], " -&gt; ").concat(d[2], "</div>");
         });
         _this._tooltip
             .followCursor(true);
@@ -784,7 +784,7 @@ var ReactGantt = /** @class */ (function (_super) {
             d.y += borderOffset1;
             d.props.width -= borderOffset2;
             d.props.height -= borderOffset2;
-            d.element.attr("transform", "translate(" + (d.x + (d.props.width / 2)) + " " + (d.y + (d.props.height / 2)) + ")");
+            d.element.attr("transform", "translate(".concat(d.x + (d.props.width / 2), " ").concat(d.y + (d.props.height / 2), ")"));
         }); }, function (update) { return update; }, function (exit) { return exit
             .each(function (d) {
             delete d.element;
@@ -863,7 +863,7 @@ var ReactGantt = /** @class */ (function (_super) {
         if (d.element === undefined && d.that) {
             d.element = select(d.that);
         }
-        d.element.attr("transform", "translate(" + (d.x + (d.props.width / 2)) + " " + (d.y + (d.props.height / 2)) + ")");
+        d.element.attr("transform", "translate(".concat(d.x + (d.props.width / 2), " ").concat(d.y + (d.props.height / 2), ")"));
         d.x += borderOffset1;
         d.y += borderOffset1;
         d.props.width -= borderOffset2;
@@ -907,7 +907,7 @@ var ReactGantt = /** @class */ (function (_super) {
             case "scale-all":
                 this._zoomScale = transform.k;
                 this._zoomTranslate = [transform.x, 0];
-                this._zoomG.attr("transform", "translate(" + transform.x + " " + 0 + ")scale(" + transform.k + " 1)");
+                this._zoomG.attr("transform", "translate(".concat(transform.x, " ").concat(0, ")scale(").concat(transform.k, " 1)"));
                 break;
             default:
                 var options_1 = this._rangeOptions;
@@ -1132,13 +1132,13 @@ var ReactAxisGantt = /** @class */ (function (_super) {
             .attr("height", contentHeight)
             .attr("width", w)
             .attr("fill", "transparent");
-        this._contentElement.attr("transform", "translate(0 " + (axisHeight + borderOffset1) + ")");
+        this._contentElement.attr("transform", "translate(0 ".concat(axisHeight + borderOffset1, ")"));
         this._gantt.resize({ height: contentHeight, width: w });
         this._bottomRect
             .attr("height", axisHeight)
             .attr("width", w)
             .attr("fill", "transparent");
-        this._bottomAxisElement.attr("transform", "translate(0 " + (axisHeight + contentHeight + borderOffset1) + ")");
+        this._bottomAxisElement.attr("transform", "translate(0 ".concat(axisHeight + contentHeight + borderOffset1, ")"));
         this._bottomAxis.resize({ height: axisHeight, width: w });
     };
     ReactAxisGantt.prototype.enter = function (domNode, element) {
@@ -1211,7 +1211,7 @@ var ReactAxisGantt = /** @class */ (function (_super) {
         var retVal = _super.prototype.data.apply(this, arguments);
         if (arguments.length > 0) {
             var ganttData = this.data().map(function (n) {
-                var ret = __spreadArray([], n);
+                var ret = __spreadArray([], n, true);
                 ret[1] = isNaN(n[1]) ? new Date(n[1]).getTime() : Number(n[1]);
                 ret[2] = isNaN(n[2]) ? new Date(n[2]).getTime() : Number(n[2]);
                 return ret;
@@ -1373,7 +1373,7 @@ var ReactAxisGanttSeries = /** @class */ (function (_super) {
         var retVal = _super.prototype.data.apply(this, arguments);
         if (arguments.length > 0) {
             var ganttData = this.data().map(function (n) {
-                var ret = __spreadArray([], n);
+                var ret = __spreadArray([], n, true);
                 ret[1] = isNaN(n[1]) ? new Date(n[1]).getTime() : Number(n[1]);
                 ret[2] = isNaN(n[2]) ? new Date(n[2]).getTime() : Number(n[2]);
                 return ret;
@@ -1439,7 +1439,7 @@ var ReactTimeline = /** @class */ (function (_super) {
             var startTime = parser(d[1]);
             var endTime = parser(d[2]);
             var formatter = timeFormat(_this.tooltipTimeFormat());
-            return "<div style=\"text-align:center;\">" + d[0] + "<br/><br/>" + formatter(startTime) + " -&gt; " + formatter(endTime) + "</div>";
+            return "<div style=\"text-align:center;\">".concat(d[0], "<br/><br/>").concat(formatter(startTime), " -&gt; ").concat(formatter(endTime), "</div>");
         });
         return _this;
     }
@@ -1525,7 +1525,7 @@ var ReactTimelineSeries = /** @class */ (function (_super) {
             var startTime = parseTime(d[1]);
             var endTime = parseTime(d[2]);
             var formatter = timeFormat(_this.tooltipTimeFormat());
-            return "<div style=\"text-align:center;\">" + d[0] + "<br/><br/>" + formatter(startTime) + " -&gt; " + formatter(endTime) + "</div>";
+            return "<div style=\"text-align:center;\">".concat(d[0], "<br/><br/>").concat(formatter(startTime), " -&gt; ").concat(formatter(endTime), "</div>");
         });
         return _this;
     }