react-textarea-autosize
Advanced tools
Comparing version 4.0.5 to 4.1.0
@@ -19,5 +19,5 @@ 'use strict'; | ||
function calculateNodeHeight(uiTextNode) { | ||
var useCache = arguments.length <= 1 || arguments[1] === undefined ? false : arguments[1]; | ||
var minRows = arguments.length <= 2 || arguments[2] === undefined ? null : arguments[2]; | ||
var maxRows = arguments.length <= 3 || arguments[3] === undefined ? null : arguments[3]; | ||
var useCache = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; | ||
var minRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null; | ||
var maxRows = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null; | ||
@@ -32,9 +32,8 @@ if (!hiddenTextarea) { | ||
var _calculateNodeStyling = calculateNodeStyling(uiTextNode, useCache); | ||
var _calculateNodeStyling = calculateNodeStyling(uiTextNode, useCache), | ||
paddingSize = _calculateNodeStyling.paddingSize, | ||
borderSize = _calculateNodeStyling.borderSize, | ||
boxSizing = _calculateNodeStyling.boxSizing, | ||
sizingStyle = _calculateNodeStyling.sizingStyle; | ||
var paddingSize = _calculateNodeStyling.paddingSize; | ||
var borderSize = _calculateNodeStyling.borderSize; | ||
var boxSizing = _calculateNodeStyling.boxSizing; | ||
var sizingStyle = _calculateNodeStyling.sizingStyle; | ||
// Need to have the overflow attribute to hide the scrollbar otherwise | ||
@@ -44,2 +43,3 @@ // text-lines will not calculated properly as the shadow will technically be | ||
hiddenTextarea.setAttribute('style', sizingStyle + ';' + HIDDEN_TEXTAREA_STYLE); | ||
@@ -83,3 +83,3 @@ hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || 'x'; | ||
function calculateNodeStyling(node) { | ||
var useCache = arguments.length <= 1 || arguments[1] === undefined ? false : arguments[1]; | ||
var useCache = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; | ||
@@ -86,0 +86,0 @@ var nodeRef = node.getAttribute('id') || node.getAttribute('data-reactid') || node.getAttribute('name'); |
@@ -10,3 +10,3 @@ 'use strict'; | ||
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; }; | ||
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; | ||
@@ -23,2 +23,6 @@ var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); | ||
var _propTypes = require('prop-types'); | ||
var _propTypes2 = _interopRequireDefault(_propTypes); | ||
var _calculateNodeHeight = require('./calculateNodeHeight'); | ||
@@ -64,11 +68,10 @@ | ||
value: function render() { | ||
var _props = this.props; | ||
var valueLink = _props.valueLink; | ||
var _minRows = _props.minRows; | ||
var _maxRows = _props.maxRows; | ||
var _onHeightChange = _props.onHeightChange; | ||
var _useCacheForDOMMeasurements = _props.useCacheForDOMMeasurements; | ||
var _props = this.props, | ||
valueLink = _props.valueLink, | ||
_minRows = _props.minRows, | ||
_maxRows = _props.maxRows, | ||
_onHeightChange = _props.onHeightChange, | ||
_useCacheForDOMMeasurements = _props.useCacheForDOMMeasurements, | ||
props = _objectWithoutProperties(_props, ['valueLink', 'minRows', 'maxRows', 'onHeightChange', 'useCacheForDOMMeasurements']); | ||
var props = _objectWithoutProperties(_props, ['valueLink', 'minRows', 'maxRows', 'onHeightChange', 'useCacheForDOMMeasurements']); | ||
if ((typeof valueLink === 'undefined' ? 'undefined' : _typeof(valueLink)) === 'object') { | ||
@@ -129,2 +132,3 @@ props.value = valueLink.value; | ||
this._rootDOMNode = node; | ||
if (this.props.inputRef) this.props.inputRef(node); | ||
} | ||
@@ -135,5 +139,5 @@ }, { | ||
this._resizeComponent(); | ||
var _props2 = this.props; | ||
var valueLink = _props2.valueLink; | ||
var onChange = _props2.onChange; | ||
var _props2 = this.props, | ||
valueLink = _props2.valueLink, | ||
onChange = _props2.onChange; | ||
@@ -234,3 +238,3 @@ if (valueLink) { | ||
*/ | ||
value: _react2.default.PropTypes.string, | ||
value: _propTypes2.default.string, | ||
@@ -240,3 +244,3 @@ /** | ||
*/ | ||
onChange: _react2.default.PropTypes.func, | ||
onChange: _propTypes2.default.func, | ||
@@ -246,3 +250,3 @@ /** | ||
*/ | ||
onHeightChange: _react2.default.PropTypes.func, | ||
onHeightChange: _propTypes2.default.func, | ||
@@ -256,3 +260,3 @@ /** | ||
*/ | ||
useCacheForDOMMeasurements: _react2.default.PropTypes.bool, | ||
useCacheForDOMMeasurements: _propTypes2.default.bool, | ||
@@ -262,3 +266,3 @@ /** | ||
*/ | ||
rows: _react2.default.PropTypes.number, | ||
rows: _propTypes2.default.number, | ||
@@ -268,3 +272,3 @@ /** | ||
*/ | ||
minRows: _react2.default.PropTypes.number, | ||
minRows: _propTypes2.default.number, | ||
@@ -274,3 +278,8 @@ /** | ||
*/ | ||
maxRows: _react2.default.PropTypes.number | ||
maxRows: _propTypes2.default.number, | ||
/** | ||
* Allows an owner to retrieve the DOM node. | ||
*/ | ||
inputRef: _propTypes2.default.func | ||
}, _class.defaultProps = { | ||
@@ -277,0 +286,0 @@ onChange: emptyFunction, |
{ | ||
"name": "react-textarea-autosize", | ||
"description": "textarea component for React which grows with content", | ||
"version": "4.0.5", | ||
"version": "4.1.0", | ||
"keywords": "autosize, grow, react, react-component, textarea", | ||
@@ -30,3 +30,6 @@ "repository": "andreypopp/react-textarea-autosize", | ||
"lib" | ||
] | ||
], | ||
"dependencies": { | ||
"prop-types": "^15.5.8" | ||
} | ||
} |
@@ -39,4 +39,10 @@ # react-textarea-autosize | ||
This will run eslint, test runner, compile sources from `src/` to `lib/`, bump a | ||
version in `package.json` and then create a new git commit with tag. If tests or | ||
linter fails — commit won't be created. | ||
To publish release: | ||
% make publish | ||
This publishes to npm and pushes a tag to github. |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
17280
334
48
2
+ Addedprop-types@^15.5.8