Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Socket
Sign inDemoInstall

react-textarea-autosize

Package Overview
Dependencies
Maintainers
4
Versions
99
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-textarea-autosize - npm Package Compare versions

Comparing version 4.0.5 to 4.1.0

20

lib/calculateNodeHeight.js

@@ -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.
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc