jsl-ui 9.3.1 → 9.5.0

package/lib/components/form-field/FormFieldComponent.d.ts

@@ -10,6 +10,7 @@ export interface IFormFieldOptions {
     dateOptions?: IDatePickerOptions;
     numberOptions?: INumberInputOptions;
     autoSuggestOptions?: IAutoSuggestOptions;
+    value?: string;
     maxLength?: number;
     class?: string;
     required?: boolean;

package/lib/components/form-field/FormFieldComponent.js

@@ -13,7 +13,7 @@ var FormFieldComponent = /** @class */ (function () {
         var _a, _b;
         return {
             tag: "div",
-            attr: { class: "form-field " + (_a = this.options.class, (_a !== null && _a !== void 0 ? _a : "")) },
+            attr: { class: "form-field " + (this.options.value ? "form-field--is-filled " : "") + (_a = this.options.class, (_a !== null && _a !== void 0 ? _a : "")) },
             children: [{
                     tag: "div",
                     attr: { class: "form-field__control" + (this.validationMessage ? " failed__valid" : "") },
@@ -30,6 +30,7 @@ var FormFieldComponent = /** @class */ (function () {
                             attr: {
                                 id: this.id,
                                 type: this.type,
+                                value: this.options.value,
                                 maxLength: this.options.maxLength,
                                 class: "form-field__input",
                                 blur: this.setInActive,

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

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

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

@@ -65,3 +65,61 @@ export function DateEditor(args) {
     };
     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.grid.d.ts

@@ -127,6 +127,7 @@ export interface ISlickGrid<T> {
         row: number;
         cell: number;
         item: T;
+        value: any;
     }>;
     "onAddNewRow": ISlickEvent<{
         item: T;
@@ -243,5 +244,6 @@ export interface ISlickGrid<T> {
         commitCurrentEdit: () => boolean;
         cancelCurrentEdit: () => boolean;
     };
+    "resetActiveCell": () => void;
 }
 export declare function SlickGrid(container: HTMLDivElement | string, data: any, columns: ISlickColumn[], options: ISlickGridOptions): void;

package/lib/grid/slick.grid.js

@@ -2866,7 +2866,7 @@ export function SlickGrid(container, data, columns, options) {
                 }
             }
             // do not render cells outside of the viewport.
-            if (columnPosRight[Math.min(ii - 1, i + colspan - 1)] > range.leftPx) {
+            if (columnPosRight[Math.min(ii - 1, i + colspan - 1)] > range.leftPx || m.alwaysRenderColumn) {
                 if (!m.alwaysRenderColumn && columnPosLeft[i] > range.rightPx) {
                     // all columns to the right are outside the range.
                     break;
@@ -2878,9 +2878,9 @@ export function SlickGrid(container, data, columns, options) {
                     html.L += appendCellHtml(row, i, colspan, d);
                 }
             }
-            else if (m.alwaysRenderColumn || (hasFrozenColumns() && i <= options.frozenColumn)) {
-                html.L += appendCellHtml(row, i, colspan, d);
-            }
+            // else if (m.alwaysRenderColumn || (hasFrozenColumns() && i <= options.frozenColumn)) {
+            //   html.L += appendCellHtml(row, i, colspan, d);
+            // }
             if (colspan > 1) {
                 i += (colspan - 1);
             }