@devexpress/dx-react-grid-bootstrap3 - npm Package Compare versions

Comparing version 1.0.0-alpha.1 to 1.0.0-alpha.2

dist/dx-react-grid-bootstrap3.es.js

 /**
  * Bundle of @devexpress/dx-react-grid-bootstrap3
- * Generated: 2017-05-15
+ * Generated: 2017-05-26
  * Version: 1.0.0-alpha.1
@@ -14,25 +14,102 @@ * License: https://js.devexpress.com/Licensing
 
-var Pager = function Pager(_ref) {
-  var currentPage = _ref.currentPage,
-      onCurrentPageChange = _ref.onCurrentPageChange,
-      totalPages = _ref.totalPages;
-  return React.createElement(Pagination, {
-    style: {
-      margin: 0,
-      verticalAlign: 'bottom'
-    },
-    items: totalPages,
-    activePage: currentPage + 1,
-    boundaryLinks: true,
-    maxButtons: 5,
-    onSelect: function onSelect(page) {
-      return onCurrentPageChange(page - 1);
-    }
-  });
+var PageSizeSelector = function PageSizeSelector(_ref) {
+  var pageSize = _ref.pageSize,
+      onPageSizeChange = _ref.onPageSizeChange,
+      allowedPageSizes = _ref.allowedPageSizes;
+  return React.createElement(
+    'div',
+    { style: { display: 'inline-block' } },
+    React.createElement(
+      'select',
+      {
+        className: 'form-control visible-xs-inline-block',
+        style: { width: 'auto' },
+        value: pageSize,
+        onChange: function onChange(e) {
+          return onPageSizeChange(parseInt(e.target.value, 10));
+        }
+      },
+      allowedPageSizes.map(function (val) {
+        return React.createElement(
+          'option',
+          { key: val, value: val },
+          val
+        );
+      })
+    ),
+    React.createElement(
+      'ul',
+      {
+        className: 'pagination hidden-xs',
+        style: {
+          margin: 0,
+          verticalAlign: 'bottom'
+        }
+      },
+      allowedPageSizes.map(function (item) {
+        return React.createElement(
+          'li',
+          { key: item, className: item === pageSize ? 'active' : '' },
+          React.createElement(
+            'a',
+            {
+              href: '#',
+              onClick: function onClick(e) {
+                e.preventDefault();
+                onPageSizeChange(item);
+              }
+            },
+            item
+          )
+        );
+      })
+    )
+  );
 };
 
+PageSizeSelector.propTypes = {
+  pageSize: PropTypes.number.isRequired,
+  onPageSizeChange: PropTypes.func.isRequired,
+  allowedPageSizes: PropTypes.arrayOf(PropTypes.number).isRequired
+};
+
+var Pager = function Pager(_ref2) {
+  var currentPage = _ref2.currentPage,
+      onCurrentPageChange = _ref2.onCurrentPageChange,
+      totalPages = _ref2.totalPages,
+      pageSize = _ref2.pageSize,
+      onPageSizeChange = _ref2.onPageSizeChange,
+      allowedPageSizes = _ref2.allowedPageSizes;
+  return React.createElement(
+    'div',
+    { className: 'clearfix' },
+    !!allowedPageSizes.length && React.createElement(PageSizeSelector, {
+      pageSize: pageSize,
+      onPageSizeChange: onPageSizeChange,
+      allowedPageSizes: allowedPageSizes
+    }),
+    React.createElement(Pagination, {
+      style: {
+        margin: 0,
+        verticalAlign: 'bottom'
+      },
+      className: 'pull-right',
+      items: totalPages,
+      activePage: currentPage + 1,
+      boundaryLinks: true,
+      maxButtons: 3,
+      onSelect: function onSelect(page) {
+        return onCurrentPageChange(page - 1);
+      }
+    })
+  );
+};
+
 Pager.propTypes = {
   currentPage: PropTypes.number.isRequired,
+  onCurrentPageChange: PropTypes.func.isRequired,
   totalPages: PropTypes.number.isRequired,
-  onCurrentPageChange: PropTypes.func.isRequired
+  pageSize: PropTypes.number.isRequired,
+  onPageSizeChange: PropTypes.func.isRequired,
+  allowedPageSizes: PropTypes.arrayOf(PropTypes.number).isRequired
 };
@@ -255,5 +332,4 @@
   return React.createElement(
-    'button',
+    'div',
     {
-      type: 'button',
       className: 'btn btn-default',
@@ -269,3 +345,7 @@ style: {
           if (!allowSorting) return;
-          changeSortingDirection({ keepOther: e.shiftKey });
+          var cancelSortingRelatedKey = e.metaKey || e.ctrlKey;
+          changeSortingDirection({
+            keepOther: e.shiftKey || cancelSortingRelatedKey,
+            cancel: cancelSortingRelatedKey
+          });
         }
@@ -1645,3 +1725,7 @@ },
         e.stopPropagation();
-        changeSortingDirection({ keepOther: e.shiftKey });
+        var cancelSortingRelatedKey = e.metaKey || e.ctrlKey;
+        changeSortingDirection({
+          keepOther: e.shiftKey || cancelSortingRelatedKey,
+          cancel: cancelSortingRelatedKey
+        });
       }
@@ -1648,0 +1732,0 @@ },

dist/dx-react-grid-bootstrap3.umd.js

 /**
  * Bundle of @devexpress/dx-react-grid-bootstrap3
- * Generated: 2017-05-15
+ * Generated: 2017-05-26
  * Version: 1.0.0-alpha.1
@@ -17,25 +17,102 @@ * License: https://js.devexpress.com/Licensing
 
-var Pager = function Pager(_ref) {
-  var currentPage = _ref.currentPage,
-      onCurrentPageChange = _ref.onCurrentPageChange,
-      totalPages = _ref.totalPages;
-  return React.createElement(reactBootstrap.Pagination, {
-    style: {
-      margin: 0,
-      verticalAlign: 'bottom'
-    },
-    items: totalPages,
-    activePage: currentPage + 1,
-    boundaryLinks: true,
-    maxButtons: 5,
-    onSelect: function onSelect(page) {
-      return onCurrentPageChange(page - 1);
-    }
-  });
+var PageSizeSelector = function PageSizeSelector(_ref) {
+  var pageSize = _ref.pageSize,
+      onPageSizeChange = _ref.onPageSizeChange,
+      allowedPageSizes = _ref.allowedPageSizes;
+  return React.createElement(
+    'div',
+    { style: { display: 'inline-block' } },
+    React.createElement(
+      'select',
+      {
+        className: 'form-control visible-xs-inline-block',
+        style: { width: 'auto' },
+        value: pageSize,
+        onChange: function onChange(e) {
+          return onPageSizeChange(parseInt(e.target.value, 10));
+        }
+      },
+      allowedPageSizes.map(function (val) {
+        return React.createElement(
+          'option',
+          { key: val, value: val },
+          val
+        );
+      })
+    ),
+    React.createElement(
+      'ul',
+      {
+        className: 'pagination hidden-xs',
+        style: {
+          margin: 0,
+          verticalAlign: 'bottom'
+        }
+      },
+      allowedPageSizes.map(function (item) {
+        return React.createElement(
+          'li',
+          { key: item, className: item === pageSize ? 'active' : '' },
+          React.createElement(
+            'a',
+            {
+              href: '#',
+              onClick: function onClick(e) {
+                e.preventDefault();
+                onPageSizeChange(item);
+              }
+            },
+            item
+          )
+        );
+      })
+    )
+  );
 };
 
+PageSizeSelector.propTypes = {
+  pageSize: PropTypes.number.isRequired,
+  onPageSizeChange: PropTypes.func.isRequired,
+  allowedPageSizes: PropTypes.arrayOf(PropTypes.number).isRequired
+};
+
+var Pager = function Pager(_ref2) {
+  var currentPage = _ref2.currentPage,
+      onCurrentPageChange = _ref2.onCurrentPageChange,
+      totalPages = _ref2.totalPages,
+      pageSize = _ref2.pageSize,
+      onPageSizeChange = _ref2.onPageSizeChange,
+      allowedPageSizes = _ref2.allowedPageSizes;
+  return React.createElement(
+    'div',
+    { className: 'clearfix' },
+    !!allowedPageSizes.length && React.createElement(PageSizeSelector, {
+      pageSize: pageSize,
+      onPageSizeChange: onPageSizeChange,
+      allowedPageSizes: allowedPageSizes
+    }),
+    React.createElement(reactBootstrap.Pagination, {
+      style: {
+        margin: 0,
+        verticalAlign: 'bottom'
+      },
+      className: 'pull-right',
+      items: totalPages,
+      activePage: currentPage + 1,
+      boundaryLinks: true,
+      maxButtons: 3,
+      onSelect: function onSelect(page) {
+        return onCurrentPageChange(page - 1);
+      }
+    })
+  );
+};
+
 Pager.propTypes = {
   currentPage: PropTypes.number.isRequired,
+  onCurrentPageChange: PropTypes.func.isRequired,
   totalPages: PropTypes.number.isRequired,
-  onCurrentPageChange: PropTypes.func.isRequired
+  pageSize: PropTypes.number.isRequired,
+  onPageSizeChange: PropTypes.func.isRequired,
+  allowedPageSizes: PropTypes.arrayOf(PropTypes.number).isRequired
 };
@@ -258,5 +335,4 @@
   return React.createElement(
-    'button',
+    'div',
     {
-      type: 'button',
       className: 'btn btn-default',
@@ -272,3 +348,7 @@ style: {
           if (!allowSorting) return;
-          changeSortingDirection({ keepOther: e.shiftKey });
+          var cancelSortingRelatedKey = e.metaKey || e.ctrlKey;
+          changeSortingDirection({
+            keepOther: e.shiftKey || cancelSortingRelatedKey,
+            cancel: cancelSortingRelatedKey
+          });
         }
@@ -1648,3 +1728,7 @@ },
         e.stopPropagation();
-        changeSortingDirection({ keepOther: e.shiftKey });
+        var cancelSortingRelatedKey = e.metaKey || e.ctrlKey;
+        changeSortingDirection({
+          keepOther: e.shiftKey || cancelSortingRelatedKey,
+          cancel: cancelSortingRelatedKey
+        });
       }
@@ -1651,0 +1735,0 @@ },

package.json

 {
   "name": "@devexpress/dx-react-grid-bootstrap3",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.2",
   "description": "Bootstrap 3 templates for DevExtreme React Grid component",
@@ -86,4 +86,4 @@ "author": {
   "dependencies": {
-    "@devexpress/dx-react-core": "1.0.0-alpha.1",
-    "@devexpress/dx-react-grid": "1.0.0-alpha.1",
+    "@devexpress/dx-react-core": "1.0.0-alpha.2",
+    "@devexpress/dx-react-grid": "1.0.0-alpha.2",
     "prop-types": "^15.5.8",
@@ -90,0 +90,0 @@ "react": "^15.5.4"

README.md

@@ -33,3 +33,3 @@ # DevExtreme React Grid Bootstrap3
 
-Make sure that Bootstrap styles are linked to the page. If you have not yet configured Bootstrap for your project, check the following link: http://getbootstrap.com/getting-started/#download.
+Make sure that Bootstrap styles are linked to the page. If you have not yet configured Bootstrap for your project, check the [following link](http://getbootstrap.com/getting-started/#download).
 
@@ -40,3 +40,3 @@ ## Getting started
 
-See [demos](../dx-react-demos/README.md) for more information.
+See [demos](https://devexpress.github.io/devextreme-reactive/react/grid/demos/) for more information.
 
@@ -47,10 +47,10 @@ ## Reference
 
-- [TableView](../dx-react-grid/docs/reference/table-view.md)
-- [TableHeaderRow](../dx-react-grid/docs/reference/table-header-row.md)
-- [TableSelection](../dx-react-grid/docs/reference/table-selection.md)
-- [TableFilterRow](../dx-react-grid/docs/reference/table-filter-row.md)
-- [TableRowDetail](../dx-react-grid/docs/reference/table-row-detail.md)
-- [TableGroupRow](../dx-react-grid/docs/reference/table-group-row.md)
-- [GroupingPanel](../dx-react-grid/docs/reference/grouping-panel.md)
-- [PagingPanel](../dx-react-grid/docs/reference/paging-panel.md)
+- [TableView](https://devexpress.github.io/devextreme-reactive/react/grid/docs/reference/table-view/)
+- [TableHeaderRow](https://devexpress.github.io/devextreme-reactive/react/grid/docs/reference/table-header-row/)
+- [TableSelection](https://devexpress.github.io/devextreme-reactive/react/grid/docs/reference/table-selection/)
+- [TableFilterRow](https://devexpress.github.io/devextreme-reactive/react/grid/docs/reference/table-filter-row/)
+- [TableRowDetail](https://devexpress.github.io/devextreme-reactive/react/grid/docs/reference/table-row-detail/)
+- [TableGroupRow](https://devexpress.github.io/devextreme-reactive/react/grid/docs/reference/table-group-row/)
+- [GroupingPanel](https://devexpress.github.io/devextreme-reactive/react/grid/docs/reference/grouping-panel/)
+- [PagingPanel](https://devexpress.github.io/devextreme-reactive/react/grid/docs/reference/paging-panel/)
 
@@ -63,2 +63,2 @@ Each plugin has properties with the 'Template' postfix. Components passed to such properties are templates.
 
-[DevExtreme licensing](https://js.devexpress.com/licensing/).
+[DevExtreme licensing](https://js.devexpress.com/licensing/).

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

276978

increased by4.53%

Lines of code

3549

increased by4.84%

Number of lines in readme file

61

increased by1.67%

Dependency changes

• + Added@devexpress/dx-grid-core@1.0.0-alpha.2(transitive)

• + Added@devexpress/dx-react-core@1.0.0-alpha.2(transitive)

• + Added@devexpress/dx-react-grid@1.0.0-alpha.2(transitive)

• - Removed@devexpress/dx-grid-core@1.0.0-alpha.1(transitive)

• - Removed@devexpress/dx-react-core@1.0.0-alpha.1(transitive)

• - Removed@devexpress/dx-react-grid@1.0.0-alpha.1(transitive)

• Updated@devexpress/dx-react-core@1.0.0-alpha.2

• Updated@devexpress/dx-react-grid@1.0.0-alpha.2