v4.2.4

Author: Portugal, Marcelo

CHANGELOG.md

@@ -1,3 +1,16 @@
+<a name="v4.2.4"></a>
+### v4.2.4 (2018-02-07)
+
+
+#### Bug Fixes
+
+* **uiGridAutoResize:** Asking for grid $elm sizing in a digest loop always triggers `refresh`, not cond ([835153ce](http://github.com/angular-ui/ng-grid/commit/835153ce256fbeb5f58e20752ca7a4ea35b7a963), closes [#6561](http://github.com/angular-ui/ng-grid/issues/6561))
+
+
+#### Features
+
+* **expandAllButton:** Add ability to hide expand all button. ([343d7116](http://github.com/angular-ui/ng-grid/commit/343d711660e83b47c664e74fb8ec735da06a0a07))
+
 <a name="v4.2.3"></a>
 ### v4.2.3 (2018-02-02)
 
@@ -218,6 +231,7 @@
 * **protractor:** Fixing npm so protractor can be installed and run locally. ([724df352](http://github.com/angular-ui/ng-grid/commit/724df3520ccc1d5f585fcc42508a537935875da2))
 * **shell.js:** Adding windows support. ([5e438643](http://github.com/angular-ui/ng-grid/commit/5e438643ea06e06455e91f9d0368f0021b8ef9c8))
 * **sort:** Fixing sorting priority aria-label ([a364886f](http://github.com/angular-ui/ng-grid/commit/a364886f37a2685500643d5df05b4c936dcd42a5))
+* **ui-grid-menu.js:** Removed log debug statement (#5388) ([7efe5304](https://github.com/angular-ui/ui-grid/commit/7efe5304f015714c8ba742bafe9a96ba80971622))
 
 
 #### Features

less/cell.less

@@ -41,3 +41,9 @@
   border-bottom: solid @gridBorderWidth @borderColor;
 }
 
+.ui-grid-cell-empty {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+}
+

less/grid.less

@@ -78,3 +78,9 @@
   clip: rect(0,0,0,0);
   border: 0;
 }
+
+.ui-grid-icon-button {
+  background-color: transparent;
+  border: none;
+  padding: 0;
+}

package.json

@@ -27,7 +27,7 @@
     "data grid"
   ],
   "license": "MIT",
-  "version": "4.2.3",
+  "version": "4.2.4",
   "files": [
     "less",
     "ui-grid.css",

ui-grid.css

@@ -1,5 +1,5 @@
 /*!
- * ui-grid - v4.2.3 - 2018-02-02
+ * ui-grid - v4.2.4 - 2018-02-07
  * Copyright (c) 2018 ; License: MIT 
  */
 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
@@ -77,6 +77,11 @@
   clip: rect(0, 0, 0, 0);
   border: 0;
 }
+.ui-grid-icon-button {
+  background-color: transparent;
+  border: none;
+  padding: 0;
+}
 .ui-grid-top-panel-background {
   background-color: #f3f3f3;
 }
@@ -435,6 +440,11 @@ select.ui-grid-filter-select:hover {
   background-color: #f0f0ee;
   border-bottom: solid 1px #d4d4d4;
 }
+.ui-grid-cell-empty {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+}
 .ui-grid-footer-panel-background {
   background-color: #f3f3f3;
 }

ui-grid.js

@@ -1,5 +1,5 @@
 /*!
- * ui-grid - v4.2.3 - 2018-02-02
+ * ui-grid - v4.2.4 - 2018-02-07
  * Copyright (c) 2018 ; License: MIT 
  */
 
@@ -15310,30 +15310,35 @@ module.filter('px', function() {
       require: 'uiGrid',
       scope: false,
       link: function($scope, $elm, $attrs, uiGridCtrl) {
-        var timeout = null;
-
-        var debounce = function(width, height) {
-          if (timeout !== null) {
-            clearTimeout(timeout);
-          }
-          timeout = setTimeout(function() {
-            uiGridCtrl.grid.gridWidth = width;
-            uiGridCtrl.grid.gridHeight = height;
-            uiGridCtrl.grid.refresh();
-            timeout = null;
-          }, 400);
-        };
+        var elementWidth,
+          elementHeight;
+
+        var updateWidth = gridUtil.throttle(function() {
+          elementWidth = gridUtil.elementWidth($elm);
+        }, 200);
+
+        var updateHeight = gridUtil.throttle(function() {
+          elementHeight = gridUtil.elementHeight($elm);
+        }, 200);
+
+        var refresh = gridUtil.throttle(function(width, height) {
+          uiGridCtrl.grid.gridWidth = width;
+          uiGridCtrl.grid.gridHeight = height;
+          uiGridCtrl.grid.refresh();
+        }, 300);
 
         $scope.$watchGroup([
           function() {
-            return gridUtil.elementWidth($elm);
+            updateWidth();
+            return elementWidth;
           },
           function() {
-            return gridUtil.elementHeight($elm);
+            updateHeight();
+            return elementHeight;
           }
         ], function(newValues, oldValues, scope) {
           if (!angular.equals(newValues, oldValues)) {
-            debounce(newValues[0], newValues[1]);
+            refresh(newValues[0], newValues[1]);
           }
         });
       }
@@ -18054,6 +18059,21 @@ module.filter('px', function() {
          */
         grid.options.enableExpandable = grid.options.enableExpandable !== false;
 
+        /**
+         *  @ngdoc object
+         *  @name showExpandAllButton
+         *  @propertyOf  ui.grid.expandable.api:GridOptions
+         *  @description Whether or not to display the expand all button, allows you to hide expand all button on specific grids
+         *  within your application, or in specific modes on _this_ grid. Defaults to true.
+         *  @example
+         *  <pre>
+         *    $scope.gridOptions = {
+         *      showExpandAllButton: false
+         *    }
+         *  </pre>
+         */
+        grid.options.showExpandAllButton = grid.options.showExpandAllButton !== false;
+
         /**
          *  @ngdoc object
          *  @name expandableRowHeight
@@ -18071,7 +18091,7 @@ module.filter('px', function() {
 
         /**
          *  @ngdoc object
-         *  @name
+         *  @name expandableRowHeaderWidth
          *  @propertyOf  ui.grid.expandable.api:GridOptions
          *  @description Width in pixels of the expandable column. Defaults to 40
          *  @example
@@ -29897,7 +29917,7 @@ angular.module('ui.grid').run(['$templateCache', function($templateCache) {
 
 
   $templateCache.put('ui-grid/expandableTopRowHeader',
-    "<div class=\"ui-grid-row-header-cell ui-grid-expandable-buttons-cell\"><div class=\"ui-grid-cell-contents\"><i ng-class=\"{ 'ui-grid-icon-plus-squared' : !grid.expandable.expandedAll, 'ui-grid-icon-minus-squared' : grid.expandable.expandedAll }\" ng-click=\"grid.api.expandable.toggleAllRows()\"></i></div></div>"
+    "<div class=\"ui-grid-row-header-cell ui-grid-expandable-buttons-cell\"><div class=\"ui-grid-cell-contents\"><span class=\"ui-grid-cell-empty\" ng-if=\"!grid.options.showExpandAllButton\"></span> <button type=\"button\" class=\"ui-grid-icon-button\" ng-if=\"grid.options.showExpandAllButton\" ng-class=\"{ 'ui-grid-icon-plus-squared' : !grid.expandable.expandedAll, 'ui-grid-icon-minus-squared' : grid.expandable.expandedAll }\" ng-click=\"grid.api.expandable.toggleAllRows()\"></button></div></div>"
   );