react-event-handler

Description

react-event-handler is a component that allows you to handle the events of children elements, delay the invocation of the handlers, and manage some extra events like "clickAnywhere".

Installation

npm install --save react-event-handler

Usage

import EventHandler from "react-event-handler";

const MyButton () =>
  <EventHandler
    onClick={() => console.log("click!")>
    onMouseEnter={handler: () => console.log("mouse enter!"), delay: 1000}
  >
    <div>click here</div>
  </EventHandler>

API

Props can either be simple handler function or an object with the properties handler and delay.

Prop	Type	Optional
onClick	function or object	yes
onMouseEnter	function or object	yes
onMouseLeave	function or object	yes
onFocus	function or object	yes
onBlur	function or object	yes
onClickAnywhere	function or object	yes

CHANGELOG

v1.0.0

• [BREAKING] No longer support React versions < 16.3.0
• Update dependencies

v0.5.1

• Fix typo in forwarded ref prop

v0.5.0

• Add support for React 16.8
• Update dependencies

v0.4.0

• Add wrapper prop to configure the wrapper used by react-event-handler

v0.3.3

• Fix event handler adding and removing document listeners whenever the component received props

v0.3.2

• Trigger document events on bubbling phase instead of capture phase

v0.3.1

• Fix bad event handler usage

v0.3.0

• Added onContextMenuAnywhere handler
• Fix setTimeout related bugs

v0.2.0

• Added onContextMenu handler

v0.1.3

• Fix propType added in v0.1.2 :(

v0.1.2

• Added missing propType

v0.1.1

• Fixed broken package

v0.1.0

• Initial release