jsl-ui 9.28.2 → 9.28.4

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

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { JSLRender } from "jsl-render";
 import { SelectComponent } from "../components/select/SelectComponent";
 import { AutoSuggestComponent } from "../components/auto-suggest/AutoSuggestComponent";
@@ -29,12 +18,11 @@ export function MultiLookupEditor(args) {
             //     e.stopImmediatePropagation();
             // }
         });
-        var vl = args.column.valueList;
-        var data = [];
+        let vl = args.column.valueList;
+        let data = [];
         if (vl) {
             if (Array.isArray(vl)) {
-                for (var _i = 0, vl_1 = vl; _i < vl_1.length; _i++) {
-                    var element = vl_1[_i];
+                for (const element of vl) {
                     if (typeof element === "string") {
                         data.push({ text: element, value: element });
                     }
@@ -44,7 +32,7 @@ export function MultiLookupEditor(args) {
                 }
             }
             else {
-                for (var key in vl) {
+                for (const key in vl) {
                     if (!vl.hasOwnProperty(key)) {
                         continue;
                     }
@@ -55,7 +43,14 @@ export function MultiLookupEditor(args) {
         else {
             console.warn("No value list found for column " + args.column.id);
         }
-        select = new SelectComponent(__assign({ data: data, dropdownWidth: args.column.width + "px", multiple: true, style: "min-width:0;width:100%;position:absolute;top:0;right:0;bottom:0;left:0;", openOnEnter: false }, args.column.editorOptions));
+        select = new SelectComponent({
+            data,
+            dropdownWidth: args.column.width + "px",
+            multiple: true,
+            style: "min-width:0;width:100%;position:absolute;top:0;right:0;bottom:0;left:0;",
+            openOnEnter: false,
+            ...args.column.editorOptions
+        });
         new JSLRender(args.container).render(select);
         //dropdown = DropDown(input, { data: data, multiple: true, searchable: false, defaultSelected: false });
     };
@@ -85,8 +80,8 @@ export function MultiLookupEditor(args) {
         item[args.column.field] = state;
     };
     this.isValueChanged = function () {
-        var a = defaultValue || [];
-        var b = select.getValue() || [];
+        const a = defaultValue || [];
+        const b = select.getValue() || [];
         return a.toString() !== b.toString();
     };
     this.validate = function () {
@@ -122,12 +117,11 @@ export function LookupEditor(args) {
     };
     this.init = function () {
         // input = document.createElement("div");
-        var vl = args.column.valueList;
-        var data = [];
+        let vl = args.column.valueList;
+        let data = [];
         if (vl) {
             if (Array.isArray(vl)) {
-                for (var _i = 0, vl_2 = vl; _i < vl_2.length; _i++) {
-                    var element = vl_2[_i];
+                for (const element of vl) {
                     if (typeof element === "string") {
                         data.push({ text: element, value: element });
                     }
@@ -137,7 +131,7 @@ export function LookupEditor(args) {
                 }
             }
             else {
-                for (var key in vl) {
+                for (const key in vl) {
                     if (!vl.hasOwnProperty(key)) {
                         continue;
                     }
@@ -149,14 +143,20 @@ export function LookupEditor(args) {
             console.warn("No value list found for column " + args.column.id);
         }
         // args.container.appendChild(input);
-        dropdown = new SelectComponent(__assign({ data: data, dropdownWidth: args.column.width + "px", style: "min-width:0;width:100%;position:absolute;top:0;right:0;bottom:0;left:0;", openOnEnter: false, 
+        dropdown = new SelectComponent({
+            data,
+            dropdownWidth: args.column.width + "px",
+            style: "min-width:0;width:100%;position:absolute;top:0;right:0;bottom:0;left:0;",
+            openOnEnter: false,
             // onAppend: (dom) => {
             //     (args.grid as ISlickGrid<any>).getContainerNode().appendChild(dom);
             // },
-            onChange: function (e) {
+            onChange: (e) => {
                 args.commitChangesOnly();
                 // args.grid.getEditorLock().commitChangesOnly();
-            } }, args.column.editorOptions));
+            },
+            ...args.column.editorOptions
+        });
         //dropdown = DropDown(input, { ...{ data, searchable: false, defaultSelected: false, pagination: 100 }, ...args.column.editorOptions });
         new JSLRender(args.container, false).render(dropdown);
         // dropdown.show();
@@ -173,7 +173,7 @@ export function LookupEditor(args) {
     };
     this.position = function (position) {
         if (dropdown.isExpanded() && reposition) {
-            var dd = document.querySelector(".sel-comp-dd");
+            const dd = document.querySelector(".sel-comp-dd");
             if (dd.classList.contains("sel-comp-dd-up")) {
                 dd.style.top = (position.top - dd.getBoundingClientRect().height) + "px";
             }
@@ -243,12 +243,11 @@ export function AutoSuggestEditor(args) {
     };
     this.init = function () {
         // input = document.createElement("div");
-        var vl = args.column.valueList;
-        var data = [];
+        let vl = args.column.valueList;
+        let data = [];
         if (vl) {
             if (Array.isArray(vl)) {
-                for (var _i = 0, vl_3 = vl; _i < vl_3.length; _i++) {
-                    var element = vl_3[_i];
+                for (const element of vl) {
                     if (typeof element === "string") {
                         data.push({ text: element, value: element });
                     }
@@ -258,7 +257,7 @@ export function AutoSuggestEditor(args) {
                 }
             }
             else {
-                for (var key in vl) {
+                for (const key in vl) {
                     if (!vl.hasOwnProperty(key)) {
                         continue;
                     }
@@ -281,11 +280,11 @@ export function AutoSuggestEditor(args) {
         // });
         dropdown = new AutoSuggestComponent({
             style: "min-width:0;width:100%;position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;",
-            source: function (val, suggest) {
-                var term = (val || "").toLowerCase();
-                suggest(data.filter(function (x) {
+            source: (val, suggest) => {
+                const term = (val || "").toLowerCase();
+                suggest(data.filter((x) => {
                     return term === "" || x.text.toLowerCase().indexOf(term) >= 0;
-                }).map(function (x) { return x.text; }));
+                }).map((x) => x.text));
             },
             cache: false
         });

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

@@ -1,4 +1,4 @@
-export var keyCodes = {
+export let keyCodes = {
     LEFT: 37,
     RIGHT: 39
 };

package/lib/grid/slick.formatters.js

@@ -15,34 +15,34 @@ function escapeHTMLChars(text) {
     }
     return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
-export var EmptyFormatter = function (row, cell, value, columnDef, dataContext) {
+export let EmptyFormatter = function (row, cell, value, columnDef, dataContext) {
     return "";
 };
-export var ComponentFormatter = EmptyFormatter;
-export var YesNoFormatter = function (row, cell, value, columnDef, dataContext) {
+export let ComponentFormatter = EmptyFormatter;
+export let YesNoFormatter = function (row, cell, value, columnDef, dataContext) {
     return value ? "Yes" : "No";
 };
-export var CheckboxFormatter = function (row, cell, value, columnDef, dataContext) {
+export let CheckboxFormatter = function (row, cell, value, columnDef, dataContext) {
     return '<div style="text-align:center">' + (value ? "✔" : "-") + '</div>'; // ❌
 };
-export var CheckmarkFormatter = function (row, cell, value, columnDef, dataContext) {
+export let CheckmarkFormatter = function (row, cell, value, columnDef, dataContext) {
     return value ? "✔" : "";
 };
-export var NumericFormatter = function (row, cell, value, columnDef, dataContext) {
+export let NumericFormatter = function (row, cell, value, columnDef, dataContext) {
     return {
         addClasses: ["right"],
         text: numeric.format(value, columnDef.format)
     };
 };
-export var DateFormatter = function (row, cell, value, columnDef, dataContext) {
+export let DateFormatter = function (row, cell, value, columnDef, dataContext) {
     return date.format(value, columnDef.format);
 };
-export var HtmlFormatter = function (row, cell, value, columnDef, dataContext) {
+export let HtmlFormatter = function (row, cell, value, columnDef, dataContext) {
     return value || "";
 };
-export var LookupFormatter = function (row, cell, value, columnDef, dataContext) {
+export let LookupFormatter = function (row, cell, value, columnDef, dataContext) {
     var _a;
-    var vl = columnDef.valueList;
+    let vl = columnDef.valueList;
     if (vl) {
         if (Array.isArray(vl)) {
             if (vl.length > 0) {
@@ -50,8 +50,8 @@ export var LookupFormatter = function (row, cell, value, columnDef, dataContext)
                     return escapeHTMLChars(vl.indexOf(value) >= 0 ? value : ""); //TODO: desired?
                 }
                 else {
-                    var vlList = vl;
-                    return escapeHTMLChars((_a = vlList.filter(function (x) { return x.value === value; })[0]) === null || _a === void 0 ? void 0 : _a.text);
+                    const vlList = vl;
+                    return escapeHTMLChars((_a = vlList.filter((x) => x.value === value)[0]) === null || _a === void 0 ? void 0 : _a.text);
                 }
             }
             else {
@@ -67,12 +67,12 @@ export var LookupFormatter = function (row, cell, value, columnDef, dataContext)
     }
     return escapeHTMLChars(value);
 };
-export var MultiLookupFormatter = function (row, cell, value, columnDef, dataContext) {
+export let MultiLookupFormatter = function (row, cell, value, columnDef, dataContext) {
     if (value == null || value.length === 0) {
         return "";
     }
-    var vl = columnDef.valueList;
-    var result = "";
+    const vl = columnDef.valueList;
+    let result = "";
     if (vl == null) {
         console.warn("No values list found for column " + columnDef.id);
         return result;
@@ -80,20 +80,20 @@ export var MultiLookupFormatter = function (row, cell, value, columnDef, dataCon
     if (Array.isArray(vl)) {
         if (vl.length > 0) {
             if (typeof (vl[0]) === "string") {
-                result = value.filter(function (v) { return vl.indexOf(v) >= 0; }).join(", ");
+                result = value.filter((v) => vl.indexOf(v) >= 0).join(", ");
             }
             else {
-                var vlList = vl;
-                result = vlList.filter(function (x) { return value.indexOf(x.value) >= 0; }).map(function (x) { var _a; return (_a = x.text) !== null && _a !== void 0 ? _a : ""; }).join(", ");
+                const vlList = vl;
+                result = vlList.filter((x) => value.indexOf(x.value) >= 0).map((x) => { var _a; return (_a = x.text) !== null && _a !== void 0 ? _a : ""; }).join(", ");
             }
         }
     }
     else {
-        result = value.map(function (v) { return vl[v]; }).filter(function (v) { return v != null; }).join(", ");
+        result = value.map((v) => vl[v]).filter((v) => v != null).join(", ");
     }
     return result || "";
 };
-export var TextFormatter = function (row, cell, value, columnDef, dataContext) {
+export let TextFormatter = function (row, cell, value, columnDef, dataContext) {
     if (value == null) {
         return "";
     }
@@ -108,16 +108,16 @@ export var TextFormatter = function (row, cell, value, columnDef, dataContext) {
 //     return "&nbsp;" + escapeHTMLChars(value + "");
 //   }
 // };
-export var TooltipFormatter = function (row, cell, value, columnDef, dataContext) {
+export let TooltipFormatter = function (row, cell, value, columnDef, dataContext) {
     if (value == null) {
         return "";
     }
     else {
-        var result = escapeHTMLChars(value + "");
+        const result = escapeHTMLChars(value + "");
         return { text: result, toolTip: result };
     }
 };
-export var MultiLineTextFormatter = function (row, cell, value, columnDef, dataContext) {
+export let MultiLineTextFormatter = function (row, cell, value, columnDef, dataContext) {
     var txt = "";
     if (value != null) {
         txt = escapeHTMLChars(value + "");
@@ -132,13 +132,13 @@ function pad(nr) {
         return nr.toString();
     }
 }
-export var TimeFormatter = function (row, cell, value, columnDef, dataContext) {
+export let TimeFormatter = function (row, cell, value, columnDef, dataContext) {
     return value ? (pad(value.getHours()) + ":" + pad(value.getMinutes())) : "";
 };
-export var DateTimeFormatter = function (row, cell, value, columnDef, dataContext) {
+export let DateTimeFormatter = function (row, cell, value, columnDef, dataContext) {
     return DateFormatter(row, cell, value, columnDef, dataContext) + " " +
         TimeFormatter(row, cell, value, columnDef, dataContext);
 };
-export var ButtonFormatter = function (row, cell, value, columnDef, dataContext) {
+export let ButtonFormatter = function (row, cell, value, columnDef, dataContext) {
     return "<button class='grid-btn'>...</button>";
 };