@hpcc-js/timeline 2.50.2 → 2.50.5

package/README.md

@@ -45,3 +45,47 @@ This package is part of the mono repository "@hpcc-js" (aka Visualization Framew
 * _[Tutorials](https://github.com/hpcc-systems/Visualization/wiki/Tutorials)_
 * _[Gallery](https://raw.githack.com/hpcc-systems/Visualization/trunk/demos/gallery/gallery.html)_ ([alt](https://rawgit.com/hpcc-systems/Visualization/trunk/demos/gallery/gallery.html))
 * _[Wiki](https://github.com/hpcc-systems/Visualization/wiki)_
+
+<ClientOnly>
+  <hpcc-vitepress style="width:100%;height:600px">
+    <div id="target" style="width:100%;height:600px">
+    </div>
+    <script type="module">
+        import { MiniGantt } from "@hpcc-js/timeline";
+
+        new MiniGantt()
+            .target("target")
+            .columns(["Label", "start", "end"])
+            .data(random_datetime_ranges(10).concat(random_datetime_events(1)))
+            .timePattern("%Y-%m-%dT%H:%M:%S.%LZ")
+            .render()
+            ;
+
+
+        function random_datetime_string() {
+            const yyyy = 2004 + Math.floor(Math.random() * 2);
+            const mm = 1 + Math.floor(Math.random() * 12);
+            const dd = 1 + Math.floor(Math.random() * 28);
+            const hh = 1 + Math.floor(Math.random() * 23);
+            const min = 1 + Math.floor(Math.random() * 59);
+            const sec = 0 + Math.floor(Math.random() * 59);
+            return `${yyyy}-${mm < 10 ? '0' + mm : mm}-${dd < 10 ? '0' + dd : dd}T${hh < 10 ? '0' + hh : hh}:${min < 10 ? '0' + min : min}:${sec < 10 ? '0' + sec : sec}.0Z`;
+        }
+
+        function random_datetime_ranges(n) {
+            return Array(n).fill("").map((row, row_idx) => {
+                const d1 = random_datetime_string();
+                const d2 = random_datetime_string();
+                const icon = ["", "", ""][Math.floor(Math.random() * 3)];
+                return new Date(d1) - new Date(d2) > 0 ? [`Random Range #${row_idx}`, d2, d1, icon] : [`Random Range #${row_idx}`, d1, d2, icon];
+            });
+        }
+
+        function random_datetime_events(n) {
+            return Array(n).fill("").map((row, row_idx) => {
+                return [`Random Event #${row_idx}`, random_datetime_string()];
+            });
+        }
+    </script>
+  </hpcc-vitepress>
+</ClientOnly>

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.50.2";
-var BUILD_VERSION = "2.102.4";
+var PKG_VERSION = "2.50.5";
+var BUILD_VERSION = "2.103.0";
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -1333,7 +1333,6 @@ var ReactAxisGanttSeries = /** @class */ (function (_super) {
         };
     };
     ReactAxisGanttSeries.prototype.onzoom = function (transform) {
-        console.log("called onzoom");
         var w = this.width();
         var low = this._gantt._minStart;
         var high = this._gantt._maxEnd;