feat: Add activationKeyCodes to configure the keyboard shortcuts

[pimterry]

Fixes #584: you can now set activationKeyCodes on the sortable container as an array of the keycodes which should be used to activate/deactivate sorting.

By default it's [32] (just space, as before) and I've tested it working in my app with [32, 13] (space and enter).

[clauderic]

What do you think of taking a more holistic approach and making all of the keycodes configurable?

Something like:

<SortableContainer 
  keyCodes={{
    lift: [32],
    drop: [32],
    cancel: [27],
    up: [38],
    down: [40],
  }}
/>

[pimterry]

It's interesting, I can definitely see the argument for providing more control. Doing it with one object doesn't play nicely with defaultProps though afaik; you'd have to either use the default set of keys, or redefine all of them, which is a bit awkward. Is there an easy way around that?

[clauderic]

Something like this should probably do the trick:

const defaultKeyCodes = {
  lift: [32],
  drop: [32],
  cancel: [27],
  up: [38],
  down: [40],
};

const {keyCodes: customKeyCodes = {}} = this.props;
const keyCodes = {
   ...defaultKeyCodes,
   ...customKeyCodes,
};

[pimterry]

Sure, that works nicely, done 👍

[clauderic]

Looks great, just two minor nitpicks then good to go 👍

[pimterry]

@clauderic all fixed up 👍

[clauderic]

Beautiful, will include this in the next release 👍

[clauderic]

Released in 1.10.0