jsl-ui 8.12.1 → 9.0.0

package/lib/components/auto-suggest/AutoSuggestComponent.d.ts

@@ -1,6 +1,7 @@
 import { IJSLComponent, IJSLVNode } from "jsl-render";
 import { IAutoSuggestOptions, IAutoSuggest } from "../../ui/auto.suggest";
 export interface IAutoSuggestComponentOptions extends IAutoSuggestOptions {
+    value?: string;
     class?: string;
     style?: string;
     placeholder?: string;

package/lib/components/auto-suggest/AutoSuggestComponent.js

@@ -8,7 +8,7 @@ var AutoSuggestComponent = /** @class */ (function () {
         var _a;
         return {
             tag: "input",
-            attr: { class: this.options.class, style: this.options.style, placeholder: (_a = this.options.placeholder, (_a !== null && _a !== void 0 ? _a : "")) }
+            attr: { value: this.options.value, class: this.options.class, style: this.options.style, placeholder: (_a = this.options.placeholder, (_a !== null && _a !== void 0 ? _a : "")) }
         };
     };
     AutoSuggestComponent.prototype.getRef = function () {

package/lib/grid/filterDialogs/excelFilter.js

@@ -58,12 +58,11 @@ var ExcelFilter = /** @class */ (function () {
         return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
     };
     ExcelFilter.prototype.show = function (col) {
-        var _a;
         return __awaiter(this, void 0, void 0, function () {
-            var values, filters, currentFilters, mode, filterOptions, oldCheckedValues, _i, currentFilters_1, f, dlg, dlgBody, id, search, cbAllContainer, cbAll, cbAllLabel, sortedValues, _b, values_1, x, o, visibleValues, checkedValues, cbContainer, rowHeight, height, vr, renderer, dlgObj, dlgOkButton, dlgCancelButton, dlgClearButton;
+            var values, filters, currentFilters, mode, filterOptions, oldCheckedValues, _i, currentFilters_1, f, dlg, dlgBody, id, search, cbAllContainer, cbAll, cbAllLabel, sortedValues, _a, values_1, x, o, visibleValues, checkedValues, cbContainer, rowHeight, height, vr, renderer, dlgObj, dlgOkButton, dlgCancelButton, dlgClearButton;
             var _this = this;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         filters = this.grid.getFilters();
                         currentFilters = filters.filter(function (f) { return f.columnId === col.id; });
@@ -82,8 +81,8 @@ var ExcelFilter = /** @class */ (function () {
                         }
                         return [4 /*yield*/, filterOptions(col)];
                     case 2:
-                        values = _c.sent();
-                        _c.label = 3;
+                        values = _b.sent();
+                        _b.label = 3;
                     case 3:
                         oldCheckedValues = {};
                         if (currentFilters.length > 0) {
@@ -127,15 +126,15 @@ var ExcelFilter = /** @class */ (function () {
                         dlgBody.appendChild(cbAllContainer);
                         sortedValues = [];
                         if (Array.isArray(values)) {
-                            for (_b = 0, values_1 = values; _b < values_1.length; _b++) {
-                                x = values_1[_b];
+                            for (_a = 0, values_1 = values; _a < values_1.length; _a++) {
+                                x = values_1[_a];
                                 sortedValues.push({ id: x, txt: (x !== null && x !== void 0 ? x : "") });
                             }
                         }
                         else {
                             for (o in values) {
                                 if (values.hasOwnProperty(o)) {
-                                    sortedValues.push({ id: o, txt: (_a = values[o], (_a !== null && _a !== void 0 ? _a : "")) });
+                                    sortedValues.push({ id: values[o], txt: (o !== null && o !== void 0 ? o : "") });
                                 }
                             }
                         }
@@ -156,13 +155,19 @@ var ExcelFilter = /** @class */ (function () {
                                     tag: "input",
                                     attr: {
                                         id: id + "_" + args.index,
-                                        checked: checkedValues[args.rowData.id] ? "checked" : undefined,
+                                        checked: checkedValues[args.rowData.id[0]] ? "checked" : undefined,
                                         change: function (_, node) {
                                             if (node.dom.checked) {
-                                                checkedValues[args.rowData.id] = true;
+                                                for (var _i = 0, _a = args.rowData.id; _i < _a.length; _i++) {
+                                                    var selId = _a[_i];
+                                                    checkedValues[selId] = true;
+                                                }
                                             }
                                             else {
-                                                delete checkedValues[args.rowData.id];
+                                                for (var _b = 0, _c = args.rowData.id; _b < _c.length; _b++) {
+                                                    var selId = _c[_b];
+                                                    delete checkedValues[selId];
+                                                }
                                             }
                                             // check if all values or none are checked
                                             var allChecked = Object.getOwnPropertyNames(checkedValues).length === sortedValues.length;
@@ -201,11 +206,22 @@ var ExcelFilter = /** @class */ (function () {
                         });
                         cbAll.addEventListener("change", function () {
                             for (var i = 0; i < visibleValues.length; i++) {
+                                // if (cbAll.checked) {
+                                //     checkedValues[visibleValues[i].id] = true;
+                                // } else {
+                                //     delete checkedValues[visibleValues[i].id];
+                                // }
                                 if (cbAll.checked) {
-                                    checkedValues[visibleValues[i].id] = true;
+                                    for (var _i = 0, _a = visibleValues[i].id; _i < _a.length; _i++) {
+                                        var selId = _a[_i];
+                                        checkedValues[selId] = true;
+                                    }
                                 }
                                 else {
-                                    delete checkedValues[visibleValues[i].id];
+                                    for (var _b = 0, _c = visibleValues[i].id; _b < _c.length; _b++) {
+                                        var selId = _c[_b];
+                                        delete checkedValues[selId];
+                                    }
                                 }
                             }
                             renderer.refresh();
@@ -276,13 +292,20 @@ var ExcelFilter = /** @class */ (function () {
     //     }
     // }
     ExcelFilter.prototype.getDistinctValues = function (col) {
-        var result = {};
+        var textToValues = {};
         for (var idx = 0, len = this.grid.getDataLength(); idx < len; idx++) {
             var item = this.grid.getDataItem(idx);
             var value = this.grid.getDataItemValueForColumn(item, col);
-            result[value] = this.grid.getFormattedValue(col, value, item);
+            var text = this.grid.getFormattedValue(col, value, item);
+            var valueList = textToValues[text];
+            if (valueList == null) {
+                valueList = textToValues[text] = [];
+            }
+            if (valueList.indexOf(value) < 0) {
+                valueList.push(value);
+            }
         }
-        return result;
+        return textToValues;
     };
     return ExcelFilter;
 }());

package/lib/grid/slick.creator.d.ts

@@ -12,7 +12,7 @@ export interface ISlickCreatorOptions extends ISlickGridOptions {
     saveColumnsKey?: string;
     groupItemMetadataProvider?: any;
     getFilterValues?: (column: ISlickColumn) => Promise<{
-        [key: string]: string;
+        [key: string]: any[];
     } | any[]>;
     showFilterDialog?: (column: ISlickColumn, grid: IJSLGrid<any>) => void;
 }

package/lib/grid/slick.dataview.js

@@ -92,7 +92,8 @@ export function DataView(options) {
         for (var i = startingIndex, l = items.length; i < l; i++) {
             id = items[i][idProperty];
             if (id === undefined) {
-                throw new Error("Each data element must implement a unique 'id' property");
+                // throw new Error("Each data element must implement a unique 'id' property");
+                throw new Error("Id (" + idProperty + ") of element at index " + i + " was undefined");
             }
             idxById[id] = i;
         }
@@ -101,8 +102,11 @@ export function DataView(options) {
         var id;
         for (var i = 0, l = items.length; i < l; i++) {
             id = items[i][idProperty];
-            if (id === undefined || idxById[id] !== i) {
-                throw new Error("Each data element must implement a unique 'id' property");
+            if (id === undefined) {
+                throw new Error("Id (" + idProperty + ") of element at index " + i + " was undefined");
+            }
+            else if (idxById[id] !== i) {
+                throw new Error("Duplicate id (" + idProperty + ") for " + id + " found at index (" + idxById[id] + ", " + i + ")");
             }
         }
     }

package/lib/grid/slick.formatters.d.ts

@@ -10,6 +10,7 @@ export declare let HtmlFormatter: ISlickFormatter;
 export declare let LookupFormatter: ISlickFormatter;
 export declare let MultiLookupFormatter: ISlickFormatter;
 export declare let TextFormatter: ISlickFormatter;
+export declare let TooltipFormatter: ISlickFormatter;
 export declare let MultiLineTextFormatter: ISlickFormatter;
 export declare let TimeFormatter: ISlickFormatter;
 export declare let DateTimeFormatter: ISlickFormatter;

package/lib/grid/slick.formatters.js

@@ -101,6 +101,15 @@ export var TextFormatter = function (row, cell, value, columnDef, dataContext) {
         return escapeHTMLChars(value + "");
     }
 };
+export var TooltipFormatter = function (row, cell, value, columnDef, dataContext) {
+    if (value == null) {
+        return "";
+    }
+    else {
+        var result = escapeHTMLChars(value + "");
+        return { text: result, toolTip: result };
+    }
+};
 export var MultiLineTextFormatter = function (row, cell, value, columnDef, dataContext) {
     var txt = "";
     if (value != null) {

package/lib/grid/slick.grid.js

@@ -2957,9 +2957,16 @@ export function SlickGrid(container, data, columns, options) {
         }
     }
     function invalidate() {
+        var currentActiveCell = null;
+        if (currentEditor) {
+            currentActiveCell = getActiveCell();
+        }
         updateRowCount();
         invalidateAllRows();
         render();
+        if (currentActiveCell) {
+            makeActiveCellEditable(null, null, {});
+        }
     }
     function invalidateAllRows() {
         if (currentEditor) {