react-repeatable - npm Package Compare versions

Comparing version 1.1.0 to 1.1.1

lib/Repeatable.js

@@ -107,2 +107,3 @@ 'use strict';
             var _props = this.props,
+                Component = _props.componentClass,
                 disabled = _props.disabled,
@@ -121,3 +122,3 @@ repeatDelay = _props.repeatDelay,
                 onTouchEnd = _props.onTouchEnd,
-                props = _objectWithoutProperties(_props, ['disabled', 'repeatDelay', 'repeatInterval', 'repeatCount', 'onPress', 'onHoldStart', 'onHold', 'onHoldEnd', 'onRelease', 'onMouseDown', 'onTouchStart', 'onTouchCancel', 'onTouchEnd']);
+                props = _objectWithoutProperties(_props, ['componentClass', 'disabled', 'repeatDelay', 'repeatInterval', 'repeatCount', 'onPress', 'onHoldStart', 'onHold', 'onHoldEnd', 'onRelease', 'onMouseDown', 'onTouchStart', 'onTouchCancel', 'onTouchEnd']);
 
@@ -155,3 +156,3 @@ var release = function release(event) {
 
-            return _react2.default.createElement('div', _extends({
+            return _react2.default.createElement(Component, _extends({
                 role: 'presentation'
@@ -189,2 +190,5 @@ }, props, {
 }(_react.PureComponent), _class.propTypes = {
+    // A custom element for this component.
+    componentClass: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.func]),
+
     // Set it to true to disable event actions.
@@ -215,4 +219,10 @@ disabled: _propTypes2.default.bool,
     // Callback fired when the mouseup, touchcancel, or touchend event is triggered.
-    onRelease: _propTypes2.default.func
+    onRelease: _propTypes2.default.func,
+
+    onMouseDown: _propTypes2.default.func,
+    onTouchStart: _propTypes2.default.func,
+    onTouchCancel: _propTypes2.default.func,
+    onTouchEnd: _propTypes2.default.func
 }, _class.defaultProps = {
+    componentClass: 'div',
     disabled: false,
@@ -219,0 +229,0 @@ repeatDelay: 500,

package.json

 {
   "name": "react-repeatable",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "A press and hold wrapper component that can trigger hold action multiple times while holding down.",
@@ -18,3 +18,3 @@ "main": "lib/index.js",
     "coveralls": "tap test/*.js --coverage --coverage-report=text-lcov --nyc-arg=--require --nyc-arg=babel-register --nyc-arg=--require --nyc-arg=babel-polyfill | coveralls",
-    "dev": "cd examples; webpack-dev-server --hot --inline --host 0.0.0.0 --port 8000 --content-base ../docs"
+    "dev": "cd examples; webpack-dev-server --hot --inline --host 0.0.0.0 --content-base ../docs"
   },
@@ -55,7 +55,7 @@ "repository": {
     "@trendmicro/react-anchor": "~0.5.6",
-    "@trendmicro/react-buttons": "~1.2.1",
+    "@trendmicro/react-buttons": "~1.3.0",
     "babel-cli": "~6.26.0",
     "babel-core": "~6.26.0",
-    "babel-eslint": "~8.1.2",
-    "babel-loader": "~7.1.2",
+    "babel-eslint": "~8.2.2",
+    "babel-loader": "~7.1.3",
     "babel-plugin-transform-decorators-legacy": "~1.3.4",
@@ -66,25 +66,25 @@ "babel-preset-env": "~1.6.1",
     "coveralls": "~3.0.0",
-    "css-loader": "~0.28.7",
-    "enzyme": "~3.2.0",
+    "css-loader": "~0.28.10",
+    "enzyme": "~3.3.0",
     "enzyme-adapter-react-16": "~1.1.1",
-    "eslint": "~4.14.0",
+    "eslint": "~4.18.1",
     "eslint-config-trendmicro": "~1.3.0",
     "eslint-loader": "~1.9.0",
-    "eslint-plugin-import": "~2.8.0",
+    "eslint-plugin-import": "~2.9.0",
     "eslint-plugin-jsx-a11y": "~6.0.3",
-    "eslint-plugin-react": "~7.5.1",
-    "file-loader": "~1.1.6",
+    "eslint-plugin-react": "~7.7.0",
+    "file-loader": "~1.1.9",
     "html-webpack-plugin": "~2.30.1",
-    "http-server": "~0.10.0",
-    "jsdom": "~11.5.1",
+    "http-server": "~0.11.1",
+    "jsdom": "~11.6.2",
     "nib": "~1.1.2",
-    "rc-slider": "~8.5.0",
+    "rc-slider": "~8.6.0",
     "react": "~16.2.0",
     "react-dom": "~16.2.0",
-    "sinon": "^4.1.3",
-    "style-loader": "~0.19.1",
+    "sinon": "^4.4.2",
+    "style-loader": "~0.20.2",
     "stylint": "~1.5.9",
     "stylint-loader": "~1.0.0",
-    "stylus-loader": "~3.0.1",
-    "tap": "~11.0.1",
+    "stylus-loader": "~3.0.2",
+    "tap": "~11.1.1",
     "trendmicro-ui": "~0.5.1",
@@ -91,0 +91,0 @@ "url-loader": "~0.6.2",

README.md

@@ -58,2 +58,3 @@ # react-repeatable [![build status](https://travis-ci.org/cheton/react-repeatable.svg?branch=master)](https://travis-ci.org/cheton/react-repeatable) [![Coverage Status](https://coveralls.io/repos/github/cheton/react-repeatable/badge.svg?branch=master)](https://coveralls.io/github/cheton/react-repeatable?branch=master)
 :--- | :--- | :------ | :----------
+componentClass | element | 'div' | A custom element for this component.
 disabled | Boolean | false | Set it to true to disable event actions.
@@ -60,0 +61,0 @@ repeatDelay | Number | 500 | The time (in milliseconds) to wait before the first hold action is being triggered.

No alert changes

Improved metrics

Total package byte prevSize

16887

2.98%

Lines of code

185

4.52%

Number of lines in readme file

72

1.41%

No dependency changes