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