@hpcc-js/timeline 2.54.0 → 3.0.0

package/package.json

@@ -1,58 +1,55 @@
 {
     "name": "@hpcc-js/timeline",
-    "version": "2.54.0",
+    "version": "3.0.0",
     "description": "hpcc-js - Viz Timeline",
-    "main": "dist/index.js",
-    "module": "dist/index.es6",
-    "unpkg": "dist/index.min.js",
-    "jsdelivr": "dist/index.min.js",
-    "types": "types/index.d.ts",
-    "typesVersions": {
-        "<3.8": {
-            "*": [
-                "types-3.4/index.d.ts"
-            ]
-        }
+    "type": "module",
+    "exports": {
+        ".": {
+            "types": "./types/index.d.ts",
+            "default": "./dist/index.js"
+        },
+        "./dist/*": "./dist/*"
     },
+    "module": "./dist/index.js",
+    "browser": "./dist/index.js",
+    "types": "./types/index.d.ts",
     "files": [
         "dist/*",
+        "src/*",
         "types/*",
-        "types-3.4/*",
-        "src/*"
+        "font-awesome/**/*"
     ],
     "scripts": {
-        "clean": "rimraf --glob lib* types dist *.tsbuildinfo",
-        "compile-es6": "tsc --module es6 --outDir ./lib-es6",
-        "compile-es6-watch": "npm run compile-es6 -- -w",
-        "compile-umd": "tsc --module umd --outDir ./lib-umd",
-        "compile-umd-watch": "npm run compile-umd -- -w",
-        "bundle": "rollup -c",
-        "bundle-watch": "npm run bundle -- -w",
-        "minimize": "terser dist/index.js -c -m --source-map \"content='dist/index.js.map',url='index.min.js.map'\" -o dist/index.min.js",
-        "gen-legacy-types": "downlevel-dts ./types ./types-3.4",
-        "build": "npm run compile-es6 && npm run bundle",
-        "watch": "npm-run-all compile-es6 -p compile-es6-watch bundle-watch",
-        "stamp": "node ../../node_modules/@hpcc-js/bundle/src/stamp.js",
+        "clean": "rimraf --glob lib* types dist *.tsbuildinfo .turbo",
+        "bundle": "node esbuild.js",
+        "bundle-watch": "npm run bundle -- --development --watch",
+        "gen-types": "tsc --project tsconfig.json",
+        "gen-types-watch": "npm run gen-types -- --watch",
+        "build": "run-p gen-types bundle",
         "lint": "eslint ./src",
+        "lint-fix": "eslint --fix src/**/*.ts",
         "docs": "typedoc --options tdoptions.json .",
-        "update": "npx --yes npm-check-updates -u -t minor"
+        "test-browser": "vitest run --project browser",
+        "test": "vitest run",
+        "coverage": "vitest run --coverage",
+        "update": "npx --yes npm-check-updates -u -t minor",
+        "update-major": "npx --yes npm-check-updates -u"
     },
     "dependencies": {
-        "@hpcc-js/api": "^2.14.0",
-        "@hpcc-js/chart": "^2.86.0",
-        "@hpcc-js/common": "^2.73.0",
-        "@hpcc-js/html": "^2.44.0",
-        "@hpcc-js/layout": "^2.51.0",
-        "@hpcc-js/react": "^2.55.0"
+        "@hpcc-js/api": "^3.1.0",
+        "@hpcc-js/chart": "^3.1.0",
+        "@hpcc-js/common": "^3.1.0",
+        "@hpcc-js/html": "^3.0.0",
+        "@hpcc-js/layout": "^3.0.0",
+        "@hpcc-js/react": "^3.0.0"
     },
     "devDependencies": {
-        "@hpcc-js/bundle": "^2.12.0",
+        "@hpcc-js/esbuild-plugins": "^1.2.0",
         "d3-array": "^1",
         "d3-scale": "^1",
         "d3-selection": "^1",
         "d3-time-format": "^2",
-        "d3-zoom": "^1",
-        "tslib": "2.7.0"
+        "d3-zoom": "^1"
     },
     "repository": {
         "type": "git",
@@ -65,5 +62,5 @@
         "url": "https://github.com/hpcc-systems/Visualization/issues"
     },
     "homepage": "https://github.com/hpcc-systems/Visualization",
-    "gitHead": "fbbef050700b0e9d76ef99714856383d95155149"
+    "gitHead": "658c50fd965a7744ba8db675ba6878607c44d5e2"
 }

package/src/MiniGantt.ts

@@ -83,7 +83,7 @@ export class MiniGantt extends SVGWidget {
     }
 
     dataStartPos(d) {
-        if(typeof this._dateCache[d[this._startDate_idx]] !== "undefined"){
+        if (typeof this._dateCache[d[this._startDate_idx]] !== "undefined") {
             return this._dateCache[d[this._startDate_idx]];
         }
         const pos = this.brAxis.scalePos(d[this._startDate_idx]);
@@ -92,7 +92,7 @@ export class MiniGantt extends SVGWidget {
     }
 
     dataEndPos(d) {
-        if(typeof this._dateCache[d[this._endDate_idx]] !== "undefined"){
+        if (typeof this._dateCache[d[this._endDate_idx]] !== "undefined") {
             return this._dateCache[d[this._endDate_idx]];
         }
         const pos = this.brAxis.scalePos(d[this._endDate_idx]);
@@ -522,20 +522,21 @@ export class MiniGantt extends SVGWidget {
 
     updateEntityRect(textbox: EntityRect, d) {
     }
+}
+MiniGantt.prototype._class += " timeline_MiniGantt";
+MiniGantt.prototype.implements(ITooltip.prototype);
+MiniGantt.prototype.mixin(Utility.SimpleSelectionMixin);
 
+export interface MiniGantt {
     //  ITooltip  ---
     tooltip;
-    tooltipHTML: (_) => string;
-    tooltipFormat: (_) => string;
+    tooltipHTML(_): string;
+    tooltipFormat(_): string;
 
     //  SimpleSelectionMixin
     _selection;
-}
-MiniGantt.prototype._class += " timeline_MiniGantt";
-MiniGantt.prototype.implements(ITooltip.prototype);
-MiniGantt.prototype.mixin(Utility.SimpleSelectionMixin);
 
-export interface MiniGantt {
+    //  Properties  ---
     timePattern(): string;
     timePattern(_: string): this;
     tickFormat(): string;

package/src/ReactAxisGantt.ts

@@ -1,6 +1,6 @@
 import { Axis } from "@hpcc-js/chart";
 import { SVGWidget } from "@hpcc-js/common";
-import { ReactGantt } from "./ReactGantt";
+import { ReactGantt } from "./ReactGantt.ts";
 
 export type IAxisGanttData = [string, number | string, number | string, any?] | any[];
 
@@ -160,6 +160,13 @@ export class ReactAxisGantt extends SVGWidget {
         this._gantt.render();
     }
 
+    exit(domNode, element) {
+        this._bottomAxis.target(null);
+        this._gantt.target(null);
+        this._topAxis.target(null);
+        super.exit(domNode, element);
+    }
+
     columns(): string[];
     columns(_: string[]): this;
     columns(_?: string[]): this | string[] {

package/src/ReactAxisGanttSeries.ts

@@ -1,9 +1,9 @@
 import { min as d3Min, max as d3Max } from "d3-array";
 import { Axis } from "@hpcc-js/chart";
 import { Border2 } from "@hpcc-js/layout";
-import { ReactGantt } from "./ReactGantt";
-import { IAxisGanttData } from "./ReactAxisGantt";
 import { React } from "@hpcc-js/react";
+import { ReactGantt } from "./ReactGantt.ts";
+import { IAxisGanttData } from "./ReactAxisGantt.ts";
 
 export class ReactAxisGanttSeries extends Border2 {
 

package/src/ReactGantt.ts

@@ -332,6 +332,10 @@ export class ReactGantt extends SVGZoomWidget {
             ;
         element.on("dblclick.zoom", null);
     }
+    exit(domNode, element) {
+        this._tooltip.target(null);
+        super.exit(domNode, element);
+    }
     renderRangeElement(d, i, transformEach = false, options: any = {}, seriesKey?: string) {
         const borderOffset1 = options.strokeWidth;
         const borderOffset2 = borderOffset1 * 2;

package/src/ReactTimeline.ts

@@ -1,11 +1,11 @@
 import { timeFormat as d3TimeFormat, timeParse as d3TimeParse } from "d3-time-format";
-import { ReactAxisGantt } from "./ReactAxisGantt";
+import { ReactAxisGantt } from "./ReactAxisGantt.ts";
 
 export class ReactTimeline extends ReactAxisGantt {
 
     protected _axisLabelFormatter;//TODO: add a type to this? d3 time formatting function type?
 
-    constructor(){
+    constructor() {
         super();
         this._drawStartPos = "origin";
         this._topAxis.type("time");
@@ -24,20 +24,20 @@ export class ReactTimeline extends ReactAxisGantt {
     update(domNode, element) {
         super.update(domNode, element);
 
-        if(this.timePattern_exists()) {
+        if (this.timePattern_exists()) {
 
             let minTimestamp = Infinity;
             let maxTimestamp = -Infinity;
             let lowDateStr = "";
             let highDateStr = "";
-            this.data().map(n=>{
+            this.data().map(n => {
                 const start = new Date(n[1]).getTime();
                 const end = new Date(n[2]).getTime();
-                if(minTimestamp > start){
+                if (minTimestamp > start) {
                     minTimestamp = start;
                     lowDateStr = "" + n[1];
                 }
-                if(maxTimestamp < end){
+                if (maxTimestamp < end) {
                     maxTimestamp = end;
                     highDateStr = "" + n[2];
                 }
@@ -78,7 +78,7 @@ export class ReactTimeline extends ReactAxisGantt {
     }
 
     onzoom(transform) {
-        
+
         const w = this.width();
         const low = this._gantt._minStart;
         const high = this._gantt._maxEnd;
@@ -98,18 +98,18 @@ export class ReactTimeline extends ReactAxisGantt {
             .render()
             ;
     }
-
-    _tooltipHTML: (_) => string;
 }
 ReactTimeline.prototype._class += " timeline_ReactTimeline";
 
 export interface ReactTimeline {
+    _tooltipHTML(_): string;
+
     timePattern(): string;
     timePattern(_: string): this;
     timePattern_exists(): boolean;
     tooltipTimeFormat(): string;
     tooltipTimeFormat(_: string): this;
 }
-ReactTimeline.prototype.publish("timePattern", "%Y-%m-%d", "string", "Time pattern used for parsing datetime strings on each data row", null, {optional:true});
+ReactTimeline.prototype.publish("timePattern", "%Y-%m-%d", "string", "Time pattern used for parsing datetime strings on each data row", null, { optional: true });
 ReactTimeline.prototype.publish("tooltipTimeFormat", "%Y-%m-%d", "string", "Time format used in the default html tooltip");
 

package/src/ReactTimelineSeries.ts

@@ -1,12 +1,12 @@
 import { timeFormat as d3TimeFormat, timeParse as d3TimeParse } from "d3-time-format";
-import { ReactAxisGanttSeries } from "./ReactAxisGanttSeries";
+import { ReactAxisGanttSeries } from "./ReactAxisGanttSeries.ts";
 
 const parseTime = d3TimeParse("%Q");
 export class ReactTimelineSeries extends ReactAxisGanttSeries {
 
     protected _axisLabelFormatter;//TODO: add a type to this? d3 time formatting function type?
 
-    constructor(){
+    constructor() {
         super();
         this._topAxis.type("time");
         this._bottomAxis.type("time");
@@ -23,20 +23,20 @@ export class ReactTimelineSeries extends ReactAxisGanttSeries {
     update(domNode, element) {
         super.update(domNode, element);
 
-        if(this.timePattern_exists()) {
+        if (this.timePattern_exists()) {
 
             let minTimestamp = Infinity;
             let maxTimestamp = -Infinity;
             let lowDateStr = "";
             let highDateStr = "";
-            this.data().forEach(n=>{
+            this.data().forEach(n => {
                 const start = new Date(n[1]).getTime();
                 const end = new Date(n[2]).getTime();
-                if(minTimestamp > start){
+                if (minTimestamp > start) {
                     minTimestamp = start;
                     lowDateStr = "" + n[1];
                 }
-                if(maxTimestamp < end){
+                if (maxTimestamp < end) {
                     maxTimestamp = end;
                     highDateStr = "" + n[2];
                 }
@@ -76,7 +76,7 @@ export class ReactTimelineSeries extends ReactAxisGanttSeries {
     }
 
     onzoom(transform) {
-        
+
         const w = this.width();
         const low = this._gantt._minStart;
         const high = this._gantt._maxEnd;
@@ -108,6 +108,6 @@ export interface ReactTimelineSeries {
     tooltipTimeFormat(): string;
     tooltipTimeFormat(_: string): this;
 }
-ReactTimelineSeries.prototype.publish("timePattern", "%Y-%m-%d", "string", "Time pattern used for parsing datetime strings on each data row", null, {optional:true});
+ReactTimelineSeries.prototype.publish("timePattern", "%Y-%m-%d", "string", "Time pattern used for parsing datetime strings on each data row", null, { optional: true });
 ReactTimelineSeries.prototype.publish("tooltipTimeFormat", "%Y-%m-%d", "string", "Time format used in the default html tooltip");
 

package/src/__package__.ts

@@ -1,3 +1,3 @@
 export const PKG_NAME = "@hpcc-js/timeline";
-export const PKG_VERSION = "2.54.0";
-export const BUILD_VERSION = "2.107.0";
+export const PKG_VERSION = "3.0.0";
+export const BUILD_VERSION = "3.2.0";

package/src/index.ts

@@ -1,7 +1,7 @@
-export * from "./__package__";
-export * from "./MiniGantt";
-export * from "./ReactGantt";
-export * from "./ReactAxisGantt";
-export * from "./ReactAxisGanttSeries";
-export * from "./ReactTimeline";
-export * from "./ReactTimelineSeries";
+export * from "./__package__.ts";
+export * from "./MiniGantt.ts";
+export * from "./ReactGantt.ts";
+export * from "./ReactAxisGantt.ts";
+export * from "./ReactAxisGanttSeries.ts";
+export * from "./ReactTimeline.ts";
+export * from "./ReactTimelineSeries.ts";

package/types/MiniGantt.d.ts

@@ -43,12 +43,12 @@ export declare class MiniGantt extends SVGWidget {
     dblclick(row: any, col: any, sel: any): void;
     enterEntityRect(textbox: EntityRect, d: any): void;
     updateEntityRect(textbox: EntityRect, d: any): void;
-    tooltip: any;
-    tooltipHTML: (_: any) => string;
-    tooltipFormat: (_: any) => string;
-    _selection: any;
 }
 export interface MiniGantt {
+    tooltip: any;
+    tooltipHTML(_: any): string;
+    tooltipFormat(_: any): string;
+    _selection: any;
     timePattern(): string;
     timePattern(_: string): this;
     tickFormat(): string;
@@ -97,4 +97,3 @@ export interface MiniGantt {
     centerOnMostRecent(): boolean;
     centerOnMostRecent(_: boolean): this;
 }
-//# sourceMappingURL=MiniGantt.d.ts.map

package/types/ReactAxisGantt.d.ts

@@ -1,6 +1,6 @@
 import { Axis } from "@hpcc-js/chart";
 import { SVGWidget } from "@hpcc-js/common";
-import { ReactGantt } from "./ReactGantt";
+import { ReactGantt } from "./ReactGantt.ts";
 export type IAxisGanttData = [string, number | string, number | string, any?] | any[];
 export declare class ReactAxisGantt extends SVGWidget {
     protected _topAxis: Axis;
@@ -20,6 +20,7 @@ export declare class ReactAxisGantt extends SVGWidget {
     enter(domNode: any, element: any): void;
     onzoom(transform: any): void;
     update(domNode: any, element: any): void;
+    exit(domNode: any, element: any): void;
     columns(): string[];
     columns(_: string[]): this;
     data(): IAxisGanttData[];
@@ -75,4 +76,3 @@ export interface ReactAxisGantt {
     maxZoom(): number;
     maxZoom(_: number): this;
 }
-//# sourceMappingURL=ReactAxisGantt.d.ts.map

package/types/ReactAxisGanttSeries.d.ts

@@ -1,8 +1,8 @@
 import { Axis } from "@hpcc-js/chart";
 import { Border2 } from "@hpcc-js/layout";
-import { ReactGantt } from "./ReactGantt";
-import { IAxisGanttData } from "./ReactAxisGantt";
 import { React } from "@hpcc-js/react";
+import { ReactGantt } from "./ReactGantt.ts";
+import { IAxisGanttData } from "./ReactAxisGantt.ts";
 export declare class ReactAxisGanttSeries extends Border2 {
     protected _topAxis: Axis;
     protected _gantt: ReactGantt;
@@ -79,4 +79,3 @@ export interface ReactAxisGanttSeries {
     maxZoom(): number;
     maxZoom(_: number): this;
 }
-//# sourceMappingURL=ReactAxisGanttSeries.d.ts.map

package/types/ReactGantt.d.ts

@@ -43,6 +43,7 @@ export declare class ReactGantt extends SVGZoomWidget {
     rangeRenderer(_: React.FunctionComponent): this;
     enter(domNode: any, element: any): void;
     update(domNode: any, element: any): void;
+    exit(domNode: any, element: any): void;
     renderRangeElement(d: any, i: any, transformEach?: boolean, options?: any, seriesKey?: string): void;
     setRangeOptions(): void;
     _transform: {
@@ -127,4 +128,3 @@ export interface ReactGantt {
     oddSeriesBackground(): string;
     oddSeriesBackground(_: string): this;
 }
-//# sourceMappingURL=ReactGantt.d.ts.map

package/types/ReactTimeline.d.ts

@@ -1,4 +1,4 @@
-import { ReactAxisGantt } from "./ReactAxisGantt";
+import { ReactAxisGantt } from "./ReactAxisGantt.ts";
 export declare class ReactTimeline extends ReactAxisGantt {
     protected _axisLabelFormatter: any;
     constructor();
@@ -6,13 +6,12 @@ export declare class ReactTimeline extends ReactAxisGantt {
     tooltipHTML(callback: any): this;
     parseAxisValue(v: any): string;
     onzoom(transform: any): void;
-    _tooltipHTML: (_: any) => string;
 }
 export interface ReactTimeline {
+    _tooltipHTML(_: any): string;
     timePattern(): string;
     timePattern(_: string): this;
     timePattern_exists(): boolean;
     tooltipTimeFormat(): string;
     tooltipTimeFormat(_: string): this;
 }
-//# sourceMappingURL=ReactTimeline.d.ts.map

package/types/ReactTimelineSeries.d.ts

@@ -1,4 +1,4 @@
-import { ReactAxisGanttSeries } from "./ReactAxisGanttSeries";
+import { ReactAxisGanttSeries } from "./ReactAxisGanttSeries.ts";
 export declare class ReactTimelineSeries extends ReactAxisGanttSeries {
     protected _axisLabelFormatter: any;
     constructor();
@@ -15,4 +15,3 @@ export interface ReactTimelineSeries {
     tooltipTimeFormat(): string;
     tooltipTimeFormat(_: string): this;
 }
-//# sourceMappingURL=ReactTimelineSeries.d.ts.map

package/types/__package__.d.ts

@@ -1,4 +1,3 @@
 export declare const PKG_NAME = "@hpcc-js/timeline";
-export declare const PKG_VERSION = "2.54.0";
-export declare const BUILD_VERSION = "2.107.0";
-//# sourceMappingURL=__package__.d.ts.map
+export declare const PKG_VERSION = "3.0.0";
+export declare const BUILD_VERSION = "3.2.0";

package/types/index.d.ts

@@ -1,8 +1,7 @@
-export * from "./__package__";
-export * from "./MiniGantt";
-export * from "./ReactGantt";
-export * from "./ReactAxisGantt";
-export * from "./ReactAxisGanttSeries";
-export * from "./ReactTimeline";
-export * from "./ReactTimelineSeries";
-//# sourceMappingURL=index.d.ts.map
+export * from "./__package__.ts";
+export * from "./MiniGantt.ts";
+export * from "./ReactGantt.ts";
+export * from "./ReactAxisGantt.ts";
+export * from "./ReactAxisGanttSeries.ts";
+export * from "./ReactTimeline.ts";
+export * from "./ReactTimelineSeries.ts";