@hpcc-js/other 3.4.10 → 3.5.0

package/src/RadioCheckbox.css

@@ -1,7 +1,6 @@
-.other_RadioCheckbox input {
-}
-
-.other_RadioCheckbox span,
-.other_RadioCheckbox label {
-    vertical-align: top;
+.other_RadioCheckbox input {}
+
+.other_RadioCheckbox span,
+.other_RadioCheckbox label {
+    vertical-align: top;
 }

package/src/RadioCheckbox.ts

@@ -1,130 +1,130 @@
-import { HTMLWidget } from "@hpcc-js/common";
-import { select as d3Select } from "d3-selection";
-
-import "../src/RadioCheckbox.css";
-
-export class RadioCheckbox extends HTMLWidget {
-    _span;
-    _label;
-    _Checkbox;
-
-    constructor() {
-        super();
-    }
-
-    rcData() {
-        if (this.data().length === 0) return [];
-        const view = this._db.rollupView([this.textColumn(), this.valueColumn()]);
-        let retVal = [];
-        retVal = retVal.concat(view.entries().map(function (row) {
-            return {
-                text: row.key,
-                value: row.values.length ? row.values[0].key : "",
-                origRow: row.values.length && row.values[0].values.length ? row.values[0].values[0] : []
-            };
-        }, this));
-        if (this.sort_exists()) {
-            const descending = this.sort() === "descending";
-            retVal.sort(function (l, r) {
-                if (l.text < r.text) return descending ? 1 : -1;
-                if (l.text > r.text) return descending ? -1 : 1;
-                return 0;
-            });
-        }
-        return retVal;
-    }
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-        this._span = element.append("span");
-        this._label = this._span.append("label")
-            .attr("for", this.id() + "_radioCheckbox")
-            ;
-        this._Checkbox = this._span.append("div")
-            .attr("id", this.id() + "_radioCheckbox");
-    }
-
-    update(domNode, element) {
-        super.update(domNode, element);
-        const context = this;
-        this._label
-            .text(this.label())
-            ;
-        const radioCheckbox = this._Checkbox.selectAll(".dataRow").data(this.rcData());
-        radioCheckbox.enter().append("div")
-            .attr("class", "dataRow")
-            .each(function (row, idx) {
-                const checkboxDiv = d3Select(this);
-                const id = context.id() + "_checkbox_" + idx;
-                checkboxDiv.append("input")
-                    .attr("id", id)
-                    .attr("name", context.id() + "_radioCheckbox")
-                    .on("change", function (selectedData) {
-                        context.handleClick();
-                    });
-                checkboxDiv.append("label")
-                    .attr("for", id);
-            });
-        radioCheckbox
-            .each(function (row, idx) {
-                const rcDiv = d3Select(this);
-                rcDiv.select("input")
-                    .attr("type", context.multiple() ? "checkbox" : "radio")
-                    .attr("value", row.value);
-                rcDiv.select("label")
-                    .text(row.text);
-            });
-        radioCheckbox.exit().remove();
-        radioCheckbox.order();
-    }
-
-    exit(domNode, element) {
-        this._span.remove();
-        super.exit(domNode, element);
-    }
-
-    handleClick() {
-        const options = [];
-        this._Checkbox.selectAll(".dataRow > input")
-            .each(function (row, idx) {
-                const input = d3Select(this);
-                if (input.property("checked") && row && row.origRow) {
-                    options.push(row.origRow);
-                }
-            });
-        if (options.length) {
-            //  TODO Handle Multiple Selections - part of 1.16.x
-            this.click(this.rowToObj(options[0]), this.valueColumn(), true);
-        } else {
-            this.click([], this.valueColumn(), false);
-        }
-    }
-
-    click(row, column, selected) {
-    }
-}
-RadioCheckbox.prototype._class += " other_RadioCheckbox";
-
-export interface RadioCheckbox {
-    label(): string;
-    label(_: string): this;
-    label_exists(): boolean;
-    valueColumn(): string;
-    valueColumn(_: string): this;
-    valueColumn_exists(): boolean;
-    textColumn(): string;
-    textColumn(_: string): this;
-    textColumn_exists(): boolean;
-    sort(): string;
-    sort(_: string): this;
-    sort_exists
-    multiple(): boolean;
-    multiple(_: boolean): this;
-    multiple_exists(): boolean;
-}
-
-RadioCheckbox.prototype.publish("label", null, "string", "Label for RadioCheckbox");
-RadioCheckbox.prototype.publish("valueColumn", null, "set", "RadioCheckbox display value", function () { return this.columns(); }, { optional: true });
-RadioCheckbox.prototype.publish("textColumn", null, "set", "RadioCheckbox value(s)", function () { return this.columns(); }, { optional: true });
-RadioCheckbox.prototype.publish("sort", null, "set", "Sort contents", ["", "ascending", "descending"], { optional: true });
-RadioCheckbox.prototype.publish("multiple", false, "boolean", "Multiple selection");
+import { HTMLWidget } from "@hpcc-js/common";
+import { select as d3Select } from "d3-selection";
+
+import "../src/RadioCheckbox.css";
+
+export class RadioCheckbox extends HTMLWidget {
+    _span;
+    _label;
+    _Checkbox;
+
+    constructor() {
+        super();
+    }
+
+    rcData() {
+        if (this.data().length === 0) return [];
+        const view = this._db.rollupView([this.textColumn(), this.valueColumn()]);
+        let retVal = [];
+        retVal = retVal.concat(view.entries().map(function (row) {
+            return {
+                text: row.key,
+                value: row.values.length ? row.values[0].key : "",
+                origRow: row.values.length && row.values[0].values.length ? row.values[0].values[0] : []
+            };
+        }, this));
+        if (this.sort_exists()) {
+            const descending = this.sort() === "descending";
+            retVal.sort(function (l, r) {
+                if (l.text < r.text) return descending ? 1 : -1;
+                if (l.text > r.text) return descending ? -1 : 1;
+                return 0;
+            });
+        }
+        return retVal;
+    }
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+        this._span = element.append("span");
+        this._label = this._span.append("label")
+            .attr("for", this.id() + "_radioCheckbox")
+            ;
+        this._Checkbox = this._span.append("div")
+            .attr("id", this.id() + "_radioCheckbox");
+    }
+
+    update(domNode, element) {
+        super.update(domNode, element);
+        const context = this;
+        this._label
+            .text(this.label())
+            ;
+        const radioCheckbox = this._Checkbox.selectAll(".dataRow").data(this.rcData());
+        radioCheckbox.enter().append("div")
+            .attr("class", "dataRow")
+            .each(function (row, idx) {
+                const checkboxDiv = d3Select(this);
+                const id = context.id() + "_checkbox_" + idx;
+                checkboxDiv.append("input")
+                    .attr("id", id)
+                    .attr("name", context.id() + "_radioCheckbox")
+                    .on("change", function (selectedData) {
+                        context.handleClick();
+                    });
+                checkboxDiv.append("label")
+                    .attr("for", id);
+            });
+        radioCheckbox
+            .each(function (row, idx) {
+                const rcDiv = d3Select(this);
+                rcDiv.select("input")
+                    .attr("type", context.multiple() ? "checkbox" : "radio")
+                    .attr("value", row.value);
+                rcDiv.select("label")
+                    .text(row.text);
+            });
+        radioCheckbox.exit().remove();
+        radioCheckbox.order();
+    }
+
+    exit(domNode, element) {
+        this._span.remove();
+        super.exit(domNode, element);
+    }
+
+    handleClick() {
+        const options = [];
+        this._Checkbox.selectAll(".dataRow > input")
+            .each(function (row, idx) {
+                const input = d3Select(this);
+                if (input.property("checked") && row && row.origRow) {
+                    options.push(row.origRow);
+                }
+            });
+        if (options.length) {
+            //  TODO Handle Multiple Selections - part of 1.16.x
+            this.click(this.rowToObj(options[0]), this.valueColumn(), true);
+        } else {
+            this.click([], this.valueColumn(), false);
+        }
+    }
+
+    click(row, column, selected) {
+    }
+}
+RadioCheckbox.prototype._class += " other_RadioCheckbox";
+
+export interface RadioCheckbox {
+    label(): string;
+    label(_: string): this;
+    label_exists(): boolean;
+    valueColumn(): string;
+    valueColumn(_: string): this;
+    valueColumn_exists(): boolean;
+    textColumn(): string;
+    textColumn(_: string): this;
+    textColumn_exists(): boolean;
+    sort(): string;
+    sort(_: string): this;
+    sort_exists
+    multiple(): boolean;
+    multiple(_: boolean): this;
+    multiple_exists(): boolean;
+}
+
+RadioCheckbox.prototype.publish("label", null, "string", "Label for RadioCheckbox");
+RadioCheckbox.prototype.publish("valueColumn", null, "set", "RadioCheckbox display value", function () { return this.columns(); }, { optional: true });
+RadioCheckbox.prototype.publish("textColumn", null, "set", "RadioCheckbox value(s)", function () { return this.columns(); }, { optional: true });
+RadioCheckbox.prototype.publish("sort", null, "set", "Sort contents", ["", "ascending", "descending"], { optional: true });
+RadioCheckbox.prototype.publish("multiple", false, "boolean", "Multiple selection");

package/src/Select.css

@@ -1,7 +1,6 @@
-.other_Select select {
-}
-
-.other_Select span, 
-.other_Select label {
-    vertical-align:top;
-}
+.other_Select select {}
+
+.other_Select span,
+.other_Select label {
+    vertical-align: top;
+}

package/src/Select.ts

@@ -1,130 +1,130 @@
-import { HTMLWidget } from "@hpcc-js/common";
-import { select as d3Select } from "d3-selection";
-
-import "../src/Select.css";
-
-export class Select extends HTMLWidget {
-    _span;
-    _prompt;
-    _select;
-
-    constructor() {
-        super();
-    }
-
-    selectData() {
-        if (this.data().length === 0) return [];
-        const view = this._db.rollupView([this.textColumn(), this.valueColumn()]);
-        let retVal = [];
-        retVal = retVal.concat(view.entries().map(function (row) {
-            return {
-                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));
-        if (this.sort_exists()) {
-            const descending = this.sort() === "descending";
-            retVal.sort(function (l, r) {
-                if (l.text < r.text) return descending ? 1 : -1;
-                if (l.text > r.text) return descending ? -1 : 1;
-                return 0;
-            });
-        }
-        if (this.optional()) {
-            retVal.unshift({ value: "", text: "" });
-        }
-        return retVal;
-    }
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-        this._span = element.append("span");
-        this._prompt = this._span.append("label")
-            .attr("for", this.id() + "_select")
-            ;
-
-        const context = this;
-        this._select = this._span.append("select")
-            .attr("id", this.id() + "_select")
-            .on("change", function (d) {
-                const options = [];
-                const options_dom_node = context._select.node().options;
-                for (let i = 0; i < options_dom_node.length; ++i) {
-                    const optionNode = options_dom_node[i];
-                    if (optionNode.selected) {
-                        options.push((d3Select(optionNode).datum() as any).origRow);
-                    }
-                }
-                if (options.length) {
-                    context.click(context.rowToObj(options[0]), context.valueColumn(), true); // TODO:  Multiselect not support in HIPIE
-                } else {
-                    context.click([], context.valueColumn(), false);
-                }
-            })
-            ;
-    }
-
-    update(domNode, element) {
-        super.update(domNode, element);
-
-        this._prompt
-            .text(this.label())
-            ;
-        this._select
-            .attr("multiple", this.multiple() ? this.multiple() : null)
-            .attr("size", this.multiple() && this.selectSize() ? this.selectSize() : null)
-            ;
-
-        const option = this._select.selectAll(".dataRow").data(this.selectData());
-        const optionUpdate = option.enter().append("option")
-            .attr("class", "dataRow")
-            .merge(option)
-            .attr("value", function (row) { return row.value; })
-            .text(function (row) { return row.text; })
-            ;
-        option.exit().remove();
-        optionUpdate.order();
-    }
-
-    exit(domNode, element) {
-        this._span.remove();
-        super.exit(domNode, element);
-    }
-
-    click(row, column, selected) {
-    }
-}
-Select.prototype._class += " other_Select";
-
-export interface Select {
-    label(): string;
-    label(_: string): this;
-    label_exists(): boolean;
-    valueColumn(): string;
-    valueColumn(_: string): this;
-    valueColumn_exists(): boolean;
-    textColumn(): string;
-    textColumn(_: string): this;
-    textColumn_exists(): boolean;
-    optional(): boolean;
-    optional(_: boolean): this;
-    optional_exists(): boolean;
-    sort(): string;
-    sort(_: string): this;
-    sort_exists(): boolean;
-    multiple(): boolean;
-    multiple(_: boolean): this;
-    multiple_exists(): boolean;
-    selectSize(): number;
-    selectSize(_: number): this;
-    selectSize_exists(): boolean;
-}
-
-Select.prototype.publish("label", null, "string", "Label for select");
-Select.prototype.publish("valueColumn", null, "set", "Select display value", function () { return this.columns(); }, { optional: true });
-Select.prototype.publish("textColumn", null, "set", "Select value(s)", function () { return this.columns(); }, { optional: true });
-Select.prototype.publish("optional", true, "boolean", "Optional Select");
-Select.prototype.publish("sort", null, "set", "Sort contents", ["", "ascending", "descending"], { optional: true });
-Select.prototype.publish("multiple", false, "boolean", "Multiple selection");
-Select.prototype.publish("selectSize", 5, "number", "Size of multiselect box", null, { disable: w => !w.multiple() });
+import { HTMLWidget } from "@hpcc-js/common";
+import { select as d3Select } from "d3-selection";
+
+import "../src/Select.css";
+
+export class Select extends HTMLWidget {
+    _span;
+    _prompt;
+    _select;
+
+    constructor() {
+        super();
+    }
+
+    selectData() {
+        if (this.data().length === 0) return [];
+        const view = this._db.rollupView([this.textColumn(), this.valueColumn()]);
+        let retVal = [];
+        retVal = retVal.concat(view.entries().map(function (row) {
+            return {
+                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));
+        if (this.sort_exists()) {
+            const descending = this.sort() === "descending";
+            retVal.sort(function (l, r) {
+                if (l.text < r.text) return descending ? 1 : -1;
+                if (l.text > r.text) return descending ? -1 : 1;
+                return 0;
+            });
+        }
+        if (this.optional()) {
+            retVal.unshift({ value: "", text: "" });
+        }
+        return retVal;
+    }
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+        this._span = element.append("span");
+        this._prompt = this._span.append("label")
+            .attr("for", this.id() + "_select")
+            ;
+
+        const context = this;
+        this._select = this._span.append("select")
+            .attr("id", this.id() + "_select")
+            .on("change", function (d) {
+                const options = [];
+                const options_dom_node = context._select.node().options;
+                for (let i = 0; i < options_dom_node.length; ++i) {
+                    const optionNode = options_dom_node[i];
+                    if (optionNode.selected) {
+                        options.push((d3Select(optionNode).datum() as any).origRow);
+                    }
+                }
+                if (options.length) {
+                    context.click(context.rowToObj(options[0]), context.valueColumn(), true); // TODO:  Multiselect not support in HIPIE
+                } else {
+                    context.click([], context.valueColumn(), false);
+                }
+            })
+            ;
+    }
+
+    update(domNode, element) {
+        super.update(domNode, element);
+
+        this._prompt
+            .text(this.label())
+            ;
+        this._select
+            .attr("multiple", this.multiple() ? this.multiple() : null)
+            .attr("size", this.multiple() && this.selectSize() ? this.selectSize() : null)
+            ;
+
+        const option = this._select.selectAll(".dataRow").data(this.selectData());
+        const optionUpdate = option.enter().append("option")
+            .attr("class", "dataRow")
+            .merge(option)
+            .attr("value", function (row) { return row.value; })
+            .text(function (row) { return row.text; })
+            ;
+        option.exit().remove();
+        optionUpdate.order();
+    }
+
+    exit(domNode, element) {
+        this._span.remove();
+        super.exit(domNode, element);
+    }
+
+    click(row, column, selected) {
+    }
+}
+Select.prototype._class += " other_Select";
+
+export interface Select {
+    label(): string;
+    label(_: string): this;
+    label_exists(): boolean;
+    valueColumn(): string;
+    valueColumn(_: string): this;
+    valueColumn_exists(): boolean;
+    textColumn(): string;
+    textColumn(_: string): this;
+    textColumn_exists(): boolean;
+    optional(): boolean;
+    optional(_: boolean): this;
+    optional_exists(): boolean;
+    sort(): string;
+    sort(_: string): this;
+    sort_exists(): boolean;
+    multiple(): boolean;
+    multiple(_: boolean): this;
+    multiple_exists(): boolean;
+    selectSize(): number;
+    selectSize(_: number): this;
+    selectSize_exists(): boolean;
+}
+
+Select.prototype.publish("label", null, "string", "Label for select");
+Select.prototype.publish("valueColumn", null, "set", "Select display value", function () { return this.columns(); }, { optional: true });
+Select.prototype.publish("textColumn", null, "set", "Select value(s)", function () { return this.columns(); }, { optional: true });
+Select.prototype.publish("optional", true, "boolean", "Optional Select");
+Select.prototype.publish("sort", null, "set", "Sort contents", ["", "ascending", "descending"], { optional: true });
+Select.prototype.publish("multiple", false, "boolean", "Multiple selection");
+Select.prototype.publish("selectSize", 5, "number", "Size of multiselect box", null, { disable: w => !w.multiple() });