react-composite-events/lib/esm/generic.js

A collection of higher-order components (HOCs) to easily create composite events in React components

import compose from './compose';

export var withLongPress = compose({
  eventPropName: 'onLongPress',
  triggerEvent: ['onMouseDown', 'onPressIn'],
  defaultDuration: 1250,
  cancelEvent: ['onMouseUp', 'onMouseOut', 'onPressOut']
});

export var withRemainReleased = compose({
  eventPropName: 'onRemainReleased',
  triggerEvent: ['onMouseUp', 'onPressOut'],
  defaultDuration: 500,
  cancelEvent: ['onMouseDown', 'onPressIn']
});

export var withRemainFocused = compose({
  eventPropName: 'onRemainFocused',
  triggerEvent: 'onFocus',
  defaultDuration: 500,
  cancelEvent: 'onBlur'
});

export var withRemainBlurred = compose({
  eventPropName: 'onRemainBlurred',
  triggerEvent: 'onBlur',
  defaultDuration: 500,
  cancelEvent: 'onFocus'
});