primereact 8.7.2 → 9.0.0-beta.1

package/inputswitch/inputswitch.js

@@ -26,14 +26,12 @@ this.primereact.inputswitch = (function (exports, React, tooltip, utils) {
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
@@ -44,42 +42,40 @@ this.primereact.inputswitch = (function (exports, React, tooltip, utils) {
   }
 
   function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
       try {
-        if (!_n && _i["return"] != null) _i["return"]();
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+          ;
+        }
+      } catch (err) {
+        _d = !0, _e = err;
       } finally {
-        if (_d) throw _e;
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
       }
+      return _arr;
     }
-
-    return _arr;
   }
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-
     for (var i = 0, arr2 = new Array(len); i < len; i++) {
       arr2[i] = arr[i];
     }
-
     return arr2;
   }
 
@@ -102,24 +98,20 @@ this.primereact.inputswitch = (function (exports, React, tooltip, utils) {
 
   var InputSwitch = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(false),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        focusedState = _React$useState2[0],
-        setFocusedState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      focusedState = _React$useState2[0],
+      setFocusedState = _React$useState2[1];
     var elementRef = React__namespace.useRef(null);
     var inputRef = React__namespace.useRef(props.inputRef);
     var checked = props.checked === props.trueValue;
-
     var onClick = function onClick(event) {
       if (props.disabled) {
         return;
       }
-
       toggle(event);
       utils.DomHandler.focus(inputRef.current);
       event.preventDefault();
     };
-
     var toggle = function toggle(event) {
       if (props.onChange) {
         var value = checked ? props.falseValue : props.trueValue;
@@ -136,25 +128,25 @@ this.primereact.inputswitch = (function (exports, React, tooltip, utils) {
         });
       }
     };
-
     var onFocus = function onFocus(event) {
       setFocusedState(true);
       props.onFocus && props.onFocus(event);
     };
-
     var onBlur = function onBlur(event) {
       setFocusedState(false);
       props.onBlur && props.onBlur(event);
     };
-
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
+        focus: function focus() {
+          return utils.DomHandler.focus(inputRef.current);
+        },
         getElement: function getElement() {
           return elementRef.current;
         },
         getInput: function getInput() {
-          return elementRef.current;
+          return inputRef.current;
         }
       };
     });

package/inputswitch/inputswitch.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.inputswitch=function(e,t,n,r){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=l(t);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function o(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a=[],i=!0,u=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){u=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(u)throw l}}return a}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var p=a.memo(a.forwardRef((function(e,t){var l,c,d=a.useState(!1),m=(c=2,u(l=d)||o(l,c)||s(l,c)||f()),b=m[0],h=m[1],y=a.useRef(null),v=a.useRef(e.inputRef),g=e.checked===e.trueValue,O=function(t){if(e.onChange){var n=g?e.falseValue:e.trueValue;e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})}};a.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return y.current},getInput:function(){return y.current}}})),a.useEffect((function(){r.ObjectUtils.combinedRefs(v,e.inputRef)}),[v,e.inputRef]);var j=r.ObjectUtils.isNotEmpty(e.tooltip),w=r.ObjectUtils.findDiffKeys(e,p.defaultProps),I=r.ObjectUtils.reduceKeys(w,r.DomHandler.ARIA_PROPS),E=r.classNames("p-inputswitch p-component",{"p-inputswitch-checked":g,"p-disabled":e.disabled,"p-focus":b},e.className);return a.createElement(a.Fragment,null,a.createElement("div",i({ref:y,id:e.id,className:E,style:e.style},w,{onClick:function(t){e.disabled||(O(t),r.DomHandler.focus(v.current),t.preventDefault())},role:"checkbox","aria-checked":g}),a.createElement("div",{className:"p-hidden-accessible"},a.createElement("input",i({ref:v,type:"checkbox",id:e.inputId,name:e.name,checked:g,onChange:O,onFocus:function(t){h(!0),e.onFocus&&e.onFocus(t)},onBlur:function(t){h(!1),e.onBlur&&e.onBlur(t)},disabled:e.disabled,role:"switch",tabIndex:e.tabIndex,"aria-checked":g},I))),a.createElement("span",{className:"p-inputswitch-slider"})),j&&a.createElement(n.Tooltip,i({target:y,content:e.tooltip},e.tooltipOptions)))})));return p.displayName="InputSwitch",p.defaultProps={__TYPE:"InputSwitch",checked:!1,className:null,disabled:!1,falseValue:!1,id:null,inputId:null,inputRef:null,name:null,onBlur:null,onChange:null,onFocus:null,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0},e.InputSwitch=p,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.inputswitch=function(e,t,n,r){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=l(t);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function a(e){if(Array.isArray(e))return e}function o(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,u,i,a=[],o=!0,c=!1;try{if(u=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=u.call(n)).done)&&(a.push(r.value),a.length!==t);o=!0);}catch(e){c=!0,l=e}finally{try{if(!o&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw l}}return a}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var p=u.memo(u.forwardRef((function(e,t){var l,c,d=u.useState(!1),m=(c=2,a(l=d)||o(l,c)||s(l,c)||f()),b=m[0],h=m[1],y=u.useRef(null),v=u.useRef(e.inputRef),g=e.checked===e.trueValue,O=function(t){if(e.onChange){var n=g?e.falseValue:e.trueValue;e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})}};u.useImperativeHandle(t,(function(){return{props:e,focus:function(){return r.DomHandler.focus(v.current)},getElement:function(){return y.current},getInput:function(){return v.current}}})),u.useEffect((function(){r.ObjectUtils.combinedRefs(v,e.inputRef)}),[v,e.inputRef]);var j=r.ObjectUtils.isNotEmpty(e.tooltip),w=r.ObjectUtils.findDiffKeys(e,p.defaultProps),I=r.ObjectUtils.reduceKeys(w,r.DomHandler.ARIA_PROPS),E=r.classNames("p-inputswitch p-component",{"p-inputswitch-checked":g,"p-disabled":e.disabled,"p-focus":b},e.className);return u.createElement(u.Fragment,null,u.createElement("div",i({ref:y,id:e.id,className:E,style:e.style},w,{onClick:function(t){e.disabled||(O(t),r.DomHandler.focus(v.current),t.preventDefault())},role:"checkbox","aria-checked":g}),u.createElement("div",{className:"p-hidden-accessible"},u.createElement("input",i({ref:v,type:"checkbox",id:e.inputId,name:e.name,checked:g,onChange:O,onFocus:function(t){h(!0),e.onFocus&&e.onFocus(t)},onBlur:function(t){h(!1),e.onBlur&&e.onBlur(t)},disabled:e.disabled,role:"switch",tabIndex:e.tabIndex,"aria-checked":g},I))),u.createElement("span",{className:"p-inputswitch-slider"})),j&&u.createElement(n.Tooltip,i({target:y,content:e.tooltip},e.tooltipOptions)))})));return p.displayName="InputSwitch",p.defaultProps={__TYPE:"InputSwitch",checked:!1,className:null,disabled:!1,falseValue:!1,id:null,inputId:null,inputRef:null,name:null,onBlur:null,onChange:null,onFocus:null,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0},e.InputSwitch=p,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils);

package/inputtext/inputtext.cjs.js

@@ -31,14 +31,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -46,38 +44,29 @@ function _extends() {
 
 var InputText = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var elementRef = React__namespace.useRef(ref);
-
   var onKeyDown = function onKeyDown(event) {
     props.onKeyDown && props.onKeyDown(event);
-
     if (props.keyfilter) {
       keyfilter.KeyFilter.onKeyPress(event, props.keyfilter, props.validateOnly);
     }
   };
-
   var onInput = function onInput(event) {
     var validatePattern = true;
-
     if (props.keyfilter && props.validateOnly) {
       validatePattern = keyfilter.KeyFilter.validate(event, props.keyfilter);
     }
-
     props.onInput && props.onInput(event, validatePattern);
-
     if (!props.onChange) {
       var target = event.target;
       utils.ObjectUtils.isNotEmpty(target.value) ? utils.DomHandler.addClass(target, 'p-filled') : utils.DomHandler.removeClass(target, 'p-filled');
     }
   };
-
   var onPaste = function onPaste(event) {
     props.onPaste && props.onPaste(event);
-
     if (props.keyfilter) {
       keyfilter.KeyFilter.onPaste(event, props.keyfilter, props.validateOnly);
     }
   };
-
   var currentValue = elementRef.current && elementRef.current.value;
   var isFilled = React__namespace.useMemo(function () {
     return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue) || utils.ObjectUtils.isNotEmpty(currentValue);

package/inputtext/inputtext.d.ts

@@ -1,16 +1,65 @@
+/**
+ *
+ * InputText is an extension to standard input element with theming and keyfiltering.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/inputtext/)
+ *
+ * @module inputtext
+ *
+ */
 import * as React from 'react';
 import { KeyFilterType } from '../keyfilter';
-import TooltipOptions from '../tooltip/tooltipoptions';
+import { TooltipOptions } from '../tooltip/tooltipoptions';
 
-export interface InputTextProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'onInput' | 'ref'> {
-    children?: React.ReactNode;
+/**
+ * Defines valid properties in InputText component. In addition to these, all properties of HTMLInputElement can be used in this component.
+ * @group Properties
+ */
+export interface InputTextProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'onInput' | 'ref' | 'value'> {
+    /**
+     * Format definition of the keys to block.
+     */
     keyfilter?: KeyFilterType;
-    tooltip?: string;
-    tooltipOptions?: TooltipOptions;
-    validateOnly?: boolean;
+    /**
+     * Content of the tooltip.
+     */
+    tooltip?: string | undefined;
+    /**
+     * Configuration of the tooltip, refer to the tooltip documentation for more information.
+     * @type {TooltipOptions}
+     */
+    tooltipOptions?: TooltipOptions | undefined;
+    /**
+     * When enabled, instead of blocking keys, input is validated internally to test against the regular expression.
+     * @defaultValue false
+     */
+    validateOnly?: boolean | undefined;
+    /**
+     * The value of component
+     */
+    value?: string | undefined;
+    /**
+     * Callback to invoke while typing value on input
+     * @param {React.FormEvent<HTMLInputElement>} event - Browser event
+     * @param {boolean} validatePattern - Whether to validate the value
+     */
     onInput?(event: React.FormEvent<HTMLInputElement>, validatePattern: boolean): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
-export declare class InputText extends React.Component<InputTextProps, any> {
-    //value?: string;
-}
+/**
+ * **PrimeReact - InputText**
+ *
+ * _InputText is an extension to standard input element with theming and keyfiltering._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/inputtext/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
+export declare const InputText: React.ForwardRefExoticComponent<InputTextProps & React.RefAttributes<HTMLInputElement>>;

package/inputtext/inputtext.esm.js

@@ -7,14 +7,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -22,38 +20,29 @@ function _extends() {
 
 var InputText = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(ref);
-
   var onKeyDown = function onKeyDown(event) {
     props.onKeyDown && props.onKeyDown(event);
-
     if (props.keyfilter) {
       KeyFilter.onKeyPress(event, props.keyfilter, props.validateOnly);
     }
   };
-
   var onInput = function onInput(event) {
     var validatePattern = true;
-
     if (props.keyfilter && props.validateOnly) {
       validatePattern = KeyFilter.validate(event, props.keyfilter);
     }
-
     props.onInput && props.onInput(event, validatePattern);
-
     if (!props.onChange) {
       var target = event.target;
       ObjectUtils.isNotEmpty(target.value) ? DomHandler.addClass(target, 'p-filled') : DomHandler.removeClass(target, 'p-filled');
     }
   };
-
   var onPaste = function onPaste(event) {
     props.onPaste && props.onPaste(event);
-
     if (props.keyfilter) {
       KeyFilter.onPaste(event, props.keyfilter, props.validateOnly);
     }
   };
-
   var currentValue = elementRef.current && elementRef.current.value;
   var isFilled = React.useMemo(function () {
     return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue) || ObjectUtils.isNotEmpty(currentValue);

package/inputtext/inputtext.js

@@ -26,14 +26,12 @@ this.primereact.inputtext = (function (exports, React, keyfilter, tooltip, utils
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
@@ -41,38 +39,29 @@ this.primereact.inputtext = (function (exports, React, keyfilter, tooltip, utils
 
   var InputText = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var elementRef = React__namespace.useRef(ref);
-
     var onKeyDown = function onKeyDown(event) {
       props.onKeyDown && props.onKeyDown(event);
-
       if (props.keyfilter) {
         keyfilter.KeyFilter.onKeyPress(event, props.keyfilter, props.validateOnly);
       }
     };
-
     var onInput = function onInput(event) {
       var validatePattern = true;
-
       if (props.keyfilter && props.validateOnly) {
         validatePattern = keyfilter.KeyFilter.validate(event, props.keyfilter);
       }
-
       props.onInput && props.onInput(event, validatePattern);
-
       if (!props.onChange) {
         var target = event.target;
         utils.ObjectUtils.isNotEmpty(target.value) ? utils.DomHandler.addClass(target, 'p-filled') : utils.DomHandler.removeClass(target, 'p-filled');
       }
     };
-
     var onPaste = function onPaste(event) {
       props.onPaste && props.onPaste(event);
-
       if (props.keyfilter) {
         keyfilter.KeyFilter.onPaste(event, props.keyfilter, props.validateOnly);
       }
     };
-
     var currentValue = elementRef.current && elementRef.current.value;
     var isFilled = React__namespace.useMemo(function () {
       return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue) || utils.ObjectUtils.isNotEmpty(currentValue);

package/inputtextarea/inputtextarea.cjs.js

@@ -31,14 +31,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -47,82 +45,64 @@ function _extends() {
 var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var elementRef = React__namespace.useRef(ref);
   var cachedScrollHeight = React__namespace.useRef(0);
-
   var onFocus = function onFocus(event) {
     if (props.autoResize) {
       resize();
     }
-
     props.onFocus && props.onFocus(event);
   };
-
   var onBlur = function onBlur(event) {
     if (props.autoResize) {
       resize();
     }
-
     props.onBlur && props.onBlur(event);
   };
-
   var onKeyUp = function onKeyUp(event) {
     if (props.autoResize) {
       resize();
     }
-
     props.onKeyUp && props.onKeyUp(event);
   };
-
   var onKeyDown = function onKeyDown(event) {
     props.onKeyDown && props.onKeyDown(event);
-
     if (props.keyfilter) {
       keyfilter.KeyFilter.onKeyPress(event, props.keyfilter, props.validateOnly);
     }
   };
-
   var onPaste = function onPaste(event) {
     props.onPaste && props.onPaste(event);
-
     if (props.keyfilter) {
       keyfilter.KeyFilter.onPaste(event, props.keyfilter, props.validateOnly);
     }
   };
-
   var onInput = function onInput(event) {
     if (props.autoResize) {
       resize();
     }
-
     props.onInput && props.onInput(event);
     var target = event.target;
     utils.ObjectUtils.isNotEmpty(target.value) ? utils.DomHandler.addClass(target, 'p-filled') : utils.DomHandler.removeClass(target, 'p-filled');
   };
-
   var resize = function resize(initial) {
     var inputEl = elementRef.current;
-
     if (inputEl && utils.DomHandler.isVisible(inputEl)) {
       if (!cachedScrollHeight.current) {
         cachedScrollHeight.current = inputEl.scrollHeight;
         inputEl.style.overflow = 'hidden';
       }
-
       if (cachedScrollHeight.current !== inputEl.scrollHeight || initial) {
         inputEl.style.height = '';
         inputEl.style.height = inputEl.scrollHeight + 'px';
-
         if (parseFloat(inputEl.style.height) >= parseFloat(inputEl.style.maxHeight)) {
           inputEl.style.overflowY = 'scroll';
           inputEl.style.height = inputEl.style.maxHeight;
         } else {
           inputEl.style.overflow = 'hidden';
         }
-
         cachedScrollHeight.current = inputEl.scrollHeight;
       }
     }
   };
-
   var currentValue = elementRef.current && elementRef.current.value;
   var isFilled = React__namespace.useMemo(function () {
     return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue) || utils.ObjectUtils.isNotEmpty(currentValue);

package/inputtextarea/inputtextarea.d.ts

@@ -1,15 +1,59 @@
+/**
+ *
+ * Inputtextarea add styling and autoResize functionality to standard textarea element.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/inputtextarea/)
+ *
+ * @module inputtextarea
+ *
+ */
 import * as React from 'react';
 import { KeyFilterType } from '../keyfilter';
-import TooltipOptions from '../tooltip/tooltipoptions';
+import { TooltipOptions } from '../tooltip/tooltipoptions';
 
-export interface InputTextareaProps extends Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'ref'> {
-    autoResize?: boolean;
-    children?: React.ReactNode;
+/**
+ * Defines valid properties in InputTextarea component. In addition to these, all properties of HTMLTextAreaElement can be used in this component.
+ * @group Properties
+ */
+export interface InputTextareaProps extends Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'ref' | 'value'> {
+    /**
+     * When present, height of textarea changes as being typed.
+     * @defaultValue false
+     */
+    autoResize?: boolean | undefined;
+    /**
+     * Format definition of the keys to block.
+     */
     keyfilter?: KeyFilterType;
-    tooltip?: string;
-    tooltipOptions?: TooltipOptions;
+    /**
+     * Content of the tooltip.
+     */
+    tooltip?: string | undefined;
+    /**
+     * Configuration of the tooltip, refer to the tooltip documentation for more information.
+     * @type {TooltipOptions}
+     */
+    tooltipOptions?: TooltipOptions | undefined;
+    /**
+     * The value of component
+     */
+    value?: string | undefined;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
-export declare class InputTextarea extends React.Component<InputTextareaProps, any> {
-    value?: string;
-}
+/**
+ * **PrimeReact - InputTextarea**
+ *
+ * _Inputtextarea add styling and autoResize functionality to standard textarea element._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/inputtextarea/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
+export declare const InputTextarea: React.ForwardRefExoticComponent<InputTextareaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/inputtextarea/inputtextarea.esm.js

@@ -7,14 +7,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -23,82 +21,64 @@ function _extends() {
 var InputTextarea = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(ref);
   var cachedScrollHeight = React.useRef(0);
-
   var onFocus = function onFocus(event) {
     if (props.autoResize) {
       resize();
     }
-
     props.onFocus && props.onFocus(event);
   };
-
   var onBlur = function onBlur(event) {
     if (props.autoResize) {
       resize();
     }
-
     props.onBlur && props.onBlur(event);
   };
-
   var onKeyUp = function onKeyUp(event) {
     if (props.autoResize) {
       resize();
     }
-
     props.onKeyUp && props.onKeyUp(event);
   };
-
   var onKeyDown = function onKeyDown(event) {
     props.onKeyDown && props.onKeyDown(event);
-
     if (props.keyfilter) {
       KeyFilter.onKeyPress(event, props.keyfilter, props.validateOnly);
     }
   };
-
   var onPaste = function onPaste(event) {
     props.onPaste && props.onPaste(event);
-
     if (props.keyfilter) {
       KeyFilter.onPaste(event, props.keyfilter, props.validateOnly);
     }
   };
-
   var onInput = function onInput(event) {
     if (props.autoResize) {
       resize();
     }
-
     props.onInput && props.onInput(event);
     var target = event.target;
     ObjectUtils.isNotEmpty(target.value) ? DomHandler.addClass(target, 'p-filled') : DomHandler.removeClass(target, 'p-filled');
   };
-
   var resize = function resize(initial) {
     var inputEl = elementRef.current;
-
     if (inputEl && DomHandler.isVisible(inputEl)) {
       if (!cachedScrollHeight.current) {
         cachedScrollHeight.current = inputEl.scrollHeight;
         inputEl.style.overflow = 'hidden';
       }
-
       if (cachedScrollHeight.current !== inputEl.scrollHeight || initial) {
         inputEl.style.height = '';
         inputEl.style.height = inputEl.scrollHeight + 'px';
-
         if (parseFloat(inputEl.style.height) >= parseFloat(inputEl.style.maxHeight)) {
           inputEl.style.overflowY = 'scroll';
           inputEl.style.height = inputEl.style.maxHeight;
         } else {
           inputEl.style.overflow = 'hidden';
         }
-
         cachedScrollHeight.current = inputEl.scrollHeight;
       }
     }
   };
-
   var currentValue = elementRef.current && elementRef.current.value;
   var isFilled = React.useMemo(function () {
     return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue) || ObjectUtils.isNotEmpty(currentValue);