jsl-ui 9.18.3 → 9.18.4

package/lib/grid/slick.editors.core.d.ts

@@ -0,0 +1,4 @@
+export declare function TextEditor(args: any): void;
+export declare function MultiLineTextEditor(args: any): void;
+export declare function NumericEditor(args: any): void;
+export declare function BooleanEditor(args: any): void;

package/lib/grid/slick.editors.core.js

@@ -0,0 +1,232 @@
+/*
+ * Contains basic SlickGrid editors.
+ */
+import { numeric } from "../core/numeric";
+import { handleKeydownLRNav, handleKeydownLRNoNav } from "./slick.editors.nav";
+export function TextEditor(args) {
+    var input;
+    var defaultValue;
+    var scope = this;
+    this.init = function () {
+        var navOnLR = args.grid.getOptions().editorCellNavOnLRKeys;
+        input = document.createElement("input");
+        input.type = "text";
+        input.className = "editor-text";
+        if (args.column.maxLength > 0) {
+            input.maxLength = args.column.maxLength;
+        }
+        input.addEventListener("keydown", navOnLR ? handleKeydownLRNav : handleKeydownLRNoNav);
+        args.container.appendChild(input);
+        input.focus();
+        input.select();
+    };
+    this.destroy = function () {
+        input.parentElement.removeChild(input);
+    };
+    this.focus = function () {
+        input.focus();
+    };
+    this.getValue = function () {
+        return input.value;
+    };
+    this.setValue = function (val) {
+        input.value = val;
+    };
+    this.loadValue = function (item) {
+        defaultValue = item[args.column.field] || "";
+        input.value = defaultValue;
+        input.defaultValue = defaultValue;
+        input.select();
+    };
+    this.serializeValue = function () {
+        return input.value;
+    };
+    this.applyValue = function (item, state) {
+        item[args.column.field] = state;
+    };
+    this.isValueChanged = function () {
+        return (!(input.value == "" && defaultValue == null)) && (input.value != defaultValue);
+    };
+    this.validate = function () {
+        if (args.column.validator) {
+            var validationResults = args.column.validator(input.value);
+            if (!validationResults.valid) {
+                return validationResults;
+            }
+        }
+        return {
+            valid: true,
+            msg: null
+        };
+    };
+    this.init();
+}
+export function MultiLineTextEditor(args) {
+    var input;
+    var defaultValue;
+    var scope = this;
+    this.init = function () {
+        var navOnLR = args.grid.getOptions().editorCellNavOnLRKeys;
+        input = document.createElement("textarea");
+        if (args.column.maxLength > 0) {
+            input.maxLength = args.column.maxLength;
+        }
+        input.className = "editor-text";
+        input.addEventListener("keydown", navOnLR ? handleKeydownLRNav : handleKeydownLRNoNav);
+        args.container.appendChild(input);
+        input.focus();
+        input.select();
+    };
+    this.destroy = function () {
+        input.parentElement.removeChild(input);
+    };
+    this.focus = function () {
+        input.focus();
+    };
+    this.getValue = function () {
+        return input.value;
+    };
+    this.setValue = function (val) {
+        input.value = val;
+    };
+    this.loadValue = function (item) {
+        defaultValue = item[args.column.field] || "";
+        input.value = defaultValue;
+        input.defaultValue = defaultValue;
+        input.select();
+    };
+    this.serializeValue = function () {
+        return input.value;
+    };
+    this.applyValue = function (item, state) {
+        item[args.column.field] = state;
+    };
+    this.isValueChanged = function () {
+        return (!(input.value == "" && defaultValue == null)) && (input.value != defaultValue);
+    };
+    this.validate = function () {
+        if (args.column.validator) {
+            var validationResults = args.column.validator(input.value);
+            if (!validationResults.valid) {
+                return validationResults;
+            }
+        }
+        return {
+            valid: true,
+            msg: null
+        };
+    };
+    this.init();
+}
+export function NumericEditor(args) {
+    var input;
+    var defaultValue;
+    var scope = this;
+    this.init = function () {
+        var navOnLR = args.grid.getOptions().editorCellNavOnLRKeys;
+        input = document.createElement("input");
+        input.type = "text";
+        input.className = "editor-text right";
+        input.addEventListener("keydown", navOnLR ? handleKeydownLRNav : handleKeydownLRNoNav);
+        args.container.appendChild(input);
+        input.focus();
+        input.select();
+    };
+    this.destroy = function () {
+        input.parentElement.removeChild(input);
+    };
+    this.focus = function () {
+        input.focus();
+    };
+    // function getDecimalPlaces() {
+    //     // returns the number of fixed decimal places or null
+    //     var rtn = args.column.editorFixedDecimalPlaces;
+    //     if (typeof rtn == 'undefined') {
+    //         rtn = (<any>FloatEditor).DefaultDecimalPlaces;
+    //     }
+    //     return (!rtn && rtn!==0 ? null : rtn);
+    // }
+    this.loadValue = function (item) {
+        defaultValue = item[args.column.field];
+        var val_as_str = numeric.format(defaultValue, args.column.format);
+        input.value = val_as_str;
+        input.select();
+    };
+    this.serializeValue = function () {
+        return numeric.parse(input.value);
+    };
+    this.applyValue = function (item, state) {
+        item[args.column.field] = state;
+    };
+    this.isValueChanged = function () {
+        return numeric.parse(input.value) !== defaultValue;
+    };
+    this.validate = function () {
+        if (input.value !== "" && numeric.parse(input.value) === undefined) {
+            return {
+                valid: false,
+                msg: "Please enter a valid number"
+            };
+        }
+        if (args.column.validator) {
+            var validationResults = args.column.validator(numeric.parse(input.value));
+            if (!validationResults.valid) {
+                return validationResults;
+            }
+        }
+        return {
+            valid: true,
+            msg: null
+        };
+    };
+    this.init();
+}
+export function BooleanEditor(args) {
+    var $select;
+    var defaultValue;
+    var scope = this;
+    this.init = function () {
+        $select = document.createElement("select");
+        $select.setAttribute("tabIndex", "0");
+        $select.className = "editor-yesno"; // <OPTION value='-'>-</OPTION>
+        $select.innerHTML = "<OPTION value='yes'>✔</OPTION><OPTION value='no'>-</OPTION>";
+        args.container.appendChild($select);
+        args.container.style.textAlign = "center";
+        $select.focus();
+    };
+    this.destroy = function () {
+        $select.parentElement.removeChild($select);
+    };
+    this.focus = function () {
+        $select.focus();
+    };
+    this.loadValue = function (item) {
+        defaultValue = item[args.column.field];
+        $select.value = defaultValue == null ? "-" : (defaultValue ? "yes" : "no");
+        $select.focus();
+        //$select.select();
+    };
+    this.serializeValue = function () {
+        if ($select.value === "-") {
+            return null;
+        }
+        return ($select.value === "yes");
+    };
+    this.applyValue = function (item, state) {
+        item[args.column.field] = state;
+    };
+    this.isValueChanged = function () {
+        if ($select.value === "-" && defaultValue == null) {
+            return false;
+        }
+        var v = $select.value === "yes";
+        return (v !== defaultValue);
+    };
+    this.validate = function () {
+        return {
+            valid: true,
+            msg: null
+        };
+    };
+    this.init();
+}

package/lib/grid/slick.editors.date.d.ts

@@ -0,0 +1,2 @@
+export declare function DateEditor(args: any): void;
+export declare function TimeEditor(args: any): void;

package/lib/grid/slick.editors.date.js

@@ -0,0 +1,125 @@
+import { handleKeydownLRNav, handleKeydownLRNoNav } from "./slick.editors.nav";
+import { DatePicker } from "../ui/date.picker";
+import { date } from "../core/date";
+export function DateEditor(args) {
+    var input;
+    var defaultValue;
+    var scope = this;
+    var datePicker;
+    this.init = function () {
+        var navOnLR = args.grid.getOptions().editorCellNavOnLRKeys;
+        input = document.createElement("input");
+        input.type = "text";
+        input.className = "editor-text";
+        input.addEventListener("keydown", navOnLR ? handleKeydownLRNav : handleKeydownLRNoNav);
+        args.container.appendChild(input);
+        datePicker = DatePicker(input, { mode: 'dp-below' });
+        datePicker.on("close", function () {
+            input.focus();
+            input.select();
+        });
+        input.focus();
+    };
+    this.destroy = function () {
+        datePicker.destroy();
+        input.remove();
+    };
+    this.show = function () {
+        //so far not necessary
+    };
+    this.hide = function () {
+        datePicker.close();
+    };
+    this.position = function (position) {
+        //so far not necessary
+    };
+    this.focus = function () {
+        input.focus();
+    };
+    this.loadValue = function (item) {
+        defaultValue = date.onlyDate(item[args.column.field]);
+        var val_as_str = date.format(defaultValue, args.column.format);
+        input.value = val_as_str;
+        input.select();
+    };
+    this.serializeValue = function () {
+        return date.onlyDate(date.parse(input.value, args.column.format));
+    };
+    this.applyValue = function (item, state) {
+        item[args.column.field] = state;
+    };
+    this.isValueChanged = function () {
+        return (!(input.value == "" && !defaultValue)) && !date.equal(date.onlyDate(date.parse(input.value, args.column.format)), defaultValue);
+    };
+    this.validate = function () {
+        if (args.column.validator) {
+            var validationResults = args.column.validator(date.onlyDate(date.parse(input.value, args.column.format)));
+            if (!validationResults.valid) {
+                return validationResults;
+            }
+        }
+        return {
+            valid: true,
+            msg: null
+        };
+    };
+    this.init();
+}
+export function TimeEditor(args) {
+    var input;
+    var defaultValue;
+    var scope = this;
+    this.init = function () {
+        var navOnLR = args.grid.getOptions().editorCellNavOnLRKeys;
+        input = document.createElement("input");
+        input.type = "time";
+        input.className = "editor-text";
+        if (args.column.maxLength > 0) {
+            input.maxLength = args.column.maxLength;
+        }
+        input.addEventListener("keydown", navOnLR ? handleKeydownLRNav : handleKeydownLRNoNav);
+        args.container.appendChild(input);
+        input.focus();
+        input.select();
+    };
+    this.destroy = function () {
+        input.parentElement.removeChild(input);
+    };
+    this.focus = function () {
+        input.focus();
+    };
+    this.getValue = function () {
+        return input.value;
+    };
+    this.setValue = function (val) {
+        input.value = val;
+    };
+    this.loadValue = function (item) {
+        defaultValue = item[args.column.field] || "";
+        input.value = defaultValue;
+        input.defaultValue = defaultValue;
+        input.select();
+    };
+    this.serializeValue = function () {
+        return input.value;
+    };
+    this.applyValue = function (item, state) {
+        item[args.column.field] = state;
+    };
+    this.isValueChanged = function () {
+        return (!(input.value == "" && defaultValue == null)) && (input.value != defaultValue);
+    };
+    this.validate = function () {
+        if (args.column.validator) {
+            var validationResults = args.column.validator(input.value);
+            if (!validationResults.valid) {
+                return validationResults;
+            }
+        }
+        return {
+            valid: true,
+            msg: null
+        };
+    };
+    this.init();
+}

package/lib/grid/slick.editors.lookup.d.ts

@@ -0,0 +1,14 @@
+import { IJSLVNode } from "jsl-render";
+import { ISelectRenderArg } from "../components/select/SelectComponent";
+export declare function MultiLookupEditor(args: any): void;
+export interface ILookupEditorOptions {
+    enableSearch?: boolean;
+    class?: string;
+    placeholder?: boolean;
+    allowEmpty?: boolean;
+    rowHeight?: number;
+    onRender?: (args: ISelectRenderArg) => void | IJSLVNode;
+    matchSearch?: (data: any, term: string) => boolean;
+}
+export declare function LookupEditor(args: any): void;
+export declare function AutoSuggestEditor(args: any): void;