jsl-ui 9.28.2 → 9.28.4

package/lib/grid/filterDialogs/dateRangeFilter.js

@@ -1,156 +1,106 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 import { UILang } from "../../core/lang";
 import { Dialog } from "../../ui/dialog";
 import { JSLRender } from "jsl-render";
 import { DateRangeComponent } from "../../components/date-range/DateRangeComponent";
-var DateRangeFilter = /** @class */ (function () {
-    function DateRangeFilter(grid) {
+export class DateRangeFilter {
+    constructor(grid) {
         this.grid = grid;
     }
-    DateRangeFilter.prototype.show = function (col) {
-        return __awaiter(this, void 0, void 0, function () {
-            var minVal, maxVal, filters, currentFilters, mode, idx, l, v, filterOptions, values, oldminMaxValues, _i, currentFilters_1, f, dlg, dlgBody, dateRangeComp, dlgObj, dlgOkButton, dlgCancelButton, dlgClearButton;
-            var _this = this;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        filters = this.grid.getFilters();
-                        currentFilters = filters.filter(function (f) { return f.columnId === col.id; });
-                        mode = this.grid.getOptions().mode;
-                        if (!(mode === "client")) return [3 /*break*/, 1];
-                        // remove any filters for this column
-                        if (currentFilters.length > 0) {
-                            this.grid.clearFilter(col.id);
-                        }
-                        for (idx = 0, l = this.grid.getDataLength(); idx < l; idx++) {
-                            v = this.grid.getDataItemValueForColumn(this.grid.getDataItem(idx), col);
-                            if (minVal == null || v < minVal) {
-                                minVal = v;
-                            }
-                            if (maxVal == null || v > maxVal) {
-                                maxVal = v;
-                            }
-                        }
-                        return [3 /*break*/, 3];
-                    case 1:
-                        filterOptions = this.grid.getOptions().getFilterValues;
-                        if (filterOptions == null) {
-                            throw new Error("getFilterValues option has to be set when filter mode = server");
-                        }
-                        return [4 /*yield*/, filterOptions(col)];
-                    case 2:
-                        values = _a.sent();
-                        // TODO: check if correct type of object was returned
-                        minVal = values[0];
-                        maxVal = values[1];
-                        _a.label = 3;
-                    case 3:
-                        oldminMaxValues = [minVal, maxVal];
-                        if (currentFilters.length > 0) {
-                            for (_i = 0, currentFilters_1 = currentFilters; _i < currentFilters_1.length; _i++) {
-                                f = currentFilters_1[_i];
-                                if (f._checkedValues) {
-                                    oldminMaxValues = f._checkedValues;
-                                }
-                                if (mode === "client") {
-                                    filters.push(f);
-                                }
-                            }
-                            if (mode === "client") {
-                                this.grid.refreshFilters();
-                            }
-                        }
-                        dlg = document.createElement("div");
-                        dlg.classList.add("jsl-dialog-overlay");
-                        dlg.innerHTML = '<div class="jsl-dialog" style="width:50vw;min-height:50vh;"><div class="dlg-header">' + UILang.grid.Filter + '</div><div class="dlg-body" style="max-height:calc(100vh - 7.5rem)"></div>' +
-                            '<div class="dlg-footer">' +
-                            '<button class="jsl-button ok-button">' + UILang.core.Ok + "</button>" +
-                            (currentFilters.length > 0 ? ('<button class="jsl-button clear-button">' + UILang.grid.ClearFilter + '</button>') : "") +
-                            '<button class="jsl-button close-button">' + UILang.core.Cancel + "</button>" +
-                            "</div></div>";
-                        dlgBody = dlg.querySelector(".dlg-body");
-                        dateRangeComp = new DateRangeComponent({
-                            min: minVal, max: maxVal,
-                            minValue: oldminMaxValues[0], maxValue: oldminMaxValues[1],
-                            increment: "days"
-                        });
-                        new JSLRender(dlgBody, false).render(dateRangeComp);
-                        // const id = helper.newDomGuid();
-                        document.body.appendChild(dlg);
-                        dlgObj = Dialog(dlg, {
-                            autoOpen: true, onClose: function () {
-                                dlg.innerHTML = "";
-                                dlg.parentElement.removeChild(dlg);
-                            }
-                        });
-                        dlgOkButton = dlg.querySelector(".dlg-footer .ok-button");
-                        dlgOkButton.addEventListener("click", function (evt) {
-                            var min = dateRangeComp.getMin();
-                            var max = dateRangeComp.getMax();
-                            _this.grid.clearFilter(col.id, true);
-                            if (min.getDate() !== minVal.getDate() || min.getFullYear() !== minVal.getFullYear() || max.getDate() !== maxVal.getDate() || max.getFullYear() !== maxVal.getFullYear()) {
-                                var filterObject = {
-                                    field: col.field, columnId: col.id, match: mode === "server" ? function () { return true; } : function (item, field) {
-                                        return _this.grid.getDataItemValueForColumn(item, col) >= min && _this.grid.getDataItemValueForColumn(item, col) <= max;
-                                    }
-                                };
-                                filterObject._checkedValues = [min, max];
-                                _this.grid.addFilter(filterObject, true);
-                            }
-                            _this.grid.refreshFilters();
-                            dlgObj.close();
-                        });
-                        dlgCancelButton = dlg.querySelector(".dlg-footer .close-button");
-                        dlgCancelButton.addEventListener("click", function (evt) {
-                            dlgObj.close();
-                        });
-                        dlgClearButton = dlg.querySelector(".dlg-footer .clear-button");
-                        if (dlgClearButton != null) {
-                            dlgClearButton.addEventListener("click", function (evt) {
-                                _this.grid.clearFilter(col.id);
-                                dlgObj.close();
-                            });
-                        }
-                        return [2 /*return*/];
+    async show(col) {
+        let minVal;
+        let maxVal;
+        const filters = this.grid.getFilters();
+        const currentFilters = filters.filter((f) => f.columnId === col.id);
+        const mode = this.grid.getOptions().mode;
+        if (mode === "client") {
+            // remove any filters for this column
+            if (currentFilters.length > 0) {
+                this.grid.clearFilter(col.id);
+            }
+            for (let idx = 0, l = this.grid.getDataLength(); idx < l; idx++) {
+                const v = this.grid.getDataItemValueForColumn(this.grid.getDataItem(idx), col);
+                if (minVal == null || v < minVal) {
+                    minVal = v;
                 }
-            });
+                if (maxVal == null || v > maxVal) {
+                    maxVal = v;
+                }
+            }
+        }
+        else {
+            const filterOptions = this.grid.getOptions().getFilterValues;
+            if (filterOptions == null) {
+                throw new Error("getFilterValues option has to be set when filter mode = server");
+            }
+            const values = await filterOptions(col);
+            // TODO: check if correct type of object was returned
+            minVal = values[0];
+            maxVal = values[1];
+        }
+        let oldminMaxValues = [minVal, maxVal];
+        if (currentFilters.length > 0) {
+            for (const f of currentFilters) {
+                if (f._checkedValues) {
+                    oldminMaxValues = f._checkedValues;
+                }
+                if (mode === "client") {
+                    filters.push(f);
+                }
+            }
+            if (mode === "client") {
+                this.grid.refreshFilters();
+            }
+        }
+        const dlg = document.createElement("div");
+        dlg.classList.add("jsl-dialog-overlay");
+        dlg.innerHTML = '<div class="jsl-dialog" style="width:50vw;min-height:50vh;"><div class="dlg-header">' + UILang.grid.Filter + '</div><div class="dlg-body" style="max-height:calc(100vh - 7.5rem)"></div>' +
+            '<div class="dlg-footer">' +
+            '<button class="jsl-button ok-button">' + UILang.core.Ok + "</button>" +
+            (currentFilters.length > 0 ? ('<button class="jsl-button clear-button">' + UILang.grid.ClearFilter + '</button>') : "") +
+            '<button class="jsl-button close-button">' + UILang.core.Cancel + "</button>" +
+            "</div></div>";
+        const dlgBody = dlg.querySelector(".dlg-body");
+        const dateRangeComp = new DateRangeComponent({
+            min: minVal, max: maxVal,
+            minValue: oldminMaxValues[0], maxValue: oldminMaxValues[1],
+            increment: "days"
         });
-    };
-    return DateRangeFilter;
-}());
-export { DateRangeFilter };
+        new JSLRender(dlgBody, false).render(dateRangeComp);
+        // const id = helper.newDomGuid();
+        document.body.appendChild(dlg);
+        const dlgObj = Dialog(dlg, {
+            autoOpen: true, onClose: () => {
+                dlg.innerHTML = "";
+                dlg.parentElement.removeChild(dlg);
+            }
+        });
+        const dlgOkButton = dlg.querySelector(".dlg-footer .ok-button");
+        dlgOkButton.addEventListener("click", (evt) => {
+            const min = dateRangeComp.getMin();
+            const max = dateRangeComp.getMax();
+            this.grid.clearFilter(col.id, true);
+            if (min.getDate() !== minVal.getDate() || min.getFullYear() !== minVal.getFullYear() || max.getDate() !== maxVal.getDate() || max.getFullYear() !== maxVal.getFullYear()) {
+                const filterObject = {
+                    field: col.field, columnId: col.id, match: mode === "server" ? () => true : (item, field) => {
+                        return this.grid.getDataItemValueForColumn(item, col) >= min && this.grid.getDataItemValueForColumn(item, col) <= max;
+                    }
+                };
+                filterObject._checkedValues = [min, max];
+                this.grid.addFilter(filterObject, true);
+            }
+            this.grid.refreshFilters();
+            dlgObj.close();
+        });
+        const dlgCancelButton = dlg.querySelector(".dlg-footer .close-button");
+        dlgCancelButton.addEventListener("click", (evt) => {
+            dlgObj.close();
+        });
+        const dlgClearButton = dlg.querySelector(".dlg-footer .clear-button");
+        if (dlgClearButton != null) {
+            dlgClearButton.addEventListener("click", (evt) => {
+                this.grid.clearFilter(col.id);
+                dlgObj.close();
+            });
+        }
+    }
+}