fix(react-grid): correct 'All' page size text rendering in MUI

gulpfile.js

@@ -7,7 +7,7 @@ var gulp = require('gulp'),
 var distPath = 'site/';
 
 var versionTagIndex = process.argv.indexOf('--versionTag');
-var versionTag = process.argv[versionTagIndex + 1];
+var versionTag = versionTagIndex > -1 ? process.argv[versionTagIndex + 1] : undefined;
 
 var splitNameToPath = function(path) {
   // dx-react-grid-bs3\... ==> react\grid\bs3\...

packages/dx-react-grid-bootstrap3/src/templates/virtual-table/virtual-box.jsx

@@ -125,7 +125,7 @@ export class VirtualBox extends React.Component {
             >
                 {children}
             </div>
-        );*/
+        ); */
       }
     }
 

packages/dx-react-grid-material-ui/src/templates/drop-down-menu.jsx

@@ -77,10 +77,11 @@ class DropDownMenuBase extends React.PureComponent {
   }
 
   render() {
-    const { items, classes, className, itemTemplate } = this.props;
+    const { items, classes, className, titleClassName, itemTemplate } = this.props;
     const { anchorEl, open, selectedIndex, title } = this.state;
     const titleClasses = classNames({
       [classes.title]: true,
+      [titleClassName]: true,
       [classes.selected]: selectedIndex > -1,
     });
     return (
@@ -136,10 +137,12 @@ DropDownMenuBase.propTypes = {
   onItemClick: PropTypes.func.isRequired,
   itemTemplate: PropTypes.func,
   className: PropTypes.string,
+  titleClassName: PropTypes.string,
 };
 
 DropDownMenuBase.defaultProps = {
   className: null,
+  titleClassName: null,
   selectedItem: undefined,
   defaultTitle: undefined,
   itemTemplate: undefined,

packages/dx-react-grid-material-ui/src/templates/page-size-selector.jsx

@@ -15,7 +15,10 @@ const styleSheet = createStyleSheet('PageSizeSelector', theme => ({
   },
   pageSizes: {
     display: 'inline-block',
-    minWidth: theme.spacing.unit * 5,
+  },
+  pageSizeTitle: {
+    width: 'auto',
+    marginRight: theme.spacing.unit / 2,
   },
   '@media (max-width: 768px)': {
     label: {
@@ -47,6 +50,7 @@ const PageSizeSelectorBase = ({
         onPageSizeChange(item);
       }}
       className={classes.pageSizes}
+      titleClassName={classes.pageSizeTitle}
     />
   </div>
 );