@revolist/revogrid 3.6.4 → 3.6.6

package/dist/collection/plugins/filter/filter.pop.js

@@ -1,7 +1,7 @@
 /*!
  * Built by Revolist
  */
-import { h, Host } from '@stencil/core';
+import { Component, h, Host, Listen, Prop, State, Event, Method } from '@stencil/core';
 import { AndOrButton, isFilterBtn, TrashButton } from './filter.button';
 import { RevoButton } from '../../components/button/button';
 import '../../utils/closestPolifill';
@@ -17,21 +17,18 @@ export class FilterPanel {
       reset: 'Reset',
       cancel: 'Close',
     };
-    this.debouncedApplyFilter = debounce(() => {
-      this.filterChange.emit(this.filterItems);
-    }, 400);
     this.isFilterIdSet = false;
     this.filterId = 0;
     this.currentFilterId = -1;
     this.currentFilterType = defaultType;
-    this.changes = undefined;
-    this.uuid = undefined;
     this.filterItems = {};
     this.filterTypes = {};
     this.filterNames = {};
     this.filterEntities = {};
-    this.filterCaptions = undefined;
     this.disableDynamicFiltering = false;
+    this.debouncedApplyFilter = debounce(() => {
+      this.filterChange.emit(this.filterItems);
+    }, 400);
   }
   onMouseDown(e) {
     if (this.changes && !e.defaultPrevented) {
@@ -87,14 +84,23 @@ export class FilterPanel {
     if (!(prop || prop === 0))
       return '';
     const propFilters = this.filterItems[prop] || [];
-    return (h("div", { key: this.filterId }, propFilters.map((d, index) => {
-      let andOrButton;
-      // hide toggle button if there is only one filter and the last one
-      if (index !== this.filterItems[prop].length - 1) {
-        andOrButton = (h("div", { onClick: () => this.toggleFilterAndOr(d.id) }, h(AndOrButton, { isAnd: d.relation === 'and' })));
-      }
-      return (h("div", { key: d.id, class: FILTER_LIST_CLASS }, h("div", { class: { 'select-input': true } }, h("select", { class: "select-css select-filter", onChange: e => this.onFilterTypeChange(e, prop, index) }, this.renderSelectOptions(this.filterItems[prop][index].type, true)), h("div", { class: FILTER_LIST_CLASS_ACTION }, andOrButton), h("div", { onClick: () => this.onRemoveFilter(d.id) }, h(TrashButton, null))), h("div", null, this.renderExtra(prop, index))));
-    }), propFilters.length > 0 ? h("div", { class: "add-filter-divider" }) : ''));
+    return (h("div", { key: this.filterId },
+      propFilters.map((d, index) => {
+        let andOrButton;
+        // hide toggle button if there is only one filter and the last one
+        if (index !== this.filterItems[prop].length - 1) {
+          andOrButton = (h("div", { onClick: () => this.toggleFilterAndOr(d.id) },
+            h(AndOrButton, { isAnd: d.relation === 'and' })));
+        }
+        return (h("div", { key: d.id, class: FILTER_LIST_CLASS },
+          h("div", { class: { 'select-input': true } },
+            h("select", { class: "select-css select-filter", onChange: e => this.onFilterTypeChange(e, prop, index) }, this.renderSelectOptions(this.filterItems[prop][index].type, true)),
+            h("div", { class: FILTER_LIST_CLASS_ACTION }, andOrButton),
+            h("div", { onClick: () => this.onRemoveFilter(d.id) },
+              h(TrashButton, null))),
+          h("div", null, this.renderExtra(prop, index))));
+      }),
+      propFilters.length > 0 ? h("div", { class: "add-filter-divider" }) : ''));
   }
   render() {
     if (!this.changes) {
@@ -106,8 +112,16 @@ export class FilterPanel {
       top: `${this.changes.y}px`,
     };
     const capts = Object.assign(this.filterCaptionsInternal, this.filterCaptions);
-    return (h(Host, { style: style }, h("label", null, capts.title), h("div", { class: "filter-holder" }, this.getFilterItemsList()), h("div", { class: "add-filter" }, h("select", { id: "add-filter", class: "select-css", onChange: e => this.onAddNewFilter(e) }, this.renderSelectOptions(this.currentFilterType))), h("div", { class: "filter-actions" }, this.disableDynamicFiltering &&
-      h(RevoButton, { class: { red: true, save: true }, onClick: () => this.onSave() }, capts.save), h(RevoButton, { class: { red: true, reset: true }, onClick: () => this.onReset() }, capts.reset), h(RevoButton, { class: { light: true, cancel: true }, onClick: () => this.onCancel() }, capts.cancel))));
+    return (h(Host, { style: style },
+      h("label", null, capts.title),
+      h("div", { class: "filter-holder" }, this.getFilterItemsList()),
+      h("div", { class: "add-filter" },
+        h("select", { id: "add-filter", class: "select-css", onChange: e => this.onAddNewFilter(e) }, this.renderSelectOptions(this.currentFilterType))),
+      h("div", { class: "filter-actions" },
+        this.disableDynamicFiltering &&
+          h(RevoButton, { class: { red: true, save: true }, onClick: () => this.onSave() }, capts.save),
+        h(RevoButton, { class: { red: true, reset: true }, onClick: () => this.onReset() }, capts.reset),
+        h(RevoButton, { class: { light: true, cancel: true }, onClick: () => this.onCancel() }, capts.cancel))));
   }
   onFilterTypeChange(e, prop, index) {
     const el = e.target;
@@ -247,247 +261,228 @@ export class FilterPanel {
     return !(e === null || e === void 0 ? void 0 : e.closest(`[uuid="${this.uuid}"]`));
   }
   static get is() { return "revogr-filter-panel"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["filter.style.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["filter.style.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "uuid": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "uuid",
-        "reflect": true
+  static get originalStyleUrls() { return {
+    "$": ["filter.style.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["filter.style.css"]
+  }; }
+  static get properties() { return {
+    "uuid": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
       },
-      "filterItems": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "MultiFilterItem",
-          "resolved": "{ [prop: string]: FilterData[]; }",
-          "references": {
-            "MultiFilterItem": {
-              "location": "local",
-              "path": "/Users/maks/Projects/revogrid/src/plugins/filter/filter.pop.tsx"
-            }
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "uuid",
+      "reflect": true
+    },
+    "filterItems": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "MultiFilterItem",
+        "resolved": "{ [prop: string]: FilterData[]; }",
+        "references": {
+          "MultiFilterItem": {
+            "location": "local"
           }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "{}"
+        }
       },
-      "filterTypes": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "Record<string, string[]>",
-          "resolved": "{ [x: string]: string[]; }",
-          "references": {
-            "Record": {
-              "location": "global"
-            }
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "defaultValue": "{}"
+    },
+    "filterTypes": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "Record<string, string[]>",
+        "resolved": "{ [x: string]: string[]; }",
+        "references": {
+          "Record": {
+            "location": "global"
           }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "{}"
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
       },
-      "filterNames": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "Record<string, string>",
-          "resolved": "{ [x: string]: string; }",
-          "references": {
-            "Record": {
-              "location": "global"
-            }
+      "defaultValue": "{}"
+    },
+    "filterNames": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "Record<string, string>",
+        "resolved": "{ [x: string]: string; }",
+        "references": {
+          "Record": {
+            "location": "global"
           }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "{}"
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
       },
-      "filterEntities": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "Record<string, LogicFunction>",
-          "resolved": "{ [x: string]: LogicFunction; }",
-          "references": {
-            "Record": {
-              "location": "global"
-            },
-            "LogicFunction": {
-              "location": "import",
-              "path": "./filter.types"
-            }
+      "defaultValue": "{}"
+    },
+    "filterEntities": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "Record<string, LogicFunction>",
+        "resolved": "{ [x: string]: LogicFunction; }",
+        "references": {
+          "Record": {
+            "location": "global"
+          },
+          "LogicFunction": {
+            "location": "import",
+            "path": "./filter.types"
           }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "{}"
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
       },
-      "filterCaptions": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "FilterCaptions | undefined",
-          "resolved": "{ title: string; save: string; reset: string; cancel: string; }",
-          "references": {
-            "FilterCaptions": {
-              "location": "import",
-              "path": "./filter.plugin"
-            }
+      "defaultValue": "{}"
+    },
+    "filterCaptions": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "FilterCaptions | undefined",
+        "resolved": "{ title: string; save: string; reset: string; cancel: string; }",
+        "references": {
+          "FilterCaptions": {
+            "location": "import",
+            "path": "./filter.plugin"
           }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
         }
       },
-      "disableDynamicFiltering": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "disable-dynamic-filtering",
-        "reflect": false,
-        "defaultValue": "false"
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
       }
-    };
-  }
-  static get states() {
-    return {
-      "isFilterIdSet": {},
-      "filterId": {},
-      "currentFilterId": {},
-      "currentFilterType": {},
-      "changes": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "filterChange",
-        "name": "filterChange",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "MultiFilterItem",
-          "resolved": "{ [prop: string]: FilterData[]; }",
-          "references": {
-            "MultiFilterItem": {
-              "location": "local",
-              "path": "/Users/maks/Projects/revogrid/src/plugins/filter/filter.pop.tsx"
-            }
+    },
+    "disableDynamicFiltering": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "disable-dynamic-filtering",
+      "reflect": false,
+      "defaultValue": "false"
+    }
+  }; }
+  static get states() { return {
+    "isFilterIdSet": {},
+    "filterId": {},
+    "currentFilterId": {},
+    "currentFilterType": {},
+    "changes": {}
+  }; }
+  static get events() { return [{
+      "method": "filterChange",
+      "name": "filterChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "MultiFilterItem",
+        "resolved": "{ [prop: string]: FilterData[]; }",
+        "references": {
+          "MultiFilterItem": {
+            "location": "local"
           }
         }
-      }];
-  }
-  static get methods() {
-    return {
-      "show": {
-        "complexType": {
-          "signature": "(newEntity?: ShowData) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            },
-            "ShowData": {
-              "location": "local",
-              "path": "/Users/maks/Projects/revogrid/src/plugins/filter/filter.pop.tsx"
-            }
+      }
+    }]; }
+  static get methods() { return {
+    "show": {
+      "complexType": {
+        "signature": "(newEntity?: ShowData) => Promise<void>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
           },
-          "return": "Promise<void>"
+          "ShowData": {
+            "location": "local"
+          }
         },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
+        "return": "Promise<void>"
       },
-      "getChanges": {
-        "complexType": {
-          "signature": "() => Promise<ShowData>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            },
-            "ShowData": {
-              "location": "local",
-              "path": "/Users/maks/Projects/revogrid/src/plugins/filter/filter.pop.tsx"
-            }
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    },
+    "getChanges": {
+      "complexType": {
+        "signature": "() => Promise<ShowData>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
           },
-          "return": "Promise<ShowData>"
+          "ShowData": {
+            "location": "local"
+          }
         },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
+        "return": "Promise<ShowData>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
       }
-    };
-  }
-  static get listeners() {
-    return [{
-        "name": "mousedown",
-        "method": "onMouseDown",
-        "target": "document",
-        "capture": false,
-        "passive": true
-      }];
-  }
+    }
+  }; }
+  static get listeners() { return [{
+      "name": "mousedown",
+      "method": "onMouseDown",
+      "target": "document",
+      "capture": false,
+      "passive": true
+    }]; }
 }
-//# sourceMappingURL=filter.pop.js.map

package/dist/collection/plugins/filter/filter.service.js

@@ -45,4 +45,3 @@ export const filterTypes = {
   string: ['notEmpty', 'empty', 'eq', 'notEq', 'begins', 'contains', 'notContains'],
   number: ['notEmpty', 'empty', 'eqN', 'neqN', 'gt', 'gte', 'lt', 'lte'],
 };
-//# sourceMappingURL=filter.service.js.map

package/dist/collection/plugins/filter/filter.style.css

@@ -150,7 +150,8 @@ revogr-filter-panel .filter-actions {
   line-height: 1.3;
   padding: 0.6em 1.4em 0.5em 0.8em;
   width: 100%;
-  max-width: 100%; /* useful when width is set to anything other than 100% */
+  max-width: 100%;
+  /* useful when width is set to anything other than 100% */
   box-sizing: border-box;
   margin: 0;
   border: 1px solid #f1f1f1;
@@ -174,7 +175,7 @@ revogr-filter-panel .filter-actions {
   display: none;
 }
 .select-css:hover {
-  border-color: rgb(197, 197, 197);
+  border-color: #c5c5c5;
 }
 .select-css:focus {
   border-color: #f1f1f1;

package/dist/collection/plugins/filter/filter.types.js

@@ -1,2 +1,4 @@
+/*!
+ * Built by Revolist
+ */
 export {};
-//# sourceMappingURL=filter.types.js.map

package/dist/collection/plugins/groupingColumn/columnGroupsRenderer.js

@@ -31,4 +31,3 @@ const ColumnGroupsRenderer = ({ depth, groups, visibleProps, dimensionCol, canRe
   return groupRow;
 };
 export default ColumnGroupsRenderer;
-//# sourceMappingURL=columnGroupsRenderer.js.map

package/dist/collection/plugins/groupingColumn/grouping.col.plugin.js

@@ -37,4 +37,3 @@ export default class GroupingColumnPlugin extends BasePlugin {
 export function isColGrouping(colData) {
   return !!colData.children;
 }
-//# sourceMappingURL=grouping.col.plugin.js.map

package/dist/collection/plugins/groupingColumn/headerGroupRenderer.js

@@ -22,4 +22,3 @@ const GroupHeaderRenderer = (p) => {
   return h(HeaderCellRenderer, { data: p.group, props: groupProps });
 };
 export default GroupHeaderRenderer;
-//# sourceMappingURL=headerGroupRenderer.js.map

package/dist/collection/plugins/groupingRow/grouping.const.js

@@ -12,4 +12,3 @@ export const GROUP_ORIGINAL_INDEX = `${GRID_INTERNALS}-original-index`;
 export const GROUP_EXPAND_BTN = `group-expand`;
 export const GROUP_EXPAND_EVENT = `groupExpandClick`;
 export const GROUPING_ROW_TYPE = 'rgRow';
-//# sourceMappingURL=grouping.const.js.map

package/dist/collection/plugins/groupingRow/grouping.row.expand.service.js

@@ -76,4 +76,3 @@ export function doExpand(vIndex, source, rowItemsIndexes) {
   }
   return result;
 }
-//# sourceMappingURL=grouping.row.expand.service.js.map

package/dist/collection/plugins/groupingRow/grouping.row.plugin.js

@@ -10,6 +10,11 @@ import { doExpand, doCollapse } from './grouping.row.expand.service';
 import { gatherGrouping, isGrouping, isGroupingColumn } from './grouping.service';
 import { processDoubleConversionTrimmed, TRIMMED_GROUPING } from './grouping.trimmed.service';
 export default class GroupingRowPlugin extends BasePlugin {
+  constructor(revogrid, providers) {
+    super(revogrid);
+    this.revogrid = revogrid;
+    this.providers = providers;
+  }
   get hasProps() {
     var _a, _b, _c;
     return ((_a = this.options) === null || _a === void 0 ? void 0 : _a.props) && ((_c = (_b = this.options) === null || _b === void 0 ? void 0 : _b.props) === null || _c === void 0 ? void 0 : _c.length);
@@ -24,11 +29,6 @@ export default class GroupingRowPlugin extends BasePlugin {
   get trimmed() {
     return this.store.get('trimmed');
   }
-  constructor(revogrid, providers) {
-    super(revogrid);
-    this.revogrid = revogrid;
-    this.providers = providers;
-  }
   // befoce cell focus
   onFocus(e) {
     if (isGrouping(e.detail.model)) {
@@ -257,4 +257,3 @@ export default class GroupingRowPlugin extends BasePlugin {
     this.revogrid.addTrimmed(Object.assign({}, trimmedGroup), TRIMMED_GROUPING);
   }
 }
-//# sourceMappingURL=grouping.row.plugin.js.map

package/dist/collection/plugins/groupingRow/grouping.row.renderer.js

@@ -24,9 +24,13 @@ const GroupingRowRenderer = (props) => {
     return h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth }));
   }
   if (groupingCustomRenderer) {
-    return (h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth }), h("div", { onClick: e => expandEvent(e, model, itemIndex) }, groupingCustomRenderer(h, { name, itemIndex, expanded, depth }))));
+    return (h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth }),
+      h("div", { onClick: e => expandEvent(e, model, itemIndex) }, groupingCustomRenderer(h, { name, itemIndex, expanded, depth }))));
   }
-  return (h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth }), h("button", { class: { [GROUP_EXPAND_BTN]: true }, onClick: e => expandEvent(e, model, itemIndex) }, h("svg", { "aria-hidden": "true", style: { transform: `rotate(${!expanded ? -90 : 0}deg)` }, focusable: "false", viewBox: "0 0 448 512" }, h("path", { fill: "currentColor", d: "M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" }))), name));
+  return (h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth }),
+    h("button", { class: { [GROUP_EXPAND_BTN]: true }, onClick: e => expandEvent(e, model, itemIndex) },
+      h("svg", { "aria-hidden": "true", style: { transform: `rotate(${!expanded ? -90 : 0}deg)` }, focusable: "false", viewBox: "0 0 448 512" },
+        h("path", { fill: "currentColor", d: "M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" }))),
+    name));
 };
 export default GroupingRowRenderer;
-//# sourceMappingURL=grouping.row.renderer.js.map