# Changelog
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
### [4.0.6](https://github.com/iiroj/react-sticky-nav/compare/v4.0.5...v4.0.6) (2020-05-04)
### Bug Fixes
* install eslint-plugin-react-hooks and fix errors ([411911f](https://github.com/iiroj/react-sticky-nav/commit/411911f069a34dbbdd72e40d30764e3b1769f586))
### [4.0.5](https://github.com/iiroj/react-sticky-nav/compare/v4.0.4...v4.0.5) (2020-05-04)
### Bug Fixes
* do not use .mjs extension for module field ([d50cd55](https://github.com/iiroj/react-sticky-nav/commit/d50cd55d052d11194cef0561c18ab89e51cadf8a))
### [4.0.4](https://github.com/iiroj/react-sticky-nav/compare/v4.0.3...v4.0.4) (2020-05-03)
### Bug Fixes
* use namespace import for React ([5dfe71b](https://github.com/iiroj/react-sticky-nav/commit/5dfe71b9fac2cedd2c422464ccb7f47fc90ab8e1))
### [4.0.3](https://github.com/iiroj/react-sticky-nav/compare/v4.0.2...v4.0.3) (2020-03-14)
### [4.0.2](https://github.com/iiroj/react-sticky-nav/compare/v4.0.1...v4.0.2) (2020-03-04)
### Bug Fixes
* do not pass mutating top value to render prop ([8115b5d](https://github.com/iiroj/react-sticky-nav/commit/8115b5d317e83b73a74dd4465f5d1f29a43200fe))
### [4.0.1](https://github.com/iiroj/react-sticky-nav/compare/v4.0.0...v4.0.1) (2020-02-18)
## [4.0.0](https://github.com/iiroj/react-sticky-nav/compare/v3.1.16...v4.0.0) (2019-12-30)
### ⚠ BREAKING CHANGES
* Hooks require React version >=16.8
### Features
* add dev command/example using parcel ([2da3b3f](https://github.com/iiroj/react-sticky-nav/commit/2da3b3fbf02d953d054813e7dd0ec6a4d307e042))
* optimize animation by circumventing React render ([f4475f0](https://github.com/iiroj/react-sticky-nav/commit/f4475f0182833461792a57efc74c5c7103f55f4b))
* use closure compiler ([819594b](https://github.com/iiroj/react-sticky-nav/commit/819594bedf434df2e0da220c2e40c8934687faf4))
* use eslint instead of tslint ([a5b756c](https://github.com/iiroj/react-sticky-nav/commit/a5b756cfb86eae0d40f7c5882707aa8fc23af633))
* use mjs extension for esm module ([5d8e032](https://github.com/iiroj/react-sticky-nav/commit/5d8e0321d0b0c7bd3edd58953d67eeb9c7dec2d4))
* use React Hooks ([00bb96b](https://github.com/iiroj/react-sticky-nav/commit/00bb96be638a064a2f236d3fac196c2eae884793))
### [3.1.16](https://github.com/iiroj/react-sticky-nav/compare/v3.1.15...v3.1.16) (2019-10-24)
### [3.1.15](https://github.com/iiroj/react-sticky-nav/compare/v3.1.14...v3.1.15) (2019-09-25)
### [3.1.14](https://github.com/iiroj/react-sticky-nav/compare/v3.1.13...v3.1.14) (2019-09-22)
### [3.1.13](https://github.com/iiroj/react-sticky-nav/compare/v3.1.12...v3.1.13) (2019-08-27)
### [3.1.12](https://github.com/iiroj/react-sticky-nav/compare/v3.1.11...v3.1.12) (2019-07-29)
### [3.1.11](https://github.com/iiroj/react-sticky-nav/compare/v3.1.10...v3.1.11) (2019-07-11)
### [3.1.10](https://github.com/iiroj/react-sticky-nav/compare/v3.1.9...v3.1.10) (2019-07-07)
### Build System
* add husky, commitlint and lint-staged ([7e7e6e8](https://github.com/iiroj/react-sticky-nav/commit/7e7e6e8))
### [3.1.9](https://github.com/iiroj/react-sticky-nav/compare/v3.1.8...v3.1.9) (2019-07-06)
### [3.1.8](https://github.com/iiroj/react-sticky-nav/compare/v3.1.7...v3.1.8) (2019-06-02)
### Bug Fixes
* update types ([9a3ed36](https://github.com/iiroj/react-sticky-nav/commit/9a3ed36))
### [3.1.7](https://github.com/iiroj/react-sticky-nav/compare/v3.1.6...v3.1.7) (2019-05-13)
## [3.1.6](https://github.com/iiroj/react-sticky-nav/compare/v3.1.5...v3.1.6) (2019-04-28)
## [3.1.5](https://github.com/iiroj/react-sticky-nav/compare/v3.1.4...v3.1.5) (2019-03-27)
## [3.1.4](https://github.com/iiroj/react-sticky-nav/compare/v3.1.3...v3.1.4) (2019-03-18)
### Bug Fixes
* do not use any global types ([ce12a1c](https://github.com/iiroj/react-sticky-nav/commit/ce12a1c))
## [3.1.3](https://github.com/iiroj/react-sticky-nav/compare/v3.1.2...v3.1.3) (2019-03-17)
## [3.1.2](https://github.com/iiroj/react-sticky-nav/compare/v3.1.1...v3.1.2) (2019-03-02)
## [3.1.1](https://github.com/iiroj/react-sticky-nav/compare/v3.1.0...v3.1.1) (2019-03-02)
# [3.1.0](https://github.com/iiroj/react-sticky-nav/compare/v3.0.9...v3.1.0) (2019-02-27)
### Features
* add render prop for completely replacing the rendered container ([1ac4c0a](https://github.com/iiroj/react-sticky-nav/commit/1ac4c0a))
## [3.0.8](https://github.com/iiroj/react-sticky-nav/compare/v3.0.7...v3.0.8) (2019-02-05)
## [3.0.7](https://github.com/iiroj/react-sticky-nav/compare/v3.0.6...v3.0.7) (2019-01-26)
## [3.0.6](https://github.com/iiroj/react-sticky-nav/compare/v3.0.5...v3.0.6) (2019-01-15)
## [3.0.5](https://github.com/iiroj/react-sticky-nav/compare/v3.0.4...v3.0.5) (2019-01-13)
## [3.0.4](https://github.com/iiroj/react-sticky-nav/compare/v3.0.3...v3.0.4) (2019-01-13)
## [3.0.3](https://github.com/iiroj/react-sticky-nav/compare/v3.0.2...v3.0.3) (2019-01-13)
## [3.0.2](https://github.com/iiroj/react-sticky-nav/compare/v3.0.1...v3.0.2) (2019-01-09)
## [3.0.1](https://github.com/iiroj/react-sticky-nav/compare/v3.0.0...v3.0.1) (2019-01-09)
# [3.0.0](https://gitlab.com/iiroj/react-sticky-nav/compare/v2.4.0...v3.0.0) (2019-01-08)
### Features
* rename from app-bar to react-sticky-nav ([76dc4a1](https://gitlab.com/iiroj/react-sticky-nav/commit/76dc4a1))
### BREAKING CHANGES
* The old package will be deprecated on NPM
# [2.4.0](https://gitlab.com/iiroj/app-bar/compare/v2.3.0...v2.4.0) (2019-01-04)
### Features
* use terser instead of babel-minify ([6487a6f](https://gitlab.com/iiroj/app-bar/commit/6487a6f))
# [2.3.0](https://gitlab.com/iiroj/app-bar/compare/v2.2.1...v2.3.0) (2019-01-03)
### Features
* upgrade to Rollup v1.0 and build umd bundle ([5c53843](https://gitlab.com/iiroj/app-bar/commit/5c53843))
## [2.2.1](https://gitlab.com/iiroj/app-bar/compare/v2.2.0...v2.2.1) (2018-12-26)
### Bug Fixes
* sideEffects is a boolean ([7eb1d5f](https://gitlab.com/iiroj/app-bar/commit/7eb1d5f))
# [2.2.0](https://gitlab.com/iiroj/app-bar/compare/v2.1.3...v2.2.0) (2018-12-26)
### Features
* generate cjs and esm build with rollup ([fedbdbf](https://gitlab.com/iiroj/app-bar/commit/fedbdbf))
## [2.1.3](https://gitlab.com/iiroj/app-bar/compare/v2.1.2...v2.1.3) (2018-12-26)
## [2.1.2](https://gitlab.com/iiroj/app-bar/compare/v2.1.1...v2.1.2) (2018-12-26)
## [2.1.1](https://gitlab.com/iiroj/app-bar/compare/v2.1.0...v2.1.1) (2018-12-26)
# [2.1.0](https://gitlab.com/iiroj/app-bar/compare/v2.0.5...v2.1.0) (2018-12-26)
### Features
* add current position to state ([4457d3c](https://gitlab.com/iiroj/app-bar/commit/4457d3c))
* allow usage of children as render function that receives current position ([446543c](https://gitlab.com/iiroj/app-bar/commit/446543c))
* upgrade packages, use styled-components in example ([69c8bbe](https://gitlab.com/iiroj/app-bar/commit/69c8bbe))
## [2.0.5](https://gitlab.com/iiroj/app-bar/compare/v2.0.4...v2.0.5) (2018-11-30)
## [2.0.4](https://gitlab.com/iiroj/app-bar/compare/v2.0.3...v2.0.4) (2018-11-10)
## [2.0.3](https://gitlab.com/iiroj/app-bar/compare/v2.0.2...v2.0.3) (2018-11-10)
## [2.0.2](https://gitlab.com/iiroj/app-bar/compare/v2.0.1...v2.0.2) (2018-10-29)
## [2.0.1](https://gitlab.com/iiroj/app-bar/compare/v2.0.0...v2.0.1) (2018-10-12)
# [2.0.0](https://gitlab.com/iiroj/app-bar/compare/v1.8.6...v2.0.0) (2018-10-12)
### Features
* Use React.forwardRef ([253e266](https://gitlab.com/iiroj/app-bar/commit/253e266))
### BREAKING CHANGES
* This commit removes the `innerRef` prop and opts to use the `React.forwardRef` API.
## [1.8.6](https://gitlab.com/iiroj/app-bar/compare/v1.8.5...v1.8.6) (2018-09-22)
## [1.8.5](https://gitlab.com/iiroj/app-bar/compare/v1.8.4...v1.8.5) (2018-09-15)
### Bug Fixes
* Update package-lock.json ([a2b0c3b](https://gitlab.com/iiroj/app-bar/commit/a2b0c3b))
## [1.8.4](https://gitlab.com/iiroj/app-bar/compare/v1.8.3...v1.8.4) (2018-09-15)
## [1.8.3](https://gitlab.com/iiroj/app-bar/compare/v1.8.2...v1.8.3) (2018-09-09)
## [1.8.2](https://gitlab.com/iiroj/app-bar/compare/v1.8.1...v1.8.2) (2018-08-28)
## [1.8.1](https://gitlab.com/iiroj/app-bar/compare/v1.8.0...v1.8.1) (2018-08-20)
# [1.8.0](https://gitlab.com/iiroj/app-bar/compare/v1.7.2...v1.8.0) (2018-08-16)
### Features
* Use standard-version ([3584814](https://gitlab.com/iiroj/app-bar/commit/3584814))
----
# Changelog
All notable changes to this project will be documented in this file.
The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
## [1.7.2] - 2018-08-09
### Changed
- Update packages
- Update readme
## [1.7.1] - 2018-07-31
### Fixed
- Forgot to update packages...
## [1.7.0] - 2018-07-31
### Changed
- Do not include sourcemaps
- Update packages
- Build with Typescript 3.0.1
## [1.6.0] - 2018-07-16
### Changed
- Do not write to dom styles directly
### Removed
- Remove redundant inline css `transition: top 100ms;`
## [1.5.0] - 2018-07-16
### changed
- Use new `React.createRef`
- Update packages
### Fixed
- Set component to `unfixed` when it has reached the top of the scrollable area
### Removed
- Remove redundant inline css `display: block; width: 100%;`
## [1.4.6] - 2018-07-02
### changed
- Update packages
## [1.4.6] - 2018-07-02
### changed
- Update packages
## [1.4.5] - 2018-06-24
### changed
- Update packages
- Move demo files to example/
## [1.4.4] - 2018-06-07
### Fixed
- Fix typo in license
## [1.4.3] - 2018-06-06
### Changed
- Updates to repository
## [1.4.2] - 2018-06-01
### Changed
- Update packages
## [1.4.1] - 2018-05-21
### Changed
- Update readme
## [1.4.0] - 2018-05-21
### Added
- Add three classes, `unfixed`, `hidden` and `pinned` to allow styling on the three absolute states.
1. `unfixed` is applied when `` doesn't touch the top of the screen but is on the page
2. `hidden` is applied when `` is fully hidden (for example, after scrolling down or reloading page when scrolled)
3. `pinned` is applied when `` scrolling up from being hidden
### Changed
- The DOM element is now a `nav` instead of `div`
## [1.3.0] - 2018-05-05
### Removed
- Set styles the old way for SSR support (this leaves out Safari's `position: -webkit-sticky;` from the default styles).
## [1.2.0] - 2018-05-05
### Changed
- Styles are set via the dom node's `setAttribute` to allow for `position: -webkit-sticky;`
- Animation is run via `window.requestAnimationFrame`
- Animation function directly sets the `style.top`
## [1.1.3] - 2018-05-05
### Fixed
- Previous simplification made things worse, so revert it
## [1.1.2] - 2018-05-03
### Changed
- Simplify calculation of top value
## [1.1.1] - 2018-05-03
### Added
- Add `.travis.yml`
## [1.1.0] - 2018-05-03
### Changed
- Change position to `sticky` to support content above the ``
## [1.0.1] - 2018-05-02
### Fixed
- Fix incorrect equality operator when checking for changed `disabled` prop
## [1.0.0] - 2018-05-02
### Added
- Initial Release