- Fix prevActiveNotes race condition, and don't add 'active' style to disabled piano keys
#46
- Upgrade dependencies for security warnings
#54
- Upgrade /demo dependencies (react, react-dom, react-scripts)
#53
- Bump lodash from 4.17.10 to 4.17.13 in /demo
#50
- Bump lodash.template from 4.4.0 to 4.5.0 in /demo
#49
- Bump lodash from 4.17.10 to 4.17.15
#52
- Bump handlebars from 4.0.11 to 4.1.2 in /demo
#48
- Bump handlebars from 4.0.11 to 4.1.2
#47
- Make Piano use activeNotes prop for initial state [#40]
- Fix issue where Piano does not expand to container size when "width" prop is omitted [#38]
- Fix activeNotes prop behavior, and add onPlayNoteInput/onStopNoteInput props [#37]
Migration guide from 2.x.x:
- Piano component's
playbackNotes
prop has been replaced withactiveNotes
[#36] - Rename Piano's
onPlayNote
prop toplayNote
[#36] - Rename Piano's
onStopNote
prop tostopNote
[#36] - If you need to support IE, you may now need to polyfill
Array.find
[#30]
Non-migratable changes:
- Gliss behavior is modified so that clicking down on mouse outside the Piano component will not start a gliss - you have to click within the Piano element to start a gliss [#33]
PRs:
- Make Piano a controllable component, and export a ControlledPiano component [#36]
- Only apply mouse/touch listeners on the piano component [#33]
- Remove lodash utilities in favour of just/native [#30]
- Use Rollup filesize plugin [#28]
Thanks to @ritz078 for #30 and #33, and for making the suggestion for #28 and #36!
- Use babel env target to compile ES6 features to ES5 to fix create-react-app prod build [#25]
Migration guide from 1.x.x:
- Import the styles with
import 'react-piano/dist/styles.css'
instead ofimport 'react-piano/build/styles.css'
[#23] - If you customized the
renderNoteLabel
prop, you may need to adjust its behavior because it is now called on all keys, not just ones with keyboardShortcuts. See this commit for more detail.
PRs:
- Call renderNoteLabel for all keys, even if it doesn't have a keyboardShortcut [#24]
- Fix build size and replace webpack with rollup [#23]
- Add className prop [#21]
- Add enzyme tests [#20]
First major release.