@ag-grid-enterprise/filter-tool-panel - npm Package Compare versions

Comparing version 23.2.1 to 24.0.0

dist/cjs/filterToolPanel/filtersToolPanelHeaderPanel.d.ts

@@ -12,3 +12,3 @@ import { Component } from "@ag-grid-community/core";
     private eExpand;
-    private eSearchTextField;
+    private eFilterTextField;
     private eExpandChecked;
@@ -15,0 +15,0 @@ private eExpandUnchecked;

dist/cjs/filterToolPanel/filtersToolPanelHeaderPanel.js

@@ -38,3 +38,4 @@ "use strict";
     FiltersToolPanelHeaderPanel.prototype.postConstruct = function () {
-        this.eSearchTextField.onValueChange(this.onSearchTextChanged.bind(this));
+        this.eFilterTextField.onValueChange(this.onSearchTextChanged.bind(this));
+        this.eFilterTextField.setInputAriaLabel('Search');
         this.createExpandIcons();
@@ -61,6 +62,6 @@ this.setExpandState(EXPAND_STATE.EXPANDED);
         var translate = this.gridOptionsWrapper.getLocaleTextFunc();
-        this.eSearchTextField.setInputPlaceholder(translate('searchOoo', 'Search...'));
+        this.eFilterTextField.setInputPlaceholder(translate('searchOoo', 'Search...'));
         var isFilterGroupPresent = function (col) { return col.getOriginalParent() && col.isFilterAllowed(); };
         var filterGroupsPresent = this.columnController.getAllGridColumns().some(isFilterGroupPresent);
-        core_1._.setDisplayed(this.eSearchTextField.getGui(), showFilterSearch);
+        core_1._.setDisplayed(this.eFilterTextField.getGui(), showFilterSearch);
         core_1._.setDisplayed(this.eExpand, showExpand && filterGroupsPresent);
@@ -72,3 +73,3 @@ };
             this.onSearchTextChangedDebounced = core_1._.debounce(function () {
-                _this.dispatchEvent({ type: 'searchChanged', searchText: _this.eSearchTextField.getValue() });
+                _this.dispatchEvent({ type: 'searchChanged', searchText: _this.eFilterTextField.getValue() });
             }, 300);
@@ -99,3 +100,3 @@ }
         core_1.RefSelector('eFilterTextField')
-    ], FiltersToolPanelHeaderPanel.prototype, "eSearchTextField", void 0);
+    ], FiltersToolPanelHeaderPanel.prototype, "eFilterTextField", void 0);
     __decorate([
@@ -102,0 +103,0 @@ core_1.PreConstruct

dist/cjs/filterToolPanel/toolPanelFilterComp.js

@@ -44,3 +44,3 @@ "use strict";
         this.addManagedListener(this.eFilterToolPanelHeader, 'keydown', function (e) {
-            if (e.keyCode === core_1.Constants.KEY_ENTER) {
+            if (e.keyCode === core_1.KeyCode.ENTER) {
                 _this.toggleExpanded();
@@ -93,3 +93,3 @@ }
         this.expanded = true;
-        var container = core_1._.loadTemplate(/* html */ "<div class=\"ag-filter-toolpanel-instance-filter\" />");
+        var container = core_1._.loadTemplate(/* html */ "<div class=\"ag-filter-toolpanel-instance-filter\"></div>");
         var filterPromise = this.filterManager.getOrCreateFilterWrapper(this.column, 'TOOLBAR').filterPromise;
@@ -102,3 +102,3 @@ if (filterPromise) {
                 if (filter.afterGuiAttached) {
-                    filter.afterGuiAttached({});
+                    filter.afterGuiAttached({ container: 'toolPanel' });
                 }
@@ -128,4 +128,3 @@ });
         // scroll position in the filter list panel
-        var isSetFilter = filter.refreshVirtualList;
-        if (isSetFilter) {
+        if (typeof filter.refreshVirtualList === 'function') {
             filter.refreshVirtualList();
@@ -146,3 +145,3 @@ }
     };
-    ToolPanelFilterComp.TEMPLATE = "\n        <div class=\"ag-filter-toolpanel-instance\">\n            <div class=\"ag-filter-toolpanel-header ag-filter-toolpanel-instance-header\" ref=\"eFilterToolPanelHeader\">\n                <div ref=\"eExpand\" class=\"ag-filter-toolpanel-expand\"></div>\n                <span ref=\"eFilterName\" class=\"ag-header-cell-text\"></span>\n                <span ref=\"eFilterIcon\" class=\"ag-header-icon ag-filter-icon ag-filter-toolpanel-instance-header-icon\" aria-hidden=\"true\"></span>\n            </div>\n            <div class=\"ag-filter-toolpanel-instance-body ag-filter\" ref=\"agFilterToolPanelBody\" />\n        </div>";
+    ToolPanelFilterComp.TEMPLATE = "\n        <div class=\"ag-filter-toolpanel-instance\">\n            <div class=\"ag-filter-toolpanel-header ag-filter-toolpanel-instance-header\" ref=\"eFilterToolPanelHeader\">\n                <div ref=\"eExpand\" class=\"ag-filter-toolpanel-expand\"></div>\n                <span ref=\"eFilterName\" class=\"ag-header-cell-text\"></span>\n                <span ref=\"eFilterIcon\" class=\"ag-header-icon ag-filter-icon ag-filter-toolpanel-instance-header-icon\" aria-hidden=\"true\"></span>\n            </div>\n            <div class=\"ag-filter-toolpanel-instance-body ag-filter\" ref=\"agFilterToolPanelBody\"></div>\n        </div>";
     __decorate([
@@ -149,0 +148,0 @@ core_1.RefSelector('eFilterToolPanelHeader')

dist/es6/filterToolPanel/filtersToolPanelHeaderPanel.d.ts

@@ -12,3 +12,3 @@ import { Component } from "@ag-grid-community/core";
     private eExpand;
-    private eSearchTextField;
+    private eFilterTextField;
     private eExpandChecked;
@@ -15,0 +15,0 @@ private eExpandUnchecked;

dist/es6/filterToolPanel/filtersToolPanelHeaderPanel.js

@@ -36,3 +36,4 @@ var __extends = (this && this.__extends) || (function () {
     FiltersToolPanelHeaderPanel.prototype.postConstruct = function () {
-        this.eSearchTextField.onValueChange(this.onSearchTextChanged.bind(this));
+        this.eFilterTextField.onValueChange(this.onSearchTextChanged.bind(this));
+        this.eFilterTextField.setInputAriaLabel('Search');
         this.createExpandIcons();
@@ -59,6 +60,6 @@ this.setExpandState(EXPAND_STATE.EXPANDED);
         var translate = this.gridOptionsWrapper.getLocaleTextFunc();
-        this.eSearchTextField.setInputPlaceholder(translate('searchOoo', 'Search...'));
+        this.eFilterTextField.setInputPlaceholder(translate('searchOoo', 'Search...'));
         var isFilterGroupPresent = function (col) { return col.getOriginalParent() && col.isFilterAllowed(); };
         var filterGroupsPresent = this.columnController.getAllGridColumns().some(isFilterGroupPresent);
-        _.setDisplayed(this.eSearchTextField.getGui(), showFilterSearch);
+        _.setDisplayed(this.eFilterTextField.getGui(), showFilterSearch);
         _.setDisplayed(this.eExpand, showExpand && filterGroupsPresent);
@@ -70,3 +71,3 @@ };
             this.onSearchTextChangedDebounced = _.debounce(function () {
-                _this.dispatchEvent({ type: 'searchChanged', searchText: _this.eSearchTextField.getValue() });
+                _this.dispatchEvent({ type: 'searchChanged', searchText: _this.eFilterTextField.getValue() });
             }, 300);
@@ -97,3 +98,3 @@ }
         RefSelector('eFilterTextField')
-    ], FiltersToolPanelHeaderPanel.prototype, "eSearchTextField", void 0);
+    ], FiltersToolPanelHeaderPanel.prototype, "eFilterTextField", void 0);
     __decorate([
@@ -100,0 +101,0 @@ PreConstruct

dist/es6/filterToolPanel/toolPanelFilterComp.js

@@ -20,3 +20,3 @@ var __extends = (this && this.__extends) || (function () {
 };
-import { Autowired, Column, Component, Events, RefSelector, PostConstruct, Constants, _ } from "@ag-grid-community/core";
+import { Autowired, Column, Component, Events, RefSelector, PostConstruct, _, KeyCode } from "@ag-grid-community/core";
 var ToolPanelFilterComp = /** @class */ (function (_super) {
@@ -43,3 +43,3 @@ __extends(ToolPanelFilterComp, _super);
         this.addManagedListener(this.eFilterToolPanelHeader, 'keydown', function (e) {
-            if (e.keyCode === Constants.KEY_ENTER) {
+            if (e.keyCode === KeyCode.ENTER) {
                 _this.toggleExpanded();
@@ -92,3 +92,3 @@ }
         this.expanded = true;
-        var container = _.loadTemplate(/* html */ "<div class=\"ag-filter-toolpanel-instance-filter\" />");
+        var container = _.loadTemplate(/* html */ "<div class=\"ag-filter-toolpanel-instance-filter\"></div>");
         var filterPromise = this.filterManager.getOrCreateFilterWrapper(this.column, 'TOOLBAR').filterPromise;
@@ -101,3 +101,3 @@ if (filterPromise) {
                 if (filter.afterGuiAttached) {
-                    filter.afterGuiAttached({});
+                    filter.afterGuiAttached({ container: 'toolPanel' });
                 }
@@ -127,4 +127,3 @@ });
         // scroll position in the filter list panel
-        var isSetFilter = filter.refreshVirtualList;
-        if (isSetFilter) {
+        if (typeof filter.refreshVirtualList === 'function') {
             filter.refreshVirtualList();
@@ -145,3 +144,3 @@ }
     };
-    ToolPanelFilterComp.TEMPLATE = "\n        <div class=\"ag-filter-toolpanel-instance\">\n            <div class=\"ag-filter-toolpanel-header ag-filter-toolpanel-instance-header\" ref=\"eFilterToolPanelHeader\">\n                <div ref=\"eExpand\" class=\"ag-filter-toolpanel-expand\"></div>\n                <span ref=\"eFilterName\" class=\"ag-header-cell-text\"></span>\n                <span ref=\"eFilterIcon\" class=\"ag-header-icon ag-filter-icon ag-filter-toolpanel-instance-header-icon\" aria-hidden=\"true\"></span>\n            </div>\n            <div class=\"ag-filter-toolpanel-instance-body ag-filter\" ref=\"agFilterToolPanelBody\" />\n        </div>";
+    ToolPanelFilterComp.TEMPLATE = "\n        <div class=\"ag-filter-toolpanel-instance\">\n            <div class=\"ag-filter-toolpanel-header ag-filter-toolpanel-instance-header\" ref=\"eFilterToolPanelHeader\">\n                <div ref=\"eExpand\" class=\"ag-filter-toolpanel-expand\"></div>\n                <span ref=\"eFilterName\" class=\"ag-header-cell-text\"></span>\n                <span ref=\"eFilterIcon\" class=\"ag-header-icon ag-filter-icon ag-filter-toolpanel-instance-header-icon\" aria-hidden=\"true\"></span>\n            </div>\n            <div class=\"ag-filter-toolpanel-instance-body ag-filter\" ref=\"agFilterToolPanelBody\"></div>\n        </div>";
     __decorate([
@@ -148,0 +147,0 @@ RefSelector('eFilterToolPanelHeader')

package.json

 {
   "name": "@ag-grid-enterprise/filter-tool-panel",
-  "version": "23.2.1",
+  "version": "24.0.0",
   "description": "Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components",
@@ -45,5 +45,5 @@ "main": "./dist/cjs/main.js",
   "dependencies": {
-    "@ag-grid-community/core": "~23.2.0",
-    "@ag-grid-enterprise/core": "~23.2.0",
-    "@ag-grid-enterprise/side-bar": "~23.2.0"
+    "@ag-grid-community/core": "~24.0.0",
+    "@ag-grid-enterprise/core": "~24.0.0",
+    "@ag-grid-enterprise/side-bar": "~24.0.0"
   },
@@ -50,0 +50,0 @@ "devDependencies": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

5910835

increased by2.24%

Lines of code

94160

increased by3.11%

Dependency changes

• + Added@ag-grid-community/core@24.0.0(transitive)

• + Added@ag-grid-enterprise/core@24.0.0(transitive)

• + Added@ag-grid-enterprise/side-bar@24.0.0(transitive)

• - Removed@ag-grid-community/core@23.2.1(transitive)

• - Removed@ag-grid-enterprise/core@23.2.1(transitive)

• - Removed@ag-grid-enterprise/side-bar@23.2.1(transitive)

• Updated@ag-grid-community/core@~24.0.0

• Updated@ag-grid-enterprise/core@~24.0.0

• Updated@ag-grid-enterprise/side-bar@~24.0.0