primereact 8.7.1 → 8.7.3

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 onKeyPress = function onKeyPress(event) {
-    props.onKeyPress && props.onKeyPress(event);
-
+  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);
@@ -72,7 +61,7 @@ var InputText = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   }, otherProps, {
     className: className,
     onInput: onInput,
-    onKeyPress: onKeyPress,
+    onKeyDown: onKeyDown,
     onPaste: onPaste
   })), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
@@ -87,7 +76,7 @@ InputText.defaultProps = {
   tooltip: null,
   tooltipOptions: null,
   onInput: null,
-  onKeyPress: null,
+  onKeyDown: null,
   onPaste: null
 };
 

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 l,classNames as o,DomHandler as r}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 l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},a.apply(this,arguments)}var i=e.memo(e.forwardRef((function(s,p){var u=e.useRef(p),f=u.current&&u.current.value,m=e.useMemo((function(){return l.isNotEmpty(s.value)||l.isNotEmpty(s.defaultValue)||l.isNotEmpty(f)}),[s.value,s.defaultValue,f]);e.useEffect((function(){l.combinedRefs(u,p)}),[u,p]);var c=l.isNotEmpty(s.tooltip),y=l.findDiffKeys(s,i.defaultProps),d=o("p-inputtext p-component",{"p-disabled":s.disabled,"p-filled":m},s.className);return e.createElement(e.Fragment,null,e.createElement("input",a({ref:u},y,{className:d,onInput:function(e){var n=!0;if(s.keyfilter&&s.validateOnly&&(n=t.validate(e,s.keyfilter)),s.onInput&&s.onInput(e,n),!s.onChange){var o=e.target;l.isNotEmpty(o.value)?r.addClass(o,"p-filled"):r.removeClass(o,"p-filled")}},onKeyPress:function(e){s.onKeyPress&&s.onKeyPress(e),s.keyfilter&&t.onKeyPress(e,s.keyfilter,s.validateOnly)},onPaste:function(e){s.onPaste&&s.onPaste(e),s.keyfilter&&t.onPaste(e,s.keyfilter,s.validateOnly)}})),c&&e.createElement(n,a({target:u,content:s.tooltip},s.tooltipOptions)))})));i.displayName="InputText",i.defaultProps={__TYPE:"InputText",keyfilter:null,validateOnly:!1,tooltip:null,tooltipOptions:null,onInput:null,onKeyPress:null,onPaste:null};export{i 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 l,DomHandler as a}from"primereact/utils";function r(){return r=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},r.apply(this,arguments)}var i=e.memo(e.forwardRef((function(p,u){var f=e.useRef(u),s=f.current&&f.current.value,m=e.useMemo((function(){return o.isNotEmpty(p.value)||o.isNotEmpty(p.defaultValue)||o.isNotEmpty(s)}),[p.value,p.defaultValue,s]);e.useEffect((function(){o.combinedRefs(f,u)}),[f,u]);var c=o.isNotEmpty(p.tooltip),y=o.findDiffKeys(p,i.defaultProps),d=l("p-inputtext p-component",{"p-disabled":p.disabled,"p-filled":m},p.className);return e.createElement(e.Fragment,null,e.createElement("input",r({ref:f},y,{className:d,onInput:function(e){var n=!0;if(p.keyfilter&&p.validateOnly&&(n=t.validate(e,p.keyfilter)),p.onInput&&p.onInput(e,n),!p.onChange){var l=e.target;o.isNotEmpty(l.value)?a.addClass(l,"p-filled"):a.removeClass(l,"p-filled")}},onKeyDown:function(e){p.onKeyDown&&p.onKeyDown(e),p.keyfilter&&t.onKeyPress(e,p.keyfilter,p.validateOnly)},onPaste:function(e){p.onPaste&&p.onPaste(e),p.keyfilter&&t.onPaste(e,p.keyfilter,p.validateOnly)}})),c&&e.createElement(n,r({target:f,content:p.tooltip},p.tooltipOptions)))})));i.displayName="InputText",i.defaultProps={__TYPE:"InputText",keyfilter:null,validateOnly:!1,tooltip:null,tooltipOptions:null,onInput:null,onKeyDown:null,onPaste:null};export{i as InputText};

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 onKeyPress = function onKeyPress(event) {
-      props.onKeyPress && props.onKeyPress(event);
-
+    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);
@@ -91,7 +80,7 @@ this.primereact.inputtext = (function (exports, React, keyfilter, tooltip, utils
     }, otherProps, {
       className: className,
       onInput: onInput,
-      onKeyPress: onKeyPress,
+      onKeyDown: onKeyDown,
       onPaste: onPaste
     })), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
@@ -106,7 +95,7 @@ this.primereact.inputtext = (function (exports, React, keyfilter, tooltip, utils
     tooltip: null,
     tooltipOptions: null,
     onInput: null,
-    onKeyPress: null,
+    onKeyDown: null,
     onPaste: null
   };
 

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 a=i(t);function o(){return o=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},o.apply(this,arguments)}var s=a.memo(a.forwardRef((function(e,t){var i=a.useRef(t),u=i.current&&i.current.value,c=a.useMemo((function(){return l.ObjectUtils.isNotEmpty(e.value)||l.ObjectUtils.isNotEmpty(e.defaultValue)||l.ObjectUtils.isNotEmpty(u)}),[e.value,e.defaultValue,u]);a.useEffect((function(){l.ObjectUtils.combinedRefs(i,t)}),[i,t]);var p=l.ObjectUtils.isNotEmpty(e.tooltip),f=l.ObjectUtils.findDiffKeys(e,s.defaultProps),y=l.classNames("p-inputtext p-component",{"p-disabled":e.disabled,"p-filled":c},e.className);return a.createElement(a.Fragment,null,a.createElement("input",o({ref:i},f,{className:y,onInput:function(t){var r=!0;if(e.keyfilter&&e.validateOnly&&(r=n.KeyFilter.validate(t,e.keyfilter)),e.onInput&&e.onInput(t,r),!e.onChange){var i=t.target;l.ObjectUtils.isNotEmpty(i.value)?l.DomHandler.addClass(i,"p-filled"):l.DomHandler.removeClass(i,"p-filled")}},onKeyPress:function(t){e.onKeyPress&&e.onKeyPress(t),e.keyfilter&&n.KeyFilter.onKeyPress(t,e.keyfilter,e.validateOnly)},onPaste:function(t){e.onPaste&&e.onPaste(t),e.keyfilter&&n.KeyFilter.onPaste(t,e.keyfilter,e.validateOnly)}})),p&&a.createElement(r.Tooltip,o({target:i,content:e.tooltip},e.tooltipOptions)))})));return s.displayName="InputText",s.defaultProps={__TYPE:"InputText",keyfilter:null,validateOnly:!1,tooltip:null,tooltipOptions:null,onInput:null,onKeyPress:null,onPaste:null},e.InputText=s,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,l,r){"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 l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=i(t);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},o.apply(this,arguments)}var u=a.memo(a.forwardRef((function(e,t){var i=a.useRef(t),s=i.current&&i.current.value,c=a.useMemo((function(){return r.ObjectUtils.isNotEmpty(e.value)||r.ObjectUtils.isNotEmpty(e.defaultValue)||r.ObjectUtils.isNotEmpty(s)}),[e.value,e.defaultValue,s]);a.useEffect((function(){r.ObjectUtils.combinedRefs(i,t)}),[i,t]);var p=r.ObjectUtils.isNotEmpty(e.tooltip),f=r.ObjectUtils.findDiffKeys(e,u.defaultProps),y=r.classNames("p-inputtext p-component",{"p-disabled":e.disabled,"p-filled":c},e.className);return a.createElement(a.Fragment,null,a.createElement("input",o({ref:i},f,{className:y,onInput:function(t){var l=!0;if(e.keyfilter&&e.validateOnly&&(l=n.KeyFilter.validate(t,e.keyfilter)),e.onInput&&e.onInput(t,l),!e.onChange){var i=t.target;r.ObjectUtils.isNotEmpty(i.value)?r.DomHandler.addClass(i,"p-filled"):r.DomHandler.removeClass(i,"p-filled")}},onKeyDown:function(t){e.onKeyDown&&e.onKeyDown(t),e.keyfilter&&n.KeyFilter.onKeyPress(t,e.keyfilter,e.validateOnly)},onPaste:function(t){e.onPaste&&e.onPaste(t),e.keyfilter&&n.KeyFilter.onPaste(t,e.keyfilter,e.validateOnly)}})),p&&a.createElement(l.Tooltip,o({target:i,content:e.tooltip},e.tooltipOptions)))})));return u.displayName="InputText",u.defaultProps={__TYPE:"InputText",keyfilter:null,validateOnly:!1,tooltip:null,tooltipOptions:null,onInput:null,onKeyDown:null,onPaste:null},e.InputText=u,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.keyfilter,primereact.tooltip,primereact.utils);

package/inputtextarea/inputtextarea.cjs.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var keyfilter = require('primereact/keyfilter');
 var tooltip = require('primereact/tooltip');
 var utils = require('primereact/utils');
 
@@ -30,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,66 +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);
@@ -132,7 +129,9 @@ var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyUp: onKeyUp,
-    onInput: onInput
+    onKeyDown: onKeyDown,
+    onInput: onInput,
+    onPaste: onPaste
   })), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
@@ -142,9 +141,16 @@ InputTextarea.displayName = 'InputTextarea';
 InputTextarea.defaultProps = {
   __TYPE: 'InputTextarea',
   autoResize: false,
+  keyfilter: null,
+  onBlur: null,
+  onFocus: null,
+  onInput: null,
+  onKeyDown: null,
+  onKeyUp: null,
+  onPaste: null,
   tooltip: null,
   tooltipOptions: null,
-  onInput: null
+  validateOnly: false
 };
 
 exports.InputTextarea = InputTextarea;

package/inputtextarea/inputtextarea.cjs.min.js

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

package/inputtextarea/inputtextarea.d.ts

@@ -1,11 +1,13 @@
 import * as React from 'react';
+import { KeyFilterType } from '../keyfilter';
 import TooltipOptions from '../tooltip/tooltipoptions';
 
 export interface InputTextareaProps extends Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'ref'> {
     autoResize?: boolean;
+    children?: React.ReactNode;
+    keyfilter?: KeyFilterType;
     tooltip?: string;
     tooltipOptions?: TooltipOptions;
-    children?: React.ReactNode;
 }
 
-export declare class InputTextarea extends React.Component<InputTextareaProps, any> {}
+export declare const InputTextarea: React.ForwardRefExoticComponent<InputTextareaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/inputtextarea/inputtextarea.esm.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { KeyFilter } from 'primereact/keyfilter';
 import { Tooltip } from 'primereact/tooltip';
 import { ObjectUtils, classNames, DomHandler } from 'primereact/utils';
 
@@ -6,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,66 +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);
@@ -108,7 +105,9 @@ var InputTextarea = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyUp: onKeyUp,
-    onInput: onInput
+    onKeyDown: onKeyDown,
+    onInput: onInput,
+    onPaste: onPaste
   })), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
@@ -118,9 +117,16 @@ InputTextarea.displayName = 'InputTextarea';
 InputTextarea.defaultProps = {
   __TYPE: 'InputTextarea',
   autoResize: false,
+  keyfilter: null,
+  onBlur: null,
+  onFocus: null,
+  onInput: null,
+  onKeyDown: null,
+  onKeyUp: null,
+  onPaste: null,
   tooltip: null,
   tooltipOptions: null,
-  onInput: null
+  validateOnly: false
 };
 
 export { InputTextarea };

package/inputtextarea/inputtextarea.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Tooltip as t}from"primereact/tooltip";import{ObjectUtils as o,classNames as n,DomHandler as r}from"primereact/utils";function l(){return l=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},l.apply(this,arguments)}var i=e.memo(e.forwardRef((function(a,s){var u=e.useRef(s),p=e.useRef(0),c=function(e){var t=u.current;t&&r.isVisible(t)&&(p.current||(p.current=t.scrollHeight,t.style.overflow="hidden"),(p.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",p.current=t.scrollHeight))},f=u.current&&u.current.value,m=e.useMemo((function(){return o.isNotEmpty(a.value)||o.isNotEmpty(a.defaultValue)||o.isNotEmpty(f)}),[a.value,a.defaultValue,f]);e.useEffect((function(){o.combinedRefs(u,s)}),[u,s]),e.useEffect((function(){a.autoResize&&c(!0)}),[a.autoResize]);var d=o.isNotEmpty(a.tooltip),y=o.findDiffKeys(a,i.defaultProps),h=n("p-inputtextarea p-inputtext p-component",{"p-disabled":a.disabled,"p-filled":m,"p-inputtextarea-resizable":a.autoResize},a.className);return e.createElement(e.Fragment,null,e.createElement("textarea",l({ref:u},y,{className:h,onFocus:function(e){a.autoResize&&c(),a.onFocus&&a.onFocus(e)},onBlur:function(e){a.autoResize&&c(),a.onBlur&&a.onBlur(e)},onKeyUp:function(e){a.autoResize&&c(),a.onKeyUp&&a.onKeyUp(e)},onInput:function(e){a.autoResize&&c(),a.onInput&&a.onInput(e);var t=e.target;o.isNotEmpty(t.value)?r.addClass(t,"p-filled"):r.removeClass(t,"p-filled")}})),d&&e.createElement(t,l({target:u,content:a.tooltip},a.tooltipOptions)))})));i.displayName="InputTextarea",i.defaultProps={__TYPE:"InputTextarea",autoResize:!1,tooltip:null,tooltipOptions:null,onInput:null};export{i 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,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=e.memo(e.forwardRef((function(u,s){var p=e.useRef(s),f=e.useRef(0),c=function(e){var t=p.current;t&&r.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))},y=p.current&&p.current.value,m=e.useMemo((function(){return n.isNotEmpty(u.value)||n.isNotEmpty(u.defaultValue)||n.isNotEmpty(y)}),[u.value,u.defaultValue,y]);e.useEffect((function(){n.combinedRefs(p,s)}),[p,s]),e.useEffect((function(){u.autoResize&&c(!0)}),[u.autoResize]);var d=n.isNotEmpty(u.tooltip),h=n.findDiffKeys(u,a.defaultProps),v=l("p-inputtextarea p-inputtext p-component",{"p-disabled":u.disabled,"p-filled":m,"p-inputtextarea-resizable":u.autoResize},u.className);return e.createElement(e.Fragment,null,e.createElement("textarea",i({ref:p},h,{className:v,onFocus:function(e){u.autoResize&&c(),u.onFocus&&u.onFocus(e)},onBlur:function(e){u.autoResize&&c(),u.onBlur&&u.onBlur(e)},onKeyUp:function(e){u.autoResize&&c(),u.onKeyUp&&u.onKeyUp(e)},onKeyDown:function(e){u.onKeyDown&&u.onKeyDown(e),u.keyfilter&&t.onKeyPress(e,u.keyfilter,u.validateOnly)},onInput:function(e){u.autoResize&&c(),u.onInput&&u.onInput(e);var t=e.target;n.isNotEmpty(t.value)?r.addClass(t,"p-filled"):r.removeClass(t,"p-filled")},onPaste:function(e){u.onPaste&&u.onPaste(e),u.keyfilter&&t.onPaste(e,u.keyfilter,u.validateOnly)}})),d&&e.createElement(o,i({target:p,content:u.tooltip},u.tooltipOptions)))})));a.displayName="InputTextarea",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};export{a as InputTextarea};

package/inputtextarea/inputtextarea.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.inputtextarea = (function (exports, React, tooltip, utils) {
+this.primereact.inputtextarea = (function (exports, React, keyfilter, tooltip, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -26,14 +26,12 @@ this.primereact.inputtextarea = (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);
@@ -42,66 +40,64 @@ this.primereact.inputtextarea = (function (exports, React, tooltip, utils) {
   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);
@@ -128,7 +124,9 @@ this.primereact.inputtextarea = (function (exports, React, tooltip, utils) {
       onFocus: onFocus,
       onBlur: onBlur,
       onKeyUp: onKeyUp,
-      onInput: onInput
+      onKeyDown: onKeyDown,
+      onInput: onInput,
+      onPaste: onPaste
     })), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
@@ -138,9 +136,16 @@ this.primereact.inputtextarea = (function (exports, React, tooltip, utils) {
   InputTextarea.defaultProps = {
     __TYPE: 'InputTextarea',
     autoResize: false,
+    keyfilter: null,
+    onBlur: null,
+    onFocus: null,
+    onInput: null,
+    onKeyDown: null,
+    onKeyUp: null,
+    onPaste: null,
     tooltip: null,
     tooltipOptions: null,
-    onInput: null
+    validateOnly: false
   };
 
   exports.InputTextarea = InputTextarea;
@@ -149,4 +154,4 @@ this.primereact.inputtextarea = (function (exports, React, tooltip, utils) {
 
   return exports;
 
-})({}, React, primereact.tooltip, primereact.utils);
+})({}, React, primereact.keyfilter, primereact.tooltip, primereact.utils);

package/inputtextarea/inputtextarea.min.js

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