@hpcc-js/other 3.5.4 → 3.5.6

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@hpcc-js/other",
-    "version": "3.5.4",
+    "version": "3.5.6",
     "description": "hpcc-js - Viz Other",
     "type": "module",
     "main": "./dist/index.umd.cjs",
@@ -23,10 +23,12 @@
     "scripts": {
         "clean": "rimraf --glob lib* types dist *.tsbuildinfo .turbo",
         "bundle": "vite build",
-        "bundle-watch": "vite --port 5515",
+        "bundle-watch": "vite build --watch",
+        "bundle-serve": "vite --port 5515",
         "gen-types": "tsc --project tsconfig.json",
         "gen-types-watch": "npm run gen-types -- --watch",
         "build": "run-p gen-types bundle",
+        "watch": "run-p gen-types-watch bundle-watch",
         "lint": "eslint ./src",
         "lint-fix": "eslint --fix src/**/*.ts",
         "docs": "typedoc --options tdoptions.json .",
@@ -37,12 +39,12 @@
         "update-major": "npx --yes npm-check-updates -u"
     },
     "dependencies": {
-        "@hpcc-js/api": "^3.4.15",
-        "@hpcc-js/common": "^3.7.5",
-        "@hpcc-js/layout": "^3.5.10"
+        "@hpcc-js/api": "^3.4.17",
+        "@hpcc-js/common": "^3.7.7",
+        "@hpcc-js/layout": "^3.5.12"
     },
     "devDependencies": {
-        "@hpcc-js/esbuild-plugins": "^1.8.7",
+        "@hpcc-js/esbuild-plugins": "^1.8.8",
         "d3-array": "^1",
         "d3-collection": "^1",
         "d3-format": "^1",
@@ -67,5 +69,5 @@
         "url": "https://github.com/hpcc-systems/Visualization/issues"
     },
     "homepage": "https://github.com/hpcc-systems/Visualization",
-    "gitHead": "f8bdd58fc6914054a2313a87bbe1257dc9720545"
+    "gitHead": "630e839917f1cc38f6e3324db5a9ac991234599a"
 }

package/src/Audio.ts

@@ -1,86 +1,86 @@
-import { HTMLWidget } from "@hpcc-js/common";
-import { timer as d3Timer } from "d3-timer";
-
-export class Audio extends HTMLWidget {
-    _sections;
-
-    constructor() {
-        super();
-        this._tag = "audio";
-
-        this._sections = {};
-    }
-
-    section(label, offset, beatLength, beatCount) {
-        if (!arguments.length) return this._sections;
-        if (arguments.length === 1) return this._sections[label];
-        this._sections[label] = {
-            label,
-            offset,
-            beatLength,
-            beatCount,
-            endOffset: offset + beatCount * beatLength
-        };
-        return this;
-    }
-
-    getType(fileExt) {
-        switch (fileExt) {
-            case "mp3":
-                return "audio/mpeg; codecs='mp3'";
-            case "ogg":
-                return "audio/ogg; codecs='vorbis'";
-        }
-        return "";
-    }
-
-    enter(domNode, element) {
-        const context = this;
-        element.on("play", function (d) { context.onPlay(d); });
-    }
-
-    update(domNode, element) {
-        const source = element.selectAll("source").data(this.source(), function (d) { return d; });
-        source.enter().append("source")
-            .attr("src", function (d) { return d; })
-            ;
-    }
-
-    createTimer(params, startTime, beat) {
-        const context = this;
-        d3Timer(function () {
-            context.onTick(params.label, beat, params);
-            return true;
-        }, beat * params.beatLength, startTime + params.offset);
-    }
-
-    onTick(label, beat, params) {
-    }
-
-    onPlay(d) {
-        const startTime = Date.now();
-        for (const key in this._sections) {
-            const section = this._sections[key];
-            for (let i = 0; i < section.beatCount; ++i) {
-                this.createTimer(section, startTime, i);
-            }
-        }
-    }
-
-    play(d) {
-        const context = this;
-        this._element.on("canplaythrough", function (d2) {
-            context.node().play();
-        });
-        this.node().load();
-    }
-}
-Audio.prototype._class += " other_Audio";
-
-export interface Audio {
-    source(): string;
-    source(_: string): this;
-    source_exists(): boolean;
-}
-
-Audio.prototype.publish("source", "", "string", "Audio Source");
+import { HTMLWidget } from "@hpcc-js/common";
+import { timer as d3Timer } from "d3-timer";
+
+export class Audio extends HTMLWidget {
+    _sections;
+
+    constructor() {
+        super();
+        this._tag = "audio";
+
+        this._sections = {};
+    }
+
+    section(label, offset, beatLength, beatCount) {
+        if (!arguments.length) return this._sections;
+        if (arguments.length === 1) return this._sections[label];
+        this._sections[label] = {
+            label,
+            offset,
+            beatLength,
+            beatCount,
+            endOffset: offset + beatCount * beatLength
+        };
+        return this;
+    }
+
+    getType(fileExt) {
+        switch (fileExt) {
+            case "mp3":
+                return "audio/mpeg; codecs='mp3'";
+            case "ogg":
+                return "audio/ogg; codecs='vorbis'";
+        }
+        return "";
+    }
+
+    enter(domNode, element) {
+        const context = this;
+        element.on("play", function (d) { context.onPlay(d); });
+    }
+
+    update(domNode, element) {
+        const source = element.selectAll("source").data(this.source(), function (d) { return d; });
+        source.enter().append("source")
+            .attr("src", function (d) { return d; })
+            ;
+    }
+
+    createTimer(params, startTime, beat) {
+        const context = this;
+        d3Timer(function () {
+            context.onTick(params.label, beat, params);
+            return true;
+        }, beat * params.beatLength, startTime + params.offset);
+    }
+
+    onTick(label, beat, params) {
+    }
+
+    onPlay(d) {
+        const startTime = Date.now();
+        for (const key in this._sections) {
+            const section = this._sections[key];
+            for (let i = 0; i < section.beatCount; ++i) {
+                this.createTimer(section, startTime, i);
+            }
+        }
+    }
+
+    play(d) {
+        const context = this;
+        this._element.on("canplaythrough", function (d2) {
+            context.node().play();
+        });
+        this.node().load();
+    }
+}
+Audio.prototype._class += " other_Audio";
+
+export interface Audio {
+    source(): string;
+    source(_: string): this;
+    source_exists(): boolean;
+}
+
+Audio.prototype.publish("source", "", "string", "Audio Source");

package/src/AutoCompleteText.css

@@ -1,48 +1,48 @@
-.other_autoCompleteText label {
-    display: inline-block;
-    vertical-align: top;
-}
-
-.other_autoCompleteText input {
-    width: 100%;
-    max-width: 600px;
-    outline: 0;
-    border-radius: 100;
-}
-
-.autocomplete-suggestions {
-    text-align: left;
-    cursor: default;
-    border: 1px solid #ccc;
-    border-top: 0;
-    background: #fff;
-    box-shadow: -1px 1px 3px rgba(0, 0, 0, .1);
-    /* core styles should not be changed */
-    position: absolute;
-    display: none;
-    z-index: 9999;
-    max-height: 254px;
-    overflow: hidden;
-    overflow-y: auto;
-    box-sizing: border-box;
-}
-
-.autocomplete-suggestion {
-    position: relative;
-    padding: 0 .6em;
-    line-height: 23px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    font-size: 1.02em;
-    color: #333;
-}
-
-.autocomplete-suggestion b {
-    font-weight: normal;
-    color: #1f8dd6;
-}
-
-.autocomplete-suggestion.selected {
-    background: #f0f0f0;
+.other_autoCompleteText label {
+    display: inline-block;
+    vertical-align: top;
+}
+
+.other_autoCompleteText input {
+    width: 100%;
+    max-width: 600px;
+    outline: 0;
+    border-radius: 100;
+}
+
+.autocomplete-suggestions {
+    text-align: left;
+    cursor: default;
+    border: 1px solid #ccc;
+    border-top: 0;
+    background: #fff;
+    box-shadow: -1px 1px 3px rgba(0, 0, 0, .1);
+    /* core styles should not be changed */
+    position: absolute;
+    display: none;
+    z-index: 9999;
+    max-height: 254px;
+    overflow: hidden;
+    overflow-y: auto;
+    box-sizing: border-box;
+}
+
+.autocomplete-suggestion {
+    position: relative;
+    padding: 0 .6em;
+    line-height: 23px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-size: 1.02em;
+    color: #333;
+}
+
+.autocomplete-suggestion b {
+    font-weight: normal;
+    color: #1f8dd6;
+}
+
+.autocomplete-suggestion.selected {
+    background: #f0f0f0;
 }

package/src/AutoCompleteText.ts

@@ -1,132 +1,132 @@
-import { HTMLWidget } from "@hpcc-js/common";
-import AutoComplete from "javascript-autocomplete";
-
-import "../src/AutoCompleteText.css";
-
-export class AutoCompleteText extends HTMLWidget {
-    _span;
-    _prompt;
-    _input;
-    _prevMinCharsText;
-    _autoComplete;
-
-    constructor() {
-        super();
-        this._tag = "div";
-    }
-
-    autoCompleteTextData() {
-        if (this.data().length === 0) return [];
-        const view = this._db.rollupView([this.textColumn(), this.valueColumn()]);
-        return view.entries().map(function (row, idx) {
-            return {
-                idx,
-                text: row.key,
-                value: row.values.length ? row.values[0].key : "",
-                origRow: row.values.length && row.values[0].value.length ? row.values[0].value[0] : []
-            };
-        }, this);
-    }
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-        this._span = element.append("span");
-        this._prompt = this._span.append("label")
-            .attr("for", this.id() + "_input")
-            ;
-        this._input = this._span.append("input")
-            .attr("id", this.id() + "_input")
-            .attr("name", this.id() + "_input_name")
-            .attr("type", "text")
-            .attr("placeholder", this.placeholder())
-            ;
-    }
-
-    update(domNode, element) {
-        super.update(domNode, element);
-
-        this._prompt.text(this.label());
-        this._input.style("width", this.textboxWidth_exists() ? this.textboxWidth() + "px" : null);
-
-        if (this._prevMinCharsText !== this.minCharsText()) {
-            this._prevMinCharsText = this.minCharsText();
-
-            if (this._autoComplete) {
-                this._autoComplete.destroy();
-            }
-            const context = this;
-            this._autoComplete = new AutoComplete({
-                selector: "#" + this.id() + "_input",
-                minChars: this.minCharsText(),
-                delay: 150,
-                offsetLeft: 0,
-                offsetTop: 1,
-                source: (term, suggest) => {
-                    const field = context._db.fieldByLabel(context.textColumn());
-                    if (field) {
-                        term = term.toLowerCase();
-                        const suggestions = context.autoCompleteTextData().filter(function (row) {
-                            return row.origRow[field.idx].toLowerCase().indexOf(term) >= 0;
-                        }).map(function (row) {
-                            return {
-                                text: row.origRow[field.idx],
-                                rowIdx: row.idx
-                            };
-                        });
-                        suggest(suggestions);
-                    }
-                },
-                renderItem: (item, search) => {
-                    search = search.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&");
-                    const re = new RegExp("(" + search.split(" ").join("|") + ")", "gi");
-                    return '<div class="autocomplete-suggestion" data-val="' + item.text + '" data-row-idx="' + item.rowIdx + '">' + item.text.replace(re, "<b>$1</b>") + "</div>";
-                },
-                onSelect: (e, term, item) => {
-                    const rowIdx = +item.getAttribute("data-row-idx");
-                    const row = context.autoCompleteTextData()[rowIdx];
-                    context.click(context.rowToObj(row.origRow), context.valueColumn(), true);
-                }
-            });
-        }
-    }
-
-    exit(domNode, element) {
-        if (this._autoComplete) {
-            this._autoComplete.destroy();
-        }
-        this._span.remove();
-        super.exit(domNode, element);
-    }
-
-    click(row, column, selected) {
-    }
-}
-AutoCompleteText.prototype._class += " other_AutoCompleteText";
-
-export interface AutoCompleteText {
-    label(): string;
-    label(_: string): this;
-    label_exists(): boolean;
-    textboxWidth(): number;
-    textboxWidth(_: number): this;
-    textboxWidth_exists(): boolean;
-    placeholder(): string;
-    placeholder(_: string): this;
-    placeholder_exists(): boolean;
-    valueColumn(): string;
-    valueColumn(_: string): this;
-    valueColumn_exists(): boolean;
-    textColumn(): string;
-    textColumn(_: string): this;
-    textColumn_exists(): boolean;
-    minCharsText(): number;
-    minCharsText(_: number): this;
-    minCharsText_exists(): boolean;
-}
-
-AutoCompleteText.prototype.publish("label", "Label: ", "string", "Label for AutoCompleteText");
-AutoCompleteText.prototype.publish("textboxWidth", null, "number", "width of textbox", null, { optional: true });
-AutoCompleteText.prototype.publish("placeholder", "Search...", "string", "Placeholder for AutoCompleteText");
-AutoCompleteText.prototype.publish("valueColumn", null, "set", "Select column for autocomplete", function () { return this.columns(); }, { optional: true });
-AutoCompleteText.prototype.publish("textColumn", null, "set", "Select value(s)", function () { return this.columns(); }, { optional: true });
-AutoCompleteText.prototype.publish("minCharsText", 1, "number", "Size of multiAutoCompleteText box");
+import { HTMLWidget } from "@hpcc-js/common";
+import AutoComplete from "javascript-autocomplete";
+
+import "../src/AutoCompleteText.css";
+
+export class AutoCompleteText extends HTMLWidget {
+    _span;
+    _prompt;
+    _input;
+    _prevMinCharsText;
+    _autoComplete;
+
+    constructor() {
+        super();
+        this._tag = "div";
+    }
+
+    autoCompleteTextData() {
+        if (this.data().length === 0) return [];
+        const view = this._db.rollupView([this.textColumn(), this.valueColumn()]);
+        return view.entries().map(function (row, idx) {
+            return {
+                idx,
+                text: row.key,
+                value: row.values.length ? row.values[0].key : "",
+                origRow: row.values.length && row.values[0].value.length ? row.values[0].value[0] : []
+            };
+        }, this);
+    }
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+        this._span = element.append("span");
+        this._prompt = this._span.append("label")
+            .attr("for", this.id() + "_input")
+            ;
+        this._input = this._span.append("input")
+            .attr("id", this.id() + "_input")
+            .attr("name", this.id() + "_input_name")
+            .attr("type", "text")
+            .attr("placeholder", this.placeholder())
+            ;
+    }
+
+    update(domNode, element) {
+        super.update(domNode, element);
+
+        this._prompt.text(this.label());
+        this._input.style("width", this.textboxWidth_exists() ? this.textboxWidth() + "px" : null);
+
+        if (this._prevMinCharsText !== this.minCharsText()) {
+            this._prevMinCharsText = this.minCharsText();
+
+            if (this._autoComplete) {
+                this._autoComplete.destroy();
+            }
+            const context = this;
+            this._autoComplete = new AutoComplete({
+                selector: "#" + this.id() + "_input",
+                minChars: this.minCharsText(),
+                delay: 150,
+                offsetLeft: 0,
+                offsetTop: 1,
+                source: (term, suggest) => {
+                    const field = context._db.fieldByLabel(context.textColumn());
+                    if (field) {
+                        term = term.toLowerCase();
+                        const suggestions = context.autoCompleteTextData().filter(function (row) {
+                            return row.origRow[field.idx].toLowerCase().indexOf(term) >= 0;
+                        }).map(function (row) {
+                            return {
+                                text: row.origRow[field.idx],
+                                rowIdx: row.idx
+                            };
+                        });
+                        suggest(suggestions);
+                    }
+                },
+                renderItem: (item, search) => {
+                    search = search.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&");
+                    const re = new RegExp("(" + search.split(" ").join("|") + ")", "gi");
+                    return '<div class="autocomplete-suggestion" data-val="' + item.text + '" data-row-idx="' + item.rowIdx + '">' + item.text.replace(re, "<b>$1</b>") + "</div>";
+                },
+                onSelect: (e, term, item) => {
+                    const rowIdx = +item.getAttribute("data-row-idx");
+                    const row = context.autoCompleteTextData()[rowIdx];
+                    context.click(context.rowToObj(row.origRow), context.valueColumn(), true);
+                }
+            });
+        }
+    }
+
+    exit(domNode, element) {
+        if (this._autoComplete) {
+            this._autoComplete.destroy();
+        }
+        this._span.remove();
+        super.exit(domNode, element);
+    }
+
+    click(row, column, selected) {
+    }
+}
+AutoCompleteText.prototype._class += " other_AutoCompleteText";
+
+export interface AutoCompleteText {
+    label(): string;
+    label(_: string): this;
+    label_exists(): boolean;
+    textboxWidth(): number;
+    textboxWidth(_: number): this;
+    textboxWidth_exists(): boolean;
+    placeholder(): string;
+    placeholder(_: string): this;
+    placeholder_exists(): boolean;
+    valueColumn(): string;
+    valueColumn(_: string): this;
+    valueColumn_exists(): boolean;
+    textColumn(): string;
+    textColumn(_: string): this;
+    textColumn_exists(): boolean;
+    minCharsText(): number;
+    minCharsText(_: number): this;
+    minCharsText_exists(): boolean;
+}
+
+AutoCompleteText.prototype.publish("label", "Label: ", "string", "Label for AutoCompleteText");
+AutoCompleteText.prototype.publish("textboxWidth", null, "number", "width of textbox", null, { optional: true });
+AutoCompleteText.prototype.publish("placeholder", "Search...", "string", "Placeholder for AutoCompleteText");
+AutoCompleteText.prototype.publish("valueColumn", null, "set", "Select column for autocomplete", function () { return this.columns(); }, { optional: true });
+AutoCompleteText.prototype.publish("textColumn", null, "set", "Select value(s)", function () { return this.columns(); }, { optional: true });
+AutoCompleteText.prototype.publish("minCharsText", 1, "number", "Size of multiAutoCompleteText box");

package/src/CalendarHeatMap.css

@@ -1,26 +1,26 @@
-.other_CalendarHeatMap {
-    shape-rendering: crispEdges;
-}
-
-.other_CalendarHeatMap .day {
-    fill: #fff;
-    stroke: #ccc;
-}
-
-.other_CalendarHeatMap .day.selected {
-    stroke: red;
-}
-
-.other_CalendarHeatMap .day.over {
-    stroke: orange;
-}
-
-.other_CalendarHeatMap .day.selected.over {
-    stroke: red;
-}
-
-.other_CalendarHeatMap .month {
-    fill: none;
-    stroke: #000;
-    stroke-width: 2px;
+.other_CalendarHeatMap {
+    shape-rendering: crispEdges;
+}
+
+.other_CalendarHeatMap .day {
+    fill: #fff;
+    stroke: #ccc;
+}
+
+.other_CalendarHeatMap .day.selected {
+    stroke: red;
+}
+
+.other_CalendarHeatMap .day.over {
+    stroke: orange;
+}
+
+.other_CalendarHeatMap .day.selected.over {
+    stroke: red;
+}
+
+.other_CalendarHeatMap .month {
+    fill: none;
+    stroke: #000;
+    stroke-width: 2px;
 }