primereact 9.4.0 → 9.6.0

package/inputtext/inputtext.esm.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 import { KeyFilter } from 'primereact/keyfilter';
 import { Tooltip } from 'primereact/tooltip';
-import { ObjectUtils, classNames, DomHandler } from 'primereact/utils';
+import { ObjectUtils, classNames, mergeProps, DomHandler } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
+import { PrimeReactContext } from 'primereact/api';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -18,28 +20,28 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var InputTextBase = {
+var InputTextBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'InputText',
     keyfilter: null,
     validateOnly: false,
     tooltip: null,
     tooltipOptions: null,
+    onBeforeInput: null,
     onInput: null,
     onKeyDown: null,
     onPaste: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, InputTextBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, InputTextBase.defaultProps);
   }
-};
+});
 
 var InputText = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = InputTextBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = InputTextBase.getProps(inProps, context);
+  var _InputTextBase$setMet = InputTextBase.setMetaData({
+      props: props
+    }),
+    ptm = _InputTextBase$setMet.ptm;
   var elementRef = React.useRef(ref);
   var onKeyDown = function onKeyDown(event) {
     props.onKeyDown && props.onKeyDown(event);
@@ -47,6 +49,12 @@ var InputText = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       KeyFilter.onKeyPress(event, props.keyfilter, props.validateOnly);
     }
   };
+  var onBeforeInput = function onBeforeInput(event) {
+    props.onBeforeInput && props.onBeforeInput(event);
+    if (props.keyfilter) {
+      KeyFilter.onBeforeInput(event, props.keyfilter, props.validateOnly);
+    }
+  };
   var onInput = function onInput(event) {
     var target = event.target;
     var validatePattern = true;
@@ -71,22 +79,24 @@ var InputText = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue);
   }, [props.value, props.defaultValue]);
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = InputTextBase.getOtherProps(props);
   var className = classNames('p-inputtext p-component', {
     'p-disabled': props.disabled,
     'p-filled': isFilled
   }, props.className);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _extends({
-    ref: elementRef
-  }, otherProps, {
+  var rootProps = mergeProps({
+    ref: elementRef,
     className: className,
+    onBeforeInput: onBeforeInput,
     onInput: onInput,
     onKeyDown: onKeyDown,
     onPaste: onPaste
-  })), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+  }, InputTextBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", rootProps), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
-  }, props.tooltipOptions)));
+  }, props.tooltipOptions, {
+    pt: ptm('tooltip')
+  })));
 }));
 InputText.displayName = 'InputText';
 

package/inputtext/inputtext.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{KeyFilter as t}from"primereact/keyfilter";import{Tooltip as n}from"primereact/tooltip";import{ObjectUtils as o,classNames as r,DomHandler as l}from"primereact/utils";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},a.apply(this,arguments)}var i={defaultProps:{__TYPE:"InputText",keyfilter:null,validateOnly:!1,tooltip:null,tooltipOptions:null,onInput:null,onKeyDown:null,onPaste:null,children:void 0},getProps:function(e){return o.getMergedProps(e,i.defaultProps)},getOtherProps:function(e){return o.getDiffProps(e,i.defaultProps)}},p=e.memo(e.forwardRef((function(p,s){var u=i.getProps(p),f=e.useRef(s);e.useEffect((function(){o.combinedRefs(f,s)}),[f,s]);var c=e.useMemo((function(){return o.isNotEmpty(u.value)||o.isNotEmpty(u.defaultValue)}),[u.value,u.defaultValue]),m=o.isNotEmpty(u.tooltip),d=i.getOtherProps(u),y=r("p-inputtext p-component",{"p-disabled":u.disabled,"p-filled":c},u.className);return e.createElement(e.Fragment,null,e.createElement("input",a({ref:f},d,{className:y,onInput:function(e){var n=e.target,r=!0;u.keyfilter&&u.validateOnly&&(r=t.validate(e,u.keyfilter)),u.onInput&&u.onInput(e,r),o.isNotEmpty(n.value)?l.addClass(n,"p-filled"):l.removeClass(n,"p-filled")},onKeyDown:function(e){u.onKeyDown&&u.onKeyDown(e),u.keyfilter&&t.onKeyPress(e,u.keyfilter,u.validateOnly)},onPaste:function(e){u.onPaste&&u.onPaste(e),u.keyfilter&&t.onPaste(e,u.keyfilter,u.validateOnly)}})),m&&e.createElement(n,a({target:f,content:u.tooltip},u.tooltipOptions)))})));p.displayName="InputText";export{p as InputText};
+import*as e from"react";import{KeyFilter as t}from"primereact/keyfilter";import{Tooltip as n}from"primereact/tooltip";import{ObjectUtils as o,classNames as r,mergeProps as l,DomHandler as a}from"primereact/utils";import{ComponentBase as i}from"primereact/componentbase";import{PrimeReactContext as p}from"primereact/api";function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},u.apply(this,arguments)}var f=i.extend({defaultProps:{__TYPE:"InputText",keyfilter:null,validateOnly:!1,tooltip:null,tooltipOptions:null,onBeforeInput:null,onInput:null,onKeyDown:null,onPaste:null,children:void 0}}),s=e.memo(e.forwardRef((function(i,s){var m=e.useContext(p),c=f.getProps(i,m),y=f.setMetaData({props:c}).ptm,d=e.useRef(s);e.useEffect((function(){o.combinedRefs(d,s)}),[d,s]);var v=e.useMemo((function(){return o.isNotEmpty(c.value)||o.isNotEmpty(c.defaultValue)}),[c.value,c.defaultValue]),O=o.isNotEmpty(c.tooltip),I=r("p-inputtext p-component",{"p-disabled":c.disabled,"p-filled":v},c.className),P=l({ref:d,className:I,onBeforeInput:function(e){c.onBeforeInput&&c.onBeforeInput(e),c.keyfilter&&t.onBeforeInput(e,c.keyfilter,c.validateOnly)},onInput:function(e){var n=e.target,r=!0;c.keyfilter&&c.validateOnly&&(r=t.validate(e,c.keyfilter)),c.onInput&&c.onInput(e,r),o.isNotEmpty(n.value)?a.addClass(n,"p-filled"):a.removeClass(n,"p-filled")},onKeyDown:function(e){c.onKeyDown&&c.onKeyDown(e),c.keyfilter&&t.onKeyPress(e,c.keyfilter,c.validateOnly)},onPaste:function(e){c.onPaste&&c.onPaste(e),c.keyfilter&&t.onPaste(e,c.keyfilter,c.validateOnly)}},f.getOtherProps(c),y("root"));return e.createElement(e.Fragment,null,e.createElement("input",P),O&&e.createElement(n,u({target:d,content:c.tooltip},c.tooltipOptions,{pt:y("tooltip")})))})));s.displayName="InputText";export{s as InputText};

package/inputtext/inputtext.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.inputtext = (function (exports, React, keyfilter, tooltip, utils) {
+this.primereact.inputtext = (function (exports, React, keyfilter, tooltip, utils, componentbase, api) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -37,28 +37,28 @@ this.primereact.inputtext = (function (exports, React, keyfilter, tooltip, utils
     return _extends.apply(this, arguments);
   }
 
-  var InputTextBase = {
+  var InputTextBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'InputText',
       keyfilter: null,
       validateOnly: false,
       tooltip: null,
       tooltipOptions: null,
+      onBeforeInput: null,
       onInput: null,
       onKeyDown: null,
       onPaste: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, InputTextBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, InputTextBase.defaultProps);
     }
-  };
+  });
 
   var InputText = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = InputTextBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = InputTextBase.getProps(inProps, context);
+    var _InputTextBase$setMet = InputTextBase.setMetaData({
+        props: props
+      }),
+      ptm = _InputTextBase$setMet.ptm;
     var elementRef = React__namespace.useRef(ref);
     var onKeyDown = function onKeyDown(event) {
       props.onKeyDown && props.onKeyDown(event);
@@ -66,6 +66,12 @@ this.primereact.inputtext = (function (exports, React, keyfilter, tooltip, utils
         keyfilter.KeyFilter.onKeyPress(event, props.keyfilter, props.validateOnly);
       }
     };
+    var onBeforeInput = function onBeforeInput(event) {
+      props.onBeforeInput && props.onBeforeInput(event);
+      if (props.keyfilter) {
+        keyfilter.KeyFilter.onBeforeInput(event, props.keyfilter, props.validateOnly);
+      }
+    };
     var onInput = function onInput(event) {
       var target = event.target;
       var validatePattern = true;
@@ -90,22 +96,24 @@ this.primereact.inputtext = (function (exports, React, keyfilter, tooltip, utils
       return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue);
     }, [props.value, props.defaultValue]);
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-    var otherProps = InputTextBase.getOtherProps(props);
     var className = utils.classNames('p-inputtext p-component', {
       'p-disabled': props.disabled,
       'p-filled': isFilled
     }, props.className);
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("input", _extends({
-      ref: elementRef
-    }, otherProps, {
+    var rootProps = utils.mergeProps({
+      ref: elementRef,
       className: className,
+      onBeforeInput: onBeforeInput,
       onInput: onInput,
       onKeyDown: onKeyDown,
       onPaste: onPaste
-    })), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+    }, InputTextBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("input", rootProps), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
-    }, props.tooltipOptions)));
+    }, props.tooltipOptions, {
+      pt: ptm('tooltip')
+    })));
   }));
   InputText.displayName = 'InputText';
 
@@ -115,4 +123,4 @@ this.primereact.inputtext = (function (exports, React, keyfilter, tooltip, utils
 
   return exports;
 
-})({}, React, primereact.keyfilter, primereact.tooltip, primereact.utils);
+})({}, React, primereact.keyfilter, primereact.tooltip, primereact.utils, primereact.componentbase, primereact.api);

package/inputtext/inputtext.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.inputtext=function(e,t,n,r,l){"use strict";function i(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 o=i(t);function a(){return a=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},a.apply(this,arguments)}var s={defaultProps:{__TYPE:"InputText",keyfilter:null,validateOnly:!1,tooltip:null,tooltipOptions:null,onInput:null,onKeyDown:null,onPaste:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,s.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,s.defaultProps)}},u=o.memo(o.forwardRef((function(e,t){var i=s.getProps(e),u=o.useRef(t);o.useEffect((function(){l.ObjectUtils.combinedRefs(u,t)}),[u,t]);var p=o.useMemo((function(){return l.ObjectUtils.isNotEmpty(i.value)||l.ObjectUtils.isNotEmpty(i.defaultValue)}),[i.value,i.defaultValue]),c=l.ObjectUtils.isNotEmpty(i.tooltip),f=s.getOtherProps(i),d=l.classNames("p-inputtext p-component",{"p-disabled":i.disabled,"p-filled":p},i.className);return o.createElement(o.Fragment,null,o.createElement("input",a({ref:u},f,{className:d,onInput:function(e){var t=e.target,r=!0;i.keyfilter&&i.validateOnly&&(r=n.KeyFilter.validate(e,i.keyfilter)),i.onInput&&i.onInput(e,r),l.ObjectUtils.isNotEmpty(t.value)?l.DomHandler.addClass(t,"p-filled"):l.DomHandler.removeClass(t,"p-filled")},onKeyDown:function(e){i.onKeyDown&&i.onKeyDown(e),i.keyfilter&&n.KeyFilter.onKeyPress(e,i.keyfilter,i.validateOnly)},onPaste:function(e){i.onPaste&&i.onPaste(e),i.keyfilter&&n.KeyFilter.onPaste(e,i.keyfilter,i.validateOnly)}})),c&&o.createElement(r.Tooltip,a({target:u,content:i.tooltip},i.tooltipOptions)))})));return u.displayName="InputText",e.InputText=u,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.keyfilter,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.inputtext=function(e,t,n,r,o,l,i){"use strict";function a(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 p=a(t);function u(){return u=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},u.apply(this,arguments)}var s=l.ComponentBase.extend({defaultProps:{__TYPE:"InputText",keyfilter:null,validateOnly:!1,tooltip:null,tooltipOptions:null,onBeforeInput:null,onInput:null,onKeyDown:null,onPaste:null,children:void 0}}),c=p.memo(p.forwardRef((function(e,t){var l=p.useContext(i.PrimeReactContext),a=s.getProps(e,l),c=s.setMetaData({props:a}).ptm,f=p.useRef(t);p.useEffect((function(){o.ObjectUtils.combinedRefs(f,t)}),[f,t]);var y=p.useMemo((function(){return o.ObjectUtils.isNotEmpty(a.value)||o.ObjectUtils.isNotEmpty(a.defaultValue)}),[a.value,a.defaultValue]),m=o.ObjectUtils.isNotEmpty(a.tooltip),d=o.classNames("p-inputtext p-component",{"p-disabled":a.disabled,"p-filled":y},a.className),O=o.mergeProps({ref:f,className:d,onBeforeInput:function(e){a.onBeforeInput&&a.onBeforeInput(e),a.keyfilter&&n.KeyFilter.onBeforeInput(e,a.keyfilter,a.validateOnly)},onInput:function(e){var t=e.target,r=!0;a.keyfilter&&a.validateOnly&&(r=n.KeyFilter.validate(e,a.keyfilter)),a.onInput&&a.onInput(e,r),o.ObjectUtils.isNotEmpty(t.value)?o.DomHandler.addClass(t,"p-filled"):o.DomHandler.removeClass(t,"p-filled")},onKeyDown:function(e){a.onKeyDown&&a.onKeyDown(e),a.keyfilter&&n.KeyFilter.onKeyPress(e,a.keyfilter,a.validateOnly)},onPaste:function(e){a.onPaste&&a.onPaste(e),a.keyfilter&&n.KeyFilter.onPaste(e,a.keyfilter,a.validateOnly)}},s.getOtherProps(a),c("root"));return p.createElement(p.Fragment,null,p.createElement("input",O),m&&p.createElement(r.Tooltip,u({target:f,content:a.tooltip},a.tooltipOptions,{pt:c("tooltip")})))})));return c.displayName="InputText",e.InputText=c,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.keyfilter,primereact.tooltip,primereact.utils,primereact.componentbase,primereact.api);

package/inputtextarea/inputtextarea.cjs.js

@@ -6,6 +6,8 @@ var React = require('react');
 var keyfilter = require('primereact/keyfilter');
 var tooltip = require('primereact/tooltip');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
+var api = require('primereact/api');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -42,13 +44,14 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var InputTextareaBase = {
+var InputTextareaBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'InputTextarea',
     autoResize: false,
     keyfilter: null,
     onBlur: null,
     onFocus: null,
+    onBeforeInput: null,
     onInput: null,
     onKeyDown: null,
     onKeyUp: null,
@@ -57,19 +60,18 @@ var InputTextareaBase = {
     tooltipOptions: null,
     validateOnly: false,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, InputTextareaBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, InputTextareaBase.defaultProps);
   }
-};
+});
 
 var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = InputTextareaBase.getProps(inProps);
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = InputTextareaBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(ref);
   var cachedScrollHeight = React__namespace.useRef(0);
+  var _InputTextareaBase$se = InputTextareaBase.setMetaData({
+      props: props
+    }),
+    ptm = _InputTextareaBase$se.ptm;
   var onFocus = function onFocus(event) {
     if (props.autoResize) {
       resize();
@@ -94,6 +96,12 @@ var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
       keyfilter.KeyFilter.onKeyPress(event, props.keyfilter, props.validateOnly);
     }
   };
+  var onBeforeInput = function onBeforeInput(event) {
+    props.onBeforeInput && props.onBeforeInput(event);
+    if (props.keyfilter) {
+      keyfilter.KeyFilter.onBeforeInput(event, props.keyfilter, props.validateOnly);
+    }
+  };
   var onPaste = function onPaste(event) {
     props.onPaste && props.onPaste(event);
     if (props.keyfilter) {
@@ -140,26 +148,28 @@ var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue);
   }, [props.value, props.defaultValue]);
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = InputTextareaBase.getOtherProps(props);
   var className = utils.classNames('p-inputtextarea p-inputtext p-component', {
     'p-disabled': props.disabled,
     'p-filled': isFilled,
     'p-inputtextarea-resizable': props.autoResize
   }, props.className);
-  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("textarea", _extends({
-    ref: elementRef
-  }, otherProps, {
+  var rootProps = utils.mergeProps({
+    ref: elementRef,
     className: className,
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyUp: onKeyUp,
     onKeyDown: onKeyDown,
+    onBeforeInput: onBeforeInput,
     onInput: onInput,
     onPaste: onPaste
-  })), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+  }, InputTextareaBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("textarea", rootProps), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
-  }, props.tooltipOptions)));
+  }, props.tooltipOptions, {
+    pt: ptm('tooltip')
+  })));
 }));
 InputTextarea.displayName = 'InputTextarea';
 

package/inputtextarea/inputtextarea.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/keyfilter"),n=require("primereact/tooltip"),r=require("primereact/utils");function o(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 l=o(e);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)}var a={defaultProps:{__TYPE:"InputTextarea",autoResize:!1,keyfilter:null,onBlur:null,onFocus:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,a.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,a.defaultProps)}},s=l.memo(l.forwardRef((function(e,o){var s=a.getProps(e),u=l.useRef(o),c=l.useRef(0),p=function(e){var t=u.current;t&&r.DomHandler.isVisible(t)&&(c.current||(c.current=t.scrollHeight,t.style.overflow="hidden"),(c.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",c.current=t.scrollHeight))};l.useEffect((function(){r.ObjectUtils.combinedRefs(u,o)}),[u,o]),l.useEffect((function(){s.autoResize&&p(!0)}),[s.autoResize]);var f=l.useMemo((function(){return r.ObjectUtils.isNotEmpty(s.value)||r.ObjectUtils.isNotEmpty(s.defaultValue)}),[s.value,s.defaultValue]),y=r.ObjectUtils.isNotEmpty(s.tooltip),d=a.getOtherProps(s),m=r.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":s.disabled,"p-filled":f,"p-inputtextarea-resizable":s.autoResize},s.className);return l.createElement(l.Fragment,null,l.createElement("textarea",i({ref:u},d,{className:m,onFocus:function(e){s.autoResize&&p(),s.onFocus&&s.onFocus(e)},onBlur:function(e){s.autoResize&&p(),s.onBlur&&s.onBlur(e)},onKeyUp:function(e){s.autoResize&&p(),s.onKeyUp&&s.onKeyUp(e)},onKeyDown:function(e){s.onKeyDown&&s.onKeyDown(e),s.keyfilter&&t.KeyFilter.onKeyPress(e,s.keyfilter,s.validateOnly)},onInput:function(e){var t=e.target;s.autoResize&&p(r.ObjectUtils.isEmpty(t.value)),s.onInput&&s.onInput(e),r.ObjectUtils.isNotEmpty(t.value)?r.DomHandler.addClass(t,"p-filled"):r.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){s.onPaste&&s.onPaste(e),s.keyfilter&&t.KeyFilter.onPaste(e,s.keyfilter,s.validateOnly)}})),y&&l.createElement(n.Tooltip,i({target:u,content:s.tooltip},s.tooltipOptions)))})));s.displayName="InputTextarea",exports.InputTextarea=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/keyfilter"),n=require("primereact/tooltip"),o=require("primereact/utils"),r=require("primereact/componentbase"),l=require("primereact/api");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=i(e);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},u.apply(this,arguments)}var s=r.ComponentBase.extend({defaultProps:{__TYPE:"InputTextarea",autoResize:!1,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0}}),p=a.memo(a.forwardRef((function(e,r){var i=a.useContext(l.PrimeReactContext),p=s.getProps(e,i),c=a.useRef(r),f=a.useRef(0),y=s.setMetaData({props:p}).ptm,d=function(e){var t=c.current;t&&o.DomHandler.isVisible(t)&&(f.current||(f.current=t.scrollHeight,t.style.overflow="hidden"),(f.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",f.current=t.scrollHeight))};a.useEffect((function(){o.ObjectUtils.combinedRefs(c,r)}),[c,r]),a.useEffect((function(){p.autoResize&&d(!0)}),[p.autoResize]);var m=a.useMemo((function(){return o.ObjectUtils.isNotEmpty(p.value)||o.ObjectUtils.isNotEmpty(p.defaultValue)}),[p.value,p.defaultValue]),v=o.ObjectUtils.isNotEmpty(p.tooltip),O=o.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":p.disabled,"p-filled":m,"p-inputtextarea-resizable":p.autoResize},p.className),b=o.mergeProps({ref:c,className:O,onFocus:function(e){p.autoResize&&d(),p.onFocus&&p.onFocus(e)},onBlur:function(e){p.autoResize&&d(),p.onBlur&&p.onBlur(e)},onKeyUp:function(e){p.autoResize&&d(),p.onKeyUp&&p.onKeyUp(e)},onKeyDown:function(e){p.onKeyDown&&p.onKeyDown(e),p.keyfilter&&t.KeyFilter.onKeyPress(e,p.keyfilter,p.validateOnly)},onBeforeInput:function(e){p.onBeforeInput&&p.onBeforeInput(e),p.keyfilter&&t.KeyFilter.onBeforeInput(e,p.keyfilter,p.validateOnly)},onInput:function(e){var t=e.target;p.autoResize&&d(o.ObjectUtils.isEmpty(t.value)),p.onInput&&p.onInput(e),o.ObjectUtils.isNotEmpty(t.value)?o.DomHandler.addClass(t,"p-filled"):o.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){p.onPaste&&p.onPaste(e),p.keyfilter&&t.KeyFilter.onPaste(e,p.keyfilter,p.validateOnly)}},s.getOtherProps(p),y("root"));return a.createElement(a.Fragment,null,a.createElement("textarea",b),v&&a.createElement(n.Tooltip,u({target:c,content:p.tooltip},p.tooltipOptions,{pt:y("tooltip")})))})));p.displayName="InputTextarea",exports.InputTextarea=p;

package/inputtextarea/inputtextarea.d.ts

@@ -9,13 +9,40 @@
  */
 import * as React from 'react';
 import { KeyFilterType } from '../keyfilter';
+import { TooltipPassThroughOptions } from '../tooltip/tooltip';
 import { TooltipOptions } from '../tooltip/tooltipoptions';
+import { PassThroughType } from '../utils/utils';
+
+export declare type InputTextareaPassThroughType<T> = PassThroughType<T, InputTextareaPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface InputTextareaPassThroughMethodOptions {
+    props: InputTextareaProps;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link InputTextareaProps.pt}
+ */
+export interface InputTextareaPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: InputTextareaPassThroughType<React.HTMLAttributes<HTMLTextAreaElement>>;
+    /**
+     * Uses to pass attributes tooltip's DOM element.
+     * @type {TooltipPassThroughOptions}
+     */
+    tooltip?: TooltipPassThroughOptions;
+}
 
 /**
  * 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'> {
+export interface InputTextareaProps extends Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'ref' | 'value' | 'pt'> {
     /**
      * When present, height of textarea changes as being typed.
      * @defaultValue false
@@ -43,6 +70,11 @@ export interface InputTextareaProps extends Omit<React.DetailedHTMLProps<React.T
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {InputTextareaPassThroughOptions}
+     */
+    pt?: InputTextareaPassThroughOptions;
 }
 
 /**

package/inputtextarea/inputtextarea.esm.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 import { KeyFilter } from 'primereact/keyfilter';
 import { Tooltip } from 'primereact/tooltip';
-import { ObjectUtils, classNames, DomHandler } from 'primereact/utils';
+import { ObjectUtils, classNames, mergeProps, DomHandler } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
+import { PrimeReactContext } from 'primereact/api';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -18,13 +20,14 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var InputTextareaBase = {
+var InputTextareaBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'InputTextarea',
     autoResize: false,
     keyfilter: null,
     onBlur: null,
     onFocus: null,
+    onBeforeInput: null,
     onInput: null,
     onKeyDown: null,
     onKeyUp: null,
@@ -33,19 +36,18 @@ var InputTextareaBase = {
     tooltipOptions: null,
     validateOnly: false,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, InputTextareaBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, InputTextareaBase.defaultProps);
   }
-};
+});
 
 var InputTextarea = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = InputTextareaBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = InputTextareaBase.getProps(inProps, context);
   var elementRef = React.useRef(ref);
   var cachedScrollHeight = React.useRef(0);
+  var _InputTextareaBase$se = InputTextareaBase.setMetaData({
+      props: props
+    }),
+    ptm = _InputTextareaBase$se.ptm;
   var onFocus = function onFocus(event) {
     if (props.autoResize) {
       resize();
@@ -70,6 +72,12 @@ var InputTextarea = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
       KeyFilter.onKeyPress(event, props.keyfilter, props.validateOnly);
     }
   };
+  var onBeforeInput = function onBeforeInput(event) {
+    props.onBeforeInput && props.onBeforeInput(event);
+    if (props.keyfilter) {
+      KeyFilter.onBeforeInput(event, props.keyfilter, props.validateOnly);
+    }
+  };
   var onPaste = function onPaste(event) {
     props.onPaste && props.onPaste(event);
     if (props.keyfilter) {
@@ -116,26 +124,28 @@ var InputTextarea = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue);
   }, [props.value, props.defaultValue]);
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = InputTextareaBase.getOtherProps(props);
   var className = classNames('p-inputtextarea p-inputtext p-component', {
     'p-disabled': props.disabled,
     'p-filled': isFilled,
     'p-inputtextarea-resizable': props.autoResize
   }, props.className);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("textarea", _extends({
-    ref: elementRef
-  }, otherProps, {
+  var rootProps = mergeProps({
+    ref: elementRef,
     className: className,
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyUp: onKeyUp,
     onKeyDown: onKeyDown,
+    onBeforeInput: onBeforeInput,
     onInput: onInput,
     onPaste: onPaste
-  })), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+  }, InputTextareaBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("textarea", rootProps), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
-  }, props.tooltipOptions)));
+  }, props.tooltipOptions, {
+    pt: ptm('tooltip')
+  })));
 }));
 InputTextarea.displayName = 'InputTextarea';
 

package/inputtextarea/inputtextarea.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{KeyFilter as t}from"primereact/keyfilter";import{Tooltip as o}from"primereact/tooltip";import{ObjectUtils as n,classNames as l,DomHandler as r}from"primereact/utils";function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},i.apply(this,arguments)}var a={defaultProps:{__TYPE:"InputTextarea",autoResize:!1,keyfilter:null,onBlur:null,onFocus:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0},getProps:function(e){return n.getMergedProps(e,a.defaultProps)},getOtherProps:function(e){return n.getDiffProps(e,a.defaultProps)}},s=e.memo(e.forwardRef((function(s,u){var p=a.getProps(s),f=e.useRef(u),c=e.useRef(0),y=function(e){var t=f.current;t&&r.isVisible(t)&&(c.current||(c.current=t.scrollHeight,t.style.overflow="hidden"),(c.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",c.current=t.scrollHeight))};e.useEffect((function(){n.combinedRefs(f,u)}),[f,u]),e.useEffect((function(){p.autoResize&&y(!0)}),[p.autoResize]);var m=e.useMemo((function(){return n.isNotEmpty(p.value)||n.isNotEmpty(p.defaultValue)}),[p.value,p.defaultValue]),d=n.isNotEmpty(p.tooltip),g=a.getOtherProps(p),h=l("p-inputtextarea p-inputtext p-component",{"p-disabled":p.disabled,"p-filled":m,"p-inputtextarea-resizable":p.autoResize},p.className);return e.createElement(e.Fragment,null,e.createElement("textarea",i({ref:f},g,{className:h,onFocus:function(e){p.autoResize&&y(),p.onFocus&&p.onFocus(e)},onBlur:function(e){p.autoResize&&y(),p.onBlur&&p.onBlur(e)},onKeyUp:function(e){p.autoResize&&y(),p.onKeyUp&&p.onKeyUp(e)},onKeyDown:function(e){p.onKeyDown&&p.onKeyDown(e),p.keyfilter&&t.onKeyPress(e,p.keyfilter,p.validateOnly)},onInput:function(e){var t=e.target;p.autoResize&&y(n.isEmpty(t.value)),p.onInput&&p.onInput(e),n.isNotEmpty(t.value)?r.addClass(t,"p-filled"):r.removeClass(t,"p-filled")},onPaste:function(e){p.onPaste&&p.onPaste(e),p.keyfilter&&t.onPaste(e,p.keyfilter,p.validateOnly)}})),d&&e.createElement(o,i({target:f,content:p.tooltip},p.tooltipOptions)))})));s.displayName="InputTextarea";export{s as InputTextarea};
+import*as e from"react";import{KeyFilter as t}from"primereact/keyfilter";import{Tooltip as o}from"primereact/tooltip";import{ObjectUtils as n,classNames as l,mergeProps as r,DomHandler as i}from"primereact/utils";import{ComponentBase as a}from"primereact/componentbase";import{PrimeReactContext as u}from"primereact/api";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},s.apply(this,arguments)}var p=a.extend({defaultProps:{__TYPE:"InputTextarea",autoResize:!1,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0}}),f=e.memo(e.forwardRef((function(a,f){var c=e.useContext(u),m=p.getProps(a,c),y=e.useRef(f),d=e.useRef(0),h=p.setMetaData({props:m}).ptm,v=function(e){var t=y.current;t&&i.isVisible(t)&&(d.current||(d.current=t.scrollHeight,t.style.overflow="hidden"),(d.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",d.current=t.scrollHeight))};e.useEffect((function(){n.combinedRefs(y,f)}),[y,f]),e.useEffect((function(){m.autoResize&&v(!0)}),[m.autoResize]);var g=e.useMemo((function(){return n.isNotEmpty(m.value)||n.isNotEmpty(m.defaultValue)}),[m.value,m.defaultValue]),x=n.isNotEmpty(m.tooltip),R=l("p-inputtextarea p-inputtext p-component",{"p-disabled":m.disabled,"p-filled":g,"p-inputtextarea-resizable":m.autoResize},m.className),E=r({ref:y,className:R,onFocus:function(e){m.autoResize&&v(),m.onFocus&&m.onFocus(e)},onBlur:function(e){m.autoResize&&v(),m.onBlur&&m.onBlur(e)},onKeyUp:function(e){m.autoResize&&v(),m.onKeyUp&&m.onKeyUp(e)},onKeyDown:function(e){m.onKeyDown&&m.onKeyDown(e),m.keyfilter&&t.onKeyPress(e,m.keyfilter,m.validateOnly)},onBeforeInput:function(e){m.onBeforeInput&&m.onBeforeInput(e),m.keyfilter&&t.onBeforeInput(e,m.keyfilter,m.validateOnly)},onInput:function(e){var t=e.target;m.autoResize&&v(n.isEmpty(t.value)),m.onInput&&m.onInput(e),n.isNotEmpty(t.value)?i.addClass(t,"p-filled"):i.removeClass(t,"p-filled")},onPaste:function(e){m.onPaste&&m.onPaste(e),m.keyfilter&&t.onPaste(e,m.keyfilter,m.validateOnly)}},p.getOtherProps(m),h("root"));return e.createElement(e.Fragment,null,e.createElement("textarea",E),x&&e.createElement(o,s({target:y,content:m.tooltip},m.tooltipOptions,{pt:h("tooltip")})))})));f.displayName="InputTextarea";export{f as InputTextarea};

package/inputtextarea/inputtextarea.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.inputtextarea = (function (exports, React, keyfilter, tooltip, utils) {
+this.primereact.inputtextarea = (function (exports, React, keyfilter, tooltip, utils, componentbase, api) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -37,13 +37,14 @@ this.primereact.inputtextarea = (function (exports, React, keyfilter, tooltip, u
     return _extends.apply(this, arguments);
   }
 
-  var InputTextareaBase = {
+  var InputTextareaBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'InputTextarea',
       autoResize: false,
       keyfilter: null,
       onBlur: null,
       onFocus: null,
+      onBeforeInput: null,
       onInput: null,
       onKeyDown: null,
       onKeyUp: null,
@@ -52,19 +53,18 @@ this.primereact.inputtextarea = (function (exports, React, keyfilter, tooltip, u
       tooltipOptions: null,
       validateOnly: false,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, InputTextareaBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, InputTextareaBase.defaultProps);
     }
-  };
+  });
 
   var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = InputTextareaBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = InputTextareaBase.getProps(inProps, context);
     var elementRef = React__namespace.useRef(ref);
     var cachedScrollHeight = React__namespace.useRef(0);
+    var _InputTextareaBase$se = InputTextareaBase.setMetaData({
+        props: props
+      }),
+      ptm = _InputTextareaBase$se.ptm;
     var onFocus = function onFocus(event) {
       if (props.autoResize) {
         resize();
@@ -89,6 +89,12 @@ this.primereact.inputtextarea = (function (exports, React, keyfilter, tooltip, u
         keyfilter.KeyFilter.onKeyPress(event, props.keyfilter, props.validateOnly);
       }
     };
+    var onBeforeInput = function onBeforeInput(event) {
+      props.onBeforeInput && props.onBeforeInput(event);
+      if (props.keyfilter) {
+        keyfilter.KeyFilter.onBeforeInput(event, props.keyfilter, props.validateOnly);
+      }
+    };
     var onPaste = function onPaste(event) {
       props.onPaste && props.onPaste(event);
       if (props.keyfilter) {
@@ -135,26 +141,28 @@ this.primereact.inputtextarea = (function (exports, React, keyfilter, tooltip, u
       return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue);
     }, [props.value, props.defaultValue]);
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-    var otherProps = InputTextareaBase.getOtherProps(props);
     var className = utils.classNames('p-inputtextarea p-inputtext p-component', {
       'p-disabled': props.disabled,
       'p-filled': isFilled,
       'p-inputtextarea-resizable': props.autoResize
     }, props.className);
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("textarea", _extends({
-      ref: elementRef
-    }, otherProps, {
+    var rootProps = utils.mergeProps({
+      ref: elementRef,
       className: className,
       onFocus: onFocus,
       onBlur: onBlur,
       onKeyUp: onKeyUp,
       onKeyDown: onKeyDown,
+      onBeforeInput: onBeforeInput,
       onInput: onInput,
       onPaste: onPaste
-    })), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+    }, InputTextareaBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("textarea", rootProps), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
-    }, props.tooltipOptions)));
+    }, props.tooltipOptions, {
+      pt: ptm('tooltip')
+    })));
   }));
   InputTextarea.displayName = 'InputTextarea';
 
@@ -164,4 +172,4 @@ this.primereact.inputtextarea = (function (exports, React, keyfilter, tooltip, u
 
   return exports;
 
-})({}, React, primereact.keyfilter, primereact.tooltip, primereact.utils);
+})({}, React, primereact.keyfilter, primereact.tooltip, primereact.utils, primereact.componentbase, primereact.api);

package/inputtextarea/inputtextarea.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.inputtextarea=function(e,t,n,r,o){"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 i=l(t);function a(){return a=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},a.apply(this,arguments)}var s={defaultProps:{__TYPE:"InputTextarea",autoResize:!1,keyfilter:null,onBlur:null,onFocus:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,s.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,s.defaultProps)}},u=i.memo(i.forwardRef((function(e,t){var l=s.getProps(e),u=i.useRef(t),c=i.useRef(0),p=function(e){var t=u.current;t&&o.DomHandler.isVisible(t)&&(c.current||(c.current=t.scrollHeight,t.style.overflow="hidden"),(c.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",c.current=t.scrollHeight))};i.useEffect((function(){o.ObjectUtils.combinedRefs(u,t)}),[u,t]),i.useEffect((function(){l.autoResize&&p(!0)}),[l.autoResize]);var f=i.useMemo((function(){return o.ObjectUtils.isNotEmpty(l.value)||o.ObjectUtils.isNotEmpty(l.defaultValue)}),[l.value,l.defaultValue]),y=o.ObjectUtils.isNotEmpty(l.tooltip),d=s.getOtherProps(l),m=o.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":l.disabled,"p-filled":f,"p-inputtextarea-resizable":l.autoResize},l.className);return i.createElement(i.Fragment,null,i.createElement("textarea",a({ref:u},d,{className:m,onFocus:function(e){l.autoResize&&p(),l.onFocus&&l.onFocus(e)},onBlur:function(e){l.autoResize&&p(),l.onBlur&&l.onBlur(e)},onKeyUp:function(e){l.autoResize&&p(),l.onKeyUp&&l.onKeyUp(e)},onKeyDown:function(e){l.onKeyDown&&l.onKeyDown(e),l.keyfilter&&n.KeyFilter.onKeyPress(e,l.keyfilter,l.validateOnly)},onInput:function(e){var t=e.target;l.autoResize&&p(o.ObjectUtils.isEmpty(t.value)),l.onInput&&l.onInput(e),o.ObjectUtils.isNotEmpty(t.value)?o.DomHandler.addClass(t,"p-filled"):o.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){l.onPaste&&l.onPaste(e),l.keyfilter&&n.KeyFilter.onPaste(e,l.keyfilter,l.validateOnly)}})),y&&i.createElement(r.Tooltip,a({target:u,content:l.tooltip},l.tooltipOptions)))})));return u.displayName="InputTextarea",e.InputTextarea=u,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.keyfilter,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.inputtextarea=function(e,t,n,o,r,l,i){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=a(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},s.apply(this,arguments)}var p=l.ComponentBase.extend({defaultProps:{__TYPE:"InputTextarea",autoResize:!1,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0}}),c=u.memo(u.forwardRef((function(e,t){var l=u.useContext(i.PrimeReactContext),a=p.getProps(e,l),c=u.useRef(t),f=u.useRef(0),y=p.setMetaData({props:a}).ptm,m=function(e){var t=c.current;t&&r.DomHandler.isVisible(t)&&(f.current||(f.current=t.scrollHeight,t.style.overflow="hidden"),(f.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",f.current=t.scrollHeight))};u.useEffect((function(){r.ObjectUtils.combinedRefs(c,t)}),[c,t]),u.useEffect((function(){a.autoResize&&m(!0)}),[a.autoResize]);var d=u.useMemo((function(){return r.ObjectUtils.isNotEmpty(a.value)||r.ObjectUtils.isNotEmpty(a.defaultValue)}),[a.value,a.defaultValue]),h=r.ObjectUtils.isNotEmpty(a.tooltip),v=r.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":a.disabled,"p-filled":d,"p-inputtextarea-resizable":a.autoResize},a.className),O=r.mergeProps({ref:c,className:v,onFocus:function(e){a.autoResize&&m(),a.onFocus&&a.onFocus(e)},onBlur:function(e){a.autoResize&&m(),a.onBlur&&a.onBlur(e)},onKeyUp:function(e){a.autoResize&&m(),a.onKeyUp&&a.onKeyUp(e)},onKeyDown:function(e){a.onKeyDown&&a.onKeyDown(e),a.keyfilter&&n.KeyFilter.onKeyPress(e,a.keyfilter,a.validateOnly)},onBeforeInput:function(e){a.onBeforeInput&&a.onBeforeInput(e),a.keyfilter&&n.KeyFilter.onBeforeInput(e,a.keyfilter,a.validateOnly)},onInput:function(e){var t=e.target;a.autoResize&&m(r.ObjectUtils.isEmpty(t.value)),a.onInput&&a.onInput(e),r.ObjectUtils.isNotEmpty(t.value)?r.DomHandler.addClass(t,"p-filled"):r.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){a.onPaste&&a.onPaste(e),a.keyfilter&&n.KeyFilter.onPaste(e,a.keyfilter,a.validateOnly)}},p.getOtherProps(a),y("root"));return u.createElement(u.Fragment,null,u.createElement("textarea",O),h&&u.createElement(o.Tooltip,s({target:c,content:a.tooltip},a.tooltipOptions,{pt:y("tooltip")})))})));return c.displayName="InputTextarea",e.InputTextarea=c,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.keyfilter,primereact.tooltip,primereact.utils,primereact.componentbase,primereact.api);