jsl-ui 9.18.2 → 9.18.3

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

@@ -1,4 +0,0 @@
-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

@@ -1,232 +0,0 @@
-/*
- * 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

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

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

@@ -1,125 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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;