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

Comparing version 22.0.0 to 22.1.0

dist/cjs/columnsToolPanelModule.js

@@ -28,1 +28,2 @@ "use strict";
 };
+//# sourceMappingURL=columnsToolPanelModule.js.map

dist/cjs/columnToolPanel/columnToolPanel.js

@@ -196,1 +196,2 @@ "use strict";
 exports.ColumnToolPanel = ColumnToolPanel;
+//# sourceMappingURL=columnToolPanel.js.map

dist/cjs/columnToolPanel/pivotModePanel.js

@@ -72,1 +72,2 @@ "use strict";
 exports.PivotModePanel = PivotModePanel;
+//# sourceMappingURL=pivotModePanel.js.map

dist/cjs/columnToolPanel/primaryColsHeaderPanel.d.ts

@@ -26,2 +26,3 @@ import { Component, ToolPanelColumnCompParams } from "@ag-grid-community/core";
     private eExpandIndeterminate;
+    private eSelectCheckbox;
     private expandState;
@@ -28,0 +29,0 @@ private selectState;

dist/cjs/columnToolPanel/primaryColsHeaderPanel.js

@@ -42,11 +42,19 @@ "use strict";
         var translate = this.gridOptionsWrapper.getLocaleTextFunc();
-        this.setTemplate("<div class=\"ag-primary-cols-header-panel\" role=\"presentation\">\n            <div ref=\"eExpand\"></div>\n            <div ref=\"eSelect\"></div>\n            <div class=\"ag-input-wrapper ag-primary-cols-filter-wrapper\" ref=\"eFilterWrapper\" role=\"presentation\">\n                <input class=\"ag-primary-cols-filter\" ref=\"eFilterTextField\" type=\"text\" placeholder=\"" + translate('SearchOoo', 'Search...') + "\">        \n            </div>\n        </div>");
+        this.setTemplate("<div class=\"ag-primary-cols-header-panel\" role=\"presentation\">\n                <div ref=\"eExpand\"></div>\n                <div ref=\"eSelect\"></div>\n                <div class=\"ag-input-wrapper ag-primary-cols-filter-wrapper\" ref=\"eFilterWrapper\" role=\"presentation\">\n                    <input class=\"ag-primary-cols-filter\" ref=\"eFilterTextField\" type=\"text\" placeholder=\"" + translate("SearchOoo", "Search...") + "\">\n                </div>\n            </div>");
     };
     PrimaryColsHeaderPanel.prototype.postConstruct = function () {
         this.createExpandIcons();
-        this.createCheckIcons();
-        this.addDestroyableEventListener(this.eExpand, 'click', this.onExpandClicked.bind(this));
-        this.addDestroyableEventListener(this.eSelect, 'click', this.onSelectClicked.bind(this));
-        this.addDestroyableEventListener(this.eFilterTextField, 'input', this.onFilterTextChanged.bind(this));
-        this.addDestroyableEventListener(this.eFilterTextField, 'keypress', this.onMiniFilterKeyPress.bind(this));
+        if (this.gridOptionsWrapper.useNativeCheckboxes()) {
+            this.eSelectCheckbox = document.createElement("input");
+            this.eSelectCheckbox.type = "checkbox";
+            this.eSelectCheckbox.className = "ag-checkbox";
+            this.eSelect.appendChild(this.eSelectCheckbox);
+        }
+        else {
+            this.createCheckIcons();
+        }
+        this.addDestroyableEventListener(this.eExpand, "click", this.onExpandClicked.bind(this));
+        this.addDestroyableEventListener(this.eSelect, "click", this.onSelectClicked.bind(this));
+        this.addDestroyableEventListener(this.eFilterTextField, "input", this.onFilterTextChanged.bind(this));
+        this.addDestroyableEventListener(this.eFilterTextField, "keypress", this.onMiniFilterKeyPress.bind(this));
         this.addDestroyableEventListener(this.eventService, core_1.Events.EVENT_NEW_COLUMNS_LOADED, this.showOrHideOptions.bind(this));
@@ -61,10 +69,10 @@ };
     PrimaryColsHeaderPanel.prototype.createExpandIcons = function () {
-        this.eExpand.appendChild(this.eExpandChecked = core_1._.createIconNoSpan('columnSelectOpen', this.gridOptionsWrapper));
-        this.eExpand.appendChild(this.eExpandUnchecked = core_1._.createIconNoSpan('columnSelectClosed', this.gridOptionsWrapper));
-        this.eExpand.appendChild(this.eExpandIndeterminate = core_1._.createIconNoSpan('columnSelectIndeterminate', this.gridOptionsWrapper));
+        this.eExpand.appendChild((this.eExpandChecked = core_1._.createIconNoSpan("columnSelectOpen", this.gridOptionsWrapper)));
+        this.eExpand.appendChild((this.eExpandUnchecked = core_1._.createIconNoSpan("columnSelectClosed", this.gridOptionsWrapper)));
+        this.eExpand.appendChild((this.eExpandIndeterminate = core_1._.createIconNoSpan("columnSelectIndeterminate", this.gridOptionsWrapper)));
     };
     PrimaryColsHeaderPanel.prototype.createCheckIcons = function () {
-        this.eSelect.appendChild(this.eSelectChecked = core_1._.createIconNoSpan('checkboxChecked', this.gridOptionsWrapper));
-        this.eSelect.appendChild(this.eSelectUnchecked = core_1._.createIconNoSpan('checkboxUnchecked', this.gridOptionsWrapper));
-        this.eSelect.appendChild(this.eSelectIndeterminate = core_1._.createIconNoSpan('checkboxIndeterminate', this.gridOptionsWrapper));
+        this.eSelect.appendChild((this.eSelectChecked = core_1._.createIconNoSpan("checkboxChecked", this.gridOptionsWrapper)));
+        this.eSelect.appendChild((this.eSelectUnchecked = core_1._.createIconNoSpan("checkboxUnchecked", this.gridOptionsWrapper)));
+        this.eSelect.appendChild((this.eSelectIndeterminate = core_1._.createIconNoSpan("checkboxIndeterminate", this.gridOptionsWrapper)));
     };
@@ -86,3 +94,3 @@ // we only show expand / collapse if we are showing columns
                 var filterText = _this.eFilterTextField.value;
-                _this.dispatchEvent({ type: 'filterChanged', filterText: filterText });
+                _this.dispatchEvent({ type: "filterChanged", filterText: filterText });
             }, 300);
@@ -94,11 +102,11 @@ }
         if (core_1._.isKeyPressed(e, core_1.Constants.KEY_ENTER)) {
-            this.dispatchEvent({ type: 'selectAll' });
+            this.dispatchEvent({ type: "selectAll" });
         }
     };
     PrimaryColsHeaderPanel.prototype.onSelectClicked = function () {
-        var eventType = this.selectState === SELECTED_STATE.CHECKED ? 'unselectAll' : 'selectAll';
+        var eventType = this.selectState === SELECTED_STATE.CHECKED ? "unselectAll" : "selectAll";
         this.dispatchEvent({ type: eventType });
     };
     PrimaryColsHeaderPanel.prototype.onExpandClicked = function () {
-        var eventType = this.expandState === EXPAND_STATE.EXPANDED ? 'collapseAll' : 'expandAll';
+        var eventType = this.expandState === EXPAND_STATE.EXPANDED ? "collapseAll" : "expandAll";
         this.dispatchEvent({ type: eventType });
@@ -114,5 +122,11 @@ };
         this.selectState = state;
-        core_1._.setDisplayed(this.eSelectChecked, this.selectState === SELECTED_STATE.CHECKED);
-        core_1._.setDisplayed(this.eSelectUnchecked, this.selectState === SELECTED_STATE.UNCHECKED);
-        core_1._.setDisplayed(this.eSelectIndeterminate, this.selectState === SELECTED_STATE.INDETERMINATE);
+        if (this.gridOptionsWrapper.useNativeCheckboxes()) {
+            this.eSelectCheckbox.checked = this.selectState === SELECTED_STATE.CHECKED;
+            this.eSelectCheckbox.indeterminate = this.selectState === SELECTED_STATE.INDETERMINATE;
+        }
+        else {
+            core_1._.setDisplayed(this.eSelectChecked, this.selectState === SELECTED_STATE.CHECKED);
+            core_1._.setDisplayed(this.eSelectUnchecked, this.selectState === SELECTED_STATE.UNCHECKED);
+            core_1._.setDisplayed(this.eSelectIndeterminate, this.selectState === SELECTED_STATE.INDETERMINATE);
+        }
     };
@@ -149,1 +163,2 @@ __decorate([
 exports.PrimaryColsHeaderPanel = PrimaryColsHeaderPanel;
+//# sourceMappingURL=primaryColsHeaderPanel.js.map

dist/cjs/columnToolPanel/primaryColsListPanel.js

@@ -235,3 +235,3 @@ "use strict";
                 // we don't want to change visibility on lock visible columns
-                var colsToChange = primaryCols.filter(function (col) { return !col.isLockVisible(); });
+                var colsToChange = primaryCols.filter(function (col) { return !col.getColDef().lockVisible; });
                 this.columnApi.setColumnsVisible(colsToChange, this.selectAllChecked);
@@ -421,1 +421,2 @@ return;
 exports.PrimaryColsListPanel = PrimaryColsListPanel;
+//# sourceMappingURL=primaryColsListPanel.js.map

dist/cjs/columnToolPanel/primaryColsPanel.d.ts

@@ -12,3 +12,2 @@ import { ColDef, ColGroupDef, Component, ToolPanelColumnCompParams, IPrimaryColsPanel } from "@ag-grid-community/core";
     private static TEMPLATE;
-    private gridOptionsWrapper;
     private primaryColsHeaderPanel;
@@ -15,0 +14,0 @@ private primaryColsListPanel;

dist/cjs/columnToolPanel/primaryColsPanel.js

@@ -84,5 +84,2 @@ "use strict";
     __decorate([
-        core_1.Autowired('gridOptionsWrapper')
-    ], PrimaryColsPanel.prototype, "gridOptionsWrapper", void 0);
-    __decorate([
         core_1.RefSelector('primaryColsHeaderPanel')
@@ -96,1 +93,2 @@ ], PrimaryColsPanel.prototype, "primaryColsHeaderPanel", void 0);
 exports.PrimaryColsPanel = PrimaryColsPanel;
+//# sourceMappingURL=primaryColsPanel.js.map

dist/cjs/columnToolPanel/toolPanelColumnComp.js

@@ -217,3 +217,3 @@ "use strict";
             dragItemName: this.displayName,
-            dragItemCallback: function () { return _this.createDragItem(); }
+            getDragItem: function () { return _this.createDragItem(); }
         };
@@ -314,1 +314,2 @@ this.dragAndDropService.addDragSource(dragSource, true);
 exports.ToolPanelColumnComp = ToolPanelColumnComp;
+//# sourceMappingURL=toolPanelColumnComp.js.map

dist/cjs/columnToolPanel/toolPanelColumnGroupComp.js

@@ -76,3 +76,3 @@ "use strict";
             dragItemName: this.displayName,
-            dragItemCallback: function () { return _this.createDragItem(); }
+            getDragItem: function () { return _this.createDragItem(); }
         };
@@ -336,1 +336,2 @@ this.dragAndDropService.addDragSource(dragSource, true);
 exports.ToolPanelColumnGroupComp = ToolPanelColumnGroupComp;
+//# sourceMappingURL=toolPanelColumnGroupComp.js.map

dist/cjs/main.js

@@ -5,1 +5,2 @@ "use strict";
 exports.ColumnsToolPanelModule = columnsToolPanelModule_1.ColumnsToolPanelModule;
+//# sourceMappingURL=main.js.map

dist/es6/columnToolPanel/primaryColsHeaderPanel.d.ts

@@ -26,2 +26,3 @@ import { Component, ToolPanelColumnCompParams } from "@ag-grid-community/core";
     private eExpandIndeterminate;
+    private eSelectCheckbox;
     private expandState;
@@ -28,0 +29,0 @@ private selectState;

dist/es6/columnToolPanel/primaryColsHeaderPanel.js

@@ -40,11 +40,19 @@ var __extends = (this && this.__extends) || (function () {
         var translate = this.gridOptionsWrapper.getLocaleTextFunc();
-        this.setTemplate("<div class=\"ag-primary-cols-header-panel\" role=\"presentation\">\n            <div ref=\"eExpand\"></div>\n            <div ref=\"eSelect\"></div>\n            <div class=\"ag-input-wrapper ag-primary-cols-filter-wrapper\" ref=\"eFilterWrapper\" role=\"presentation\">\n                <input class=\"ag-primary-cols-filter\" ref=\"eFilterTextField\" type=\"text\" placeholder=\"" + translate('SearchOoo', 'Search...') + "\">        \n            </div>\n        </div>");
+        this.setTemplate("<div class=\"ag-primary-cols-header-panel\" role=\"presentation\">\n                <div ref=\"eExpand\"></div>\n                <div ref=\"eSelect\"></div>\n                <div class=\"ag-input-wrapper ag-primary-cols-filter-wrapper\" ref=\"eFilterWrapper\" role=\"presentation\">\n                    <input class=\"ag-primary-cols-filter\" ref=\"eFilterTextField\" type=\"text\" placeholder=\"" + translate("SearchOoo", "Search...") + "\">\n                </div>\n            </div>");
     };
     PrimaryColsHeaderPanel.prototype.postConstruct = function () {
         this.createExpandIcons();
-        this.createCheckIcons();
-        this.addDestroyableEventListener(this.eExpand, 'click', this.onExpandClicked.bind(this));
-        this.addDestroyableEventListener(this.eSelect, 'click', this.onSelectClicked.bind(this));
-        this.addDestroyableEventListener(this.eFilterTextField, 'input', this.onFilterTextChanged.bind(this));
-        this.addDestroyableEventListener(this.eFilterTextField, 'keypress', this.onMiniFilterKeyPress.bind(this));
+        if (this.gridOptionsWrapper.useNativeCheckboxes()) {
+            this.eSelectCheckbox = document.createElement("input");
+            this.eSelectCheckbox.type = "checkbox";
+            this.eSelectCheckbox.className = "ag-checkbox";
+            this.eSelect.appendChild(this.eSelectCheckbox);
+        }
+        else {
+            this.createCheckIcons();
+        }
+        this.addDestroyableEventListener(this.eExpand, "click", this.onExpandClicked.bind(this));
+        this.addDestroyableEventListener(this.eSelect, "click", this.onSelectClicked.bind(this));
+        this.addDestroyableEventListener(this.eFilterTextField, "input", this.onFilterTextChanged.bind(this));
+        this.addDestroyableEventListener(this.eFilterTextField, "keypress", this.onMiniFilterKeyPress.bind(this));
         this.addDestroyableEventListener(this.eventService, Events.EVENT_NEW_COLUMNS_LOADED, this.showOrHideOptions.bind(this));
@@ -59,10 +67,10 @@ };
     PrimaryColsHeaderPanel.prototype.createExpandIcons = function () {
-        this.eExpand.appendChild(this.eExpandChecked = _.createIconNoSpan('columnSelectOpen', this.gridOptionsWrapper));
-        this.eExpand.appendChild(this.eExpandUnchecked = _.createIconNoSpan('columnSelectClosed', this.gridOptionsWrapper));
-        this.eExpand.appendChild(this.eExpandIndeterminate = _.createIconNoSpan('columnSelectIndeterminate', this.gridOptionsWrapper));
+        this.eExpand.appendChild((this.eExpandChecked = _.createIconNoSpan("columnSelectOpen", this.gridOptionsWrapper)));
+        this.eExpand.appendChild((this.eExpandUnchecked = _.createIconNoSpan("columnSelectClosed", this.gridOptionsWrapper)));
+        this.eExpand.appendChild((this.eExpandIndeterminate = _.createIconNoSpan("columnSelectIndeterminate", this.gridOptionsWrapper)));
     };
     PrimaryColsHeaderPanel.prototype.createCheckIcons = function () {
-        this.eSelect.appendChild(this.eSelectChecked = _.createIconNoSpan('checkboxChecked', this.gridOptionsWrapper));
-        this.eSelect.appendChild(this.eSelectUnchecked = _.createIconNoSpan('checkboxUnchecked', this.gridOptionsWrapper));
-        this.eSelect.appendChild(this.eSelectIndeterminate = _.createIconNoSpan('checkboxIndeterminate', this.gridOptionsWrapper));
+        this.eSelect.appendChild((this.eSelectChecked = _.createIconNoSpan("checkboxChecked", this.gridOptionsWrapper)));
+        this.eSelect.appendChild((this.eSelectUnchecked = _.createIconNoSpan("checkboxUnchecked", this.gridOptionsWrapper)));
+        this.eSelect.appendChild((this.eSelectIndeterminate = _.createIconNoSpan("checkboxIndeterminate", this.gridOptionsWrapper)));
     };
@@ -84,3 +92,3 @@ // we only show expand / collapse if we are showing columns
                 var filterText = _this.eFilterTextField.value;
-                _this.dispatchEvent({ type: 'filterChanged', filterText: filterText });
+                _this.dispatchEvent({ type: "filterChanged", filterText: filterText });
             }, 300);
@@ -92,11 +100,11 @@ }
         if (_.isKeyPressed(e, Constants.KEY_ENTER)) {
-            this.dispatchEvent({ type: 'selectAll' });
+            this.dispatchEvent({ type: "selectAll" });
         }
     };
     PrimaryColsHeaderPanel.prototype.onSelectClicked = function () {
-        var eventType = this.selectState === SELECTED_STATE.CHECKED ? 'unselectAll' : 'selectAll';
+        var eventType = this.selectState === SELECTED_STATE.CHECKED ? "unselectAll" : "selectAll";
         this.dispatchEvent({ type: eventType });
     };
     PrimaryColsHeaderPanel.prototype.onExpandClicked = function () {
-        var eventType = this.expandState === EXPAND_STATE.EXPANDED ? 'collapseAll' : 'expandAll';
+        var eventType = this.expandState === EXPAND_STATE.EXPANDED ? "collapseAll" : "expandAll";
         this.dispatchEvent({ type: eventType });
@@ -112,5 +120,11 @@ };
         this.selectState = state;
-        _.setDisplayed(this.eSelectChecked, this.selectState === SELECTED_STATE.CHECKED);
-        _.setDisplayed(this.eSelectUnchecked, this.selectState === SELECTED_STATE.UNCHECKED);
-        _.setDisplayed(this.eSelectIndeterminate, this.selectState === SELECTED_STATE.INDETERMINATE);
+        if (this.gridOptionsWrapper.useNativeCheckboxes()) {
+            this.eSelectCheckbox.checked = this.selectState === SELECTED_STATE.CHECKED;
+            this.eSelectCheckbox.indeterminate = this.selectState === SELECTED_STATE.INDETERMINATE;
+        }
+        else {
+            _.setDisplayed(this.eSelectChecked, this.selectState === SELECTED_STATE.CHECKED);
+            _.setDisplayed(this.eSelectUnchecked, this.selectState === SELECTED_STATE.UNCHECKED);
+            _.setDisplayed(this.eSelectIndeterminate, this.selectState === SELECTED_STATE.INDETERMINATE);
+        }
     };
@@ -117,0 +131,0 @@ __decorate([

dist/es6/columnToolPanel/primaryColsListPanel.js

@@ -233,3 +233,3 @@ var __extends = (this && this.__extends) || (function () {
                 // we don't want to change visibility on lock visible columns
-                var colsToChange = primaryCols.filter(function (col) { return !col.isLockVisible(); });
+                var colsToChange = primaryCols.filter(function (col) { return !col.getColDef().lockVisible; });
                 this.columnApi.setColumnsVisible(colsToChange, this.selectAllChecked);
@@ -236,0 +236,0 @@ return;

dist/es6/columnToolPanel/primaryColsPanel.d.ts

@@ -12,3 +12,2 @@ import { ColDef, ColGroupDef, Component, ToolPanelColumnCompParams, IPrimaryColsPanel } from "@ag-grid-community/core";
     private static TEMPLATE;
-    private gridOptionsWrapper;
     private primaryColsHeaderPanel;
@@ -15,0 +14,0 @@ private primaryColsListPanel;

dist/es6/columnToolPanel/primaryColsPanel.js

@@ -20,3 +20,3 @@ var __extends = (this && this.__extends) || (function () {
 };
-import { Autowired, Component, RefSelector } from "@ag-grid-community/core";
+import { Component, RefSelector } from "@ag-grid-community/core";
 var PrimaryColsPanel = /** @class */ (function (_super) {
@@ -83,5 +83,2 @@ __extends(PrimaryColsPanel, _super);
     __decorate([
-        Autowired('gridOptionsWrapper')
-    ], PrimaryColsPanel.prototype, "gridOptionsWrapper", void 0);
-    __decorate([
         RefSelector('primaryColsHeaderPanel')
@@ -88,0 +85,0 @@ ], PrimaryColsPanel.prototype, "primaryColsHeaderPanel", void 0);

dist/es6/columnToolPanel/toolPanelColumnComp.js

@@ -215,3 +215,3 @@ var __extends = (this && this.__extends) || (function () {
             dragItemName: this.displayName,
-            dragItemCallback: function () { return _this.createDragItem(); }
+            getDragItem: function () { return _this.createDragItem(); }
         };
@@ -218,0 +218,0 @@ this.dragAndDropService.addDragSource(dragSource, true);

dist/es6/columnToolPanel/toolPanelColumnGroupComp.js

@@ -74,3 +74,3 @@ var __extends = (this && this.__extends) || (function () {
             dragItemName: this.displayName,
-            dragItemCallback: function () { return _this.createDragItem(); }
+            getDragItem: function () { return _this.createDragItem(); }
         };
@@ -77,0 +77,0 @@ this.dragAndDropService.addDragSource(dragSource, true);

package.json

 {
   "name": "@ag-grid-enterprise/column-tool-panel",
-  "version": "22.0.0",
+  "version": "22.1.0",
   "description": "Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components",
   "main": "./dist/cjs/main.js",
   "module": "./dist/es6/main.js",
+  "types": "./dist/es6/main.d.ts",
   "scripts": {
-    "build-cjs": "tsc -p tsconfig.es5.json",
+    "build-cjs": "tsc -p tsconfig.json",
     "build-es6": "tsc -p tsconfig.es6.json",
-    "build-docs": "tsc -p tsconfig.docs.json",
-    "package": "node ../../common-build/rollup/build.js",
+    "package": "node ../../module-build/rollup/build.js",
     "build": "npm run build-cjs && npm run build-es6"
@@ -44,6 +44,6 @@ },
   "dependencies": {
-    "@ag-grid-community/core": "~22.0.0",
-    "@ag-grid-enterprise/core": "~22.0.0",
-    "@ag-grid-enterprise/row-grouping": "~22.0.0",
-    "@ag-grid-enterprise/side-bar": "~22.0.0"
+    "@ag-grid-community/core": "~22.1.0",
+    "@ag-grid-enterprise/core": "~22.1.0",
+    "@ag-grid-enterprise/row-grouping": "~22.1.0",
+    "@ag-grid-enterprise/side-bar": "~22.1.0"
   },
@@ -56,2 +56,2 @@ "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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

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

5796128

increased by2.29%

Number of package files

54

increased by20%

Lines of code

91060

increased by1.11%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

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

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

• + Added@ag-grid-enterprise/row-grouping@22.1.1(transitive)

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

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

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

• - Removed@ag-grid-enterprise/row-grouping@22.0.0(transitive)

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

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

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

• Updated@ag-grid-enterprise/row-grouping@~22.1.0

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