react-paginate - npm Package Compare versions

Comparing version 6.1.0 to 6.2.0

__tests__/PaginationBoxView-test.js

@@ -421,4 +421,4 @@ import React from 'react';
 
-  describe('default breakLabel/breakClassName', () => {
-    it('should use the default breakLabel/breakClassName', () => {
+  describe('default breakLabel/breakClassName/breakLinkClassName', () => {
+    it('should use the default breakLabel/breakClassName/breakLinkClassName', () => {
       const pagination = ReactTestUtils.renderIntoDocument(
@@ -433,2 +433,5 @@ <PaginationBoxView />
       );
+      expect(
+        ReactDOM.findDOMNode(pagination).querySelector('.break a').className
+      ).toBe('');
     });
@@ -641,3 +644,3 @@ });
 
-  describe('breakLabel/breakClassName', () => {
+  describe('breakLabel/breakClassName/breakLinkClassName', () => {
     it('should use the breakLabel prop when defined', () => {
@@ -669,2 +672,11 @@ const pagination = ReactTestUtils.renderIntoDocument(
     });
+
+    it('should use the breakLinkClassName prop when defined', function() {
+      const pagination = ReactTestUtils.renderIntoDocument(
+        <PaginationBoxView breakLinkClassName={'break-link'} />
+      );
+      expect(
+        ReactDOM.findDOMNode(pagination).querySelector('.break-link')
+      ).not.toBe(null);
+    });
   });
@@ -671,0 +683,0 @@

dist/BreakView.js

@@ -18,6 +18,9 @@ 'use strict';
 var BreakView = function BreakView(props) {
-  var label = props.breakLabel;
-  var className = props.breakClassName || 'break';
-  var onClick = props.onClick;
+  var breakLabel = props.breakLabel,
+      breakClassName = props.breakClassName,
+      breakLinkClassName = props.breakLinkClassName,
+      onClick = props.onClick;
 
+  var className = breakClassName || 'break';
+
   return _react2.default.createElement(
@@ -28,4 +31,10 @@ 'li',
       'a',
-      { onClick: onClick, role: 'button', tabIndex: '0', onKeyPress: onClick },
-      label
+      {
+        className: breakLinkClassName,
+        onClick: onClick,
+        role: 'button',
+        tabIndex: '0',
+        onKeyPress: onClick
+      },
+      breakLabel
     )
@@ -38,2 +47,3 @@ );
   breakClassName: _propTypes2.default.string,
+  breakLinkClassName: _propTypes2.default.string,
   onClick: _propTypes2.default.func.isRequired
@@ -40,0 +50,0 @@ };

dist/PaginationBoxView.js

@@ -94,3 +94,4 @@ 'use strict';
           breakLabel = _this$props.breakLabel,
-          breakClassName = _this$props.breakClassName;
+          breakClassName = _this$props.breakClassName,
+          breakLinkClassName = _this$props.breakLinkClassName;
       var selected = _this.state.selected;
@@ -163,2 +164,3 @@
               breakClassName: breakClassName,
+              breakLinkClassName: breakLinkClassName,
               onClick: _this.handleBreakClick.bind(null, _index)
@@ -356,2 +358,3 @@ });
   breakClassName: _propTypes2.default.string,
+  breakLinkClassName: _propTypes2.default.string,
   extraAriaContext: _propTypes2.default.string
@@ -358,0 +361,0 @@ };

HISTORY.md

@@ -0,1 +1,5 @@
+## >= 6.2.0
+
+- Add the breakLinkClassName prop.
+
 ## >= 6.1.0
@@ -2,0 +6,0 @@

package.json

 {
   "name": "react-paginate",
-  "version": "6.1.0",
+  "version": "6.2.0",
   "description": "A ReactJS component that creates a pagination.",
@@ -5,0 +5,0 @@ "main": "./dist/index.js",

react_components/BreakView.js

@@ -7,10 +7,15 @@ 'use strict';
 const BreakView = props => {
-  const label = props.breakLabel;
-  const className = props.breakClassName || 'break';
-  const onClick = props.onClick;
+  const { breakLabel, breakClassName, breakLinkClassName, onClick } = props;
+  const className = breakClassName || 'break';
 
   return (
     <li className={className}>
-      <a onClick={onClick} role="button" tabIndex="0" onKeyPress={onClick}>
-        {label}
+      <a
+        className={breakLinkClassName}
+        onClick={onClick}
+        role="button"
+        tabIndex="0"
+        onKeyPress={onClick}
+      >
+        {breakLabel}
       </a>
@@ -24,2 +29,3 @@ </li>
   breakClassName: PropTypes.string,
+  breakLinkClassName: PropTypes.string,
   onClick: PropTypes.func.isRequired,
@@ -26,0 +32,0 @@ };

react_components/PaginationBoxView.js

@@ -32,2 +32,3 @@ 'use strict';
     breakClassName: PropTypes.string,
+    breakLinkClassName: PropTypes.string,
     extraAriaContext: PropTypes.string,
@@ -195,2 +196,3 @@ };
       breakClassName,
+      breakLinkClassName,
     } = this.props;
@@ -263,2 +265,3 @@
               breakClassName={breakClassName}
+              breakLinkClassName={breakLinkClassName}
               onClick={this.handleBreakClick.bind(null, index)}
@@ -265,0 +268,0 @@ />

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

295211

increased by0.58%

Lines of code

2019

increased by1.61%

No dependency changes