- Add the ariaLabelBuilder feature to customize aria-label attributes (see: AdeleD#260).
- Fix the breakLabel prop type in the BreakView component (see: AdeleD#257).
- Add the breakLinkClassName prop.
- Add aria-disabled prop to anchors for accessibility (AdeleD#254)
- Setup eslint and prettier for dev
- Implement forward/backward jump when clicking on a breakview (ellipsis).
- The 'breakLabel' prop should not receive an
<a>
tag anymore. Otherwise, a warning will appear in the JS console:validateDOMNesting(...): <a> cannot appear as a descendant of <a>.
- Tests improvements + fix package release (AdeleD#245).
- Add the activeLinkClassName property.
- Upgrade webpack dev dependencies (Fix "Cannot read property 'properties' of undefined" from webpack-cli).
- Use ES6 export in react_components/index.js (AdeleD#203).
- Add a role="button" on
<a>
tags to let screen readers know explicitly that links (without href) are intended to be interactive elements (AdeleD#212).
- Remove the useless node_modules folder from the previous release (AdeleD#208).
- Fix
disabledClassName
not used in previous and next classnames (AdeleD#204).
- Delete the dependency on
react-addons-create-fragment
. - Delete the dependency on
classnames
.
- Refactor using destructuring.
- Upgrade react-hot-loader to version 3.0.0 (dev dependency).
- Compatibility with React v16.0
- The HTML attribute
aria-label
has been added. - A new prop
extraAriaContext
allows to add some extra text to the end of thearia-label
to provide additional context to the users.
- A new prop
hrefBuilder
has been added. It allows to add customhref
attributes on<a>
tags of the component. - Packages
react
andreact-addons-create-fragment
are now dependencies (see package.json).
-
Some variable have been renamed:
clickCallback
->onPageChange
initialSelected
->initialPage
forceSelected
->forcePage
pageNum
->pageCount
-
onClick
events have been moved on<a>
tags (previously on<li>
s).
clickCallback
(onPageChange
) isn't called during initialization anymore.
HTML Structure:
<ul class="pagination">
<li class="disabled">
<a href="#"><span>«</span></a>
</li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li>
<a href="#"><span>»</span></a>
</li>
</ul>
HTML Structure:
<ul>
<li class="disabled">
<a href="#"><span>«</span></a>
</li>
<li>
<ul>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
</li>
<li>
<a href="#"><span>»</span></a>
</li>
</ul>