jsl-ui 9.28.3 → 9.28.5

package/lib/grid/filterDialogs/dateRangeFilter.js

@@ -1,106 +1,106 @@
-import { UILang } from "../../core/lang";
-import { Dialog } from "../../ui/dialog";
-import { JSLRender } from "jsl-render";
-import { DateRangeComponent } from "../../components/date-range/DateRangeComponent";
-export class DateRangeFilter {
-    constructor(grid) {
-        this.grid = grid;
-    }
-    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"
-        });
-        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();
-            });
-        }
-    }
-}
+import { UILang } from "../../core/lang";
+import { Dialog } from "../../ui/dialog";
+import { JSLRender } from "jsl-render";
+import { DateRangeComponent } from "../../components/date-range/DateRangeComponent";
+export class DateRangeFilter {
+    constructor(grid) {
+        this.grid = grid;
+    }
+    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"
+        });
+        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();
+            });
+        }
+    }
+}

package/lib/grid/filterDialogs/excelFilter.d.ts

@@ -1,9 +1,9 @@
-import { ISlickColumn } from "../slick.core";
-import { IJSLGrid } from "../../index";
-export declare class ExcelFilter {
-    private grid;
-    private static convertRemToPixels;
-    constructor(grid: IJSLGrid<any>);
-    show(col: ISlickColumn): Promise<void>;
-    private getDistinctValues;
-}
+import { ISlickColumn } from "../slick.core";
+import { IJSLGrid } from "../../index";
+export declare class ExcelFilter {
+    private grid;
+    private static convertRemToPixels;
+    constructor(grid: IJSLGrid<any>);
+    show(col: ISlickColumn): Promise<void>;
+    private getDistinctValues;
+}