primereact 9.5.0 → 9.6.0

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);

package/keyfilter/keyfilter.cjs.js

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var utils = require('primereact/utils');
+
 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];
@@ -49,21 +51,22 @@ var KeyFilter = {
   /* eslint-enable */getRegex: function getRegex(keyfilter) {
     return KeyFilter.DEFAULT_MASKS[keyfilter] ? KeyFilter.DEFAULT_MASKS[keyfilter] : keyfilter;
   },
-  onKeyPress: function onKeyPress(e, keyfilter, validateOnly) {
-    if (validateOnly) {
+  onBeforeInput: function onBeforeInput(e, keyfilter, validateOnly) {
+    // android devices must use beforeinput https://stackoverflow.com/questions/36753548/keycode-on-android-is-always-229
+    if (validateOnly || !utils.DomHandler.isAndroid()) {
       return;
     }
-    if (e.ctrlKey || e.altKey) {
+    this.validateKey(e, e.data, keyfilter);
+  },
+  onKeyPress: function onKeyPress(e, keyfilter, validateOnly) {
+    // non android devices use keydown
+    if (validateOnly || utils.DomHandler.isAndroid()) {
       return;
     }
-    var isPrintableKey = e.key.length === 1;
-    if (!isPrintableKey) {
+    if (e.ctrlKey || e.altKey) {
       return;
     }
-    var regex = this.getRegex(keyfilter);
-    if (!regex.test(e.key)) {
-      e.preventDefault();
-    }
+    this.validateKey(e, e.key, keyfilter);
   },
   onPaste: function onPaste(e, keyfilter, validateOnly) {
     if (validateOnly) {
@@ -80,6 +83,19 @@ var KeyFilter = {
       }
     });
   },
+  validateKey: function validateKey(e, key, keyfilter) {
+    if (key === null || key === undefined) {
+      return;
+    }
+    var isPrintableKey = key.length === 1;
+    if (!isPrintableKey) {
+      return;
+    }
+    var regex = this.getRegex(keyfilter);
+    if (!regex.test(key)) {
+      e.preventDefault();
+    }
+  },
   validate: function validate(e, keyfilter) {
     var value = e.target.value,
       validatePattern = true;

package/keyfilter/keyfilter.cjs.min.js

@@ -1 +1 @@
-"use strict";function t(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function e(e){if(Array.isArray(e))return t(e)}function r(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function n(e,r){if(e){if("string"==typeof e)return t(e,r);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)?t(e,r):void 0}}function a(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}Object.defineProperty(exports,"__esModule",{value:!0});var o={DEFAULT_MASKS:{pint:/[\d]/,int:/[\d\-]/,pnum:/[\d\.]/,money:/[\d\.\s,]/,num:/[\d\-\.]/,hex:/[0-9a-f]/i,email:/[a-z0-9_\.\-@]/i,alpha:/[a-z_]/i,alphanum:/[a-z0-9_]/i},getRegex:function(t){return o.DEFAULT_MASKS[t]?o.DEFAULT_MASKS[t]:t},onKeyPress:function(t,e,r){r||(t.ctrlKey||t.altKey||1===t.key.length&&(this.getRegex(e).test(t.key)||t.preventDefault()))},onPaste:function(t,o,i){if(!i){var u,l=this.getRegex(o),f=t.clipboardData.getData("text");(u=f,e(u)||r(u)||n(u)||a()).forEach((function(e){if(!l.test(e))return t.preventDefault(),!1}))}},validate:function(t,e){var r=t.target.value,n=!0,a=this.getRegex(e);return r&&!a.test(r)&&(n=!1),n}};exports.KeyFilter=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("primereact/utils");function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function r(t){if(Array.isArray(t))return e(t)}function n(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function a(t,r){if(t){if("string"==typeof t)return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?e(t,r):void 0}}function i(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o={DEFAULT_MASKS:{pint:/[\d]/,int:/[\d\-]/,pnum:/[\d\.]/,money:/[\d\.\s,]/,num:/[\d\-\.]/,hex:/[0-9a-f]/i,email:/[a-z0-9_\.\-@]/i,alpha:/[a-z_]/i,alphanum:/[a-z0-9_]/i},getRegex:function(t){return o.DEFAULT_MASKS[t]?o.DEFAULT_MASKS[t]:t},onBeforeInput:function(e,r,n){!n&&t.DomHandler.isAndroid()&&this.validateKey(e,e.data,r)},onKeyPress:function(e,r,n){n||t.DomHandler.isAndroid()||e.ctrlKey||e.altKey||this.validateKey(e,e.key,r)},onPaste:function(t,e,o){if(!o){var u,l=this.getRegex(e),s=t.clipboardData.getData("text");(u=s,r(u)||n(u)||a(u)||i()).forEach((function(e){if(!l.test(e))return t.preventDefault(),!1}))}},validateKey:function(t,e,r){null!=e&&(1===e.length&&(this.getRegex(r).test(e)||t.preventDefault()))},validate:function(t,e){var r=t.target.value,n=!0,a=this.getRegex(e);return r&&!a.test(r)&&(n=!1),n}};exports.KeyFilter=o;

package/keyfilter/keyfilter.esm.js

@@ -1,3 +1,5 @@
+import { DomHandler } from 'primereact/utils';
+
 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];
@@ -45,21 +47,22 @@ var KeyFilter = {
   /* eslint-enable */getRegex: function getRegex(keyfilter) {
     return KeyFilter.DEFAULT_MASKS[keyfilter] ? KeyFilter.DEFAULT_MASKS[keyfilter] : keyfilter;
   },
-  onKeyPress: function onKeyPress(e, keyfilter, validateOnly) {
-    if (validateOnly) {
+  onBeforeInput: function onBeforeInput(e, keyfilter, validateOnly) {
+    // android devices must use beforeinput https://stackoverflow.com/questions/36753548/keycode-on-android-is-always-229
+    if (validateOnly || !DomHandler.isAndroid()) {
       return;
     }
-    if (e.ctrlKey || e.altKey) {
+    this.validateKey(e, e.data, keyfilter);
+  },
+  onKeyPress: function onKeyPress(e, keyfilter, validateOnly) {
+    // non android devices use keydown
+    if (validateOnly || DomHandler.isAndroid()) {
       return;
     }
-    var isPrintableKey = e.key.length === 1;
-    if (!isPrintableKey) {
+    if (e.ctrlKey || e.altKey) {
       return;
     }
-    var regex = this.getRegex(keyfilter);
-    if (!regex.test(e.key)) {
-      e.preventDefault();
-    }
+    this.validateKey(e, e.key, keyfilter);
   },
   onPaste: function onPaste(e, keyfilter, validateOnly) {
     if (validateOnly) {
@@ -76,6 +79,19 @@ var KeyFilter = {
       }
     });
   },
+  validateKey: function validateKey(e, key, keyfilter) {
+    if (key === null || key === undefined) {
+      return;
+    }
+    var isPrintableKey = key.length === 1;
+    if (!isPrintableKey) {
+      return;
+    }
+    var regex = this.getRegex(keyfilter);
+    if (!regex.test(key)) {
+      e.preventDefault();
+    }
+  },
   validate: function validate(e, keyfilter) {
     var value = e.target.value,
       validatePattern = true;

package/keyfilter/keyfilter.esm.min.js

@@ -1 +1 @@
-function t(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function e(e){if(Array.isArray(e))return t(e)}function r(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function n(e,r){if(e){if("string"==typeof e)return t(e,r);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)?t(e,r):void 0}}function a(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o={DEFAULT_MASKS:{pint:/[\d]/,int:/[\d\-]/,pnum:/[\d\.]/,money:/[\d\.\s,]/,num:/[\d\-\.]/,hex:/[0-9a-f]/i,email:/[a-z0-9_\.\-@]/i,alpha:/[a-z_]/i,alphanum:/[a-z0-9_]/i},getRegex:function(t){return o.DEFAULT_MASKS[t]?o.DEFAULT_MASKS[t]:t},onKeyPress:function(t,e,r){r||(t.ctrlKey||t.altKey||1===t.key.length&&(this.getRegex(e).test(t.key)||t.preventDefault()))},onPaste:function(t,o,i){if(!i){var u,l=this.getRegex(o),f=t.clipboardData.getData("text");(u=f,e(u)||r(u)||n(u)||a()).forEach((function(e){if(!l.test(e))return t.preventDefault(),!1}))}},validate:function(t,e){var r=t.target.value,n=!0,a=this.getRegex(e);return r&&!a.test(r)&&(n=!1),n}};export{o as KeyFilter};
+import{DomHandler as t}from"primereact/utils";function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function r(t){if(Array.isArray(t))return e(t)}function n(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function a(t,r){if(t){if("string"==typeof t)return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?e(t,r):void 0}}function i(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o={DEFAULT_MASKS:{pint:/[\d]/,int:/[\d\-]/,pnum:/[\d\.]/,money:/[\d\.\s,]/,num:/[\d\-\.]/,hex:/[0-9a-f]/i,email:/[a-z0-9_\.\-@]/i,alpha:/[a-z_]/i,alphanum:/[a-z0-9_]/i},getRegex:function(t){return o.DEFAULT_MASKS[t]?o.DEFAULT_MASKS[t]:t},onBeforeInput:function(e,r,n){!n&&t.isAndroid()&&this.validateKey(e,e.data,r)},onKeyPress:function(e,r,n){n||t.isAndroid()||e.ctrlKey||e.altKey||this.validateKey(e,e.key,r)},onPaste:function(t,e,o){if(!o){var u,l=this.getRegex(e),f=t.clipboardData.getData("text");(u=f,r(u)||n(u)||a(u)||i()).forEach((function(e){if(!l.test(e))return t.preventDefault(),!1}))}},validateKey:function(t,e,r){null!=e&&(1===e.length&&(this.getRegex(r).test(e)||t.preventDefault()))},validate:function(t,e){var r=t.target.value,n=!0,a=this.getRegex(e);return r&&!a.test(r)&&(n=!1),n}};export{o as KeyFilter};

package/keyfilter/keyfilter.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.keyfilter = (function (exports) {
+this.primereact.keyfilter = (function (exports, utils) {
   'use strict';
 
   function _arrayLikeToArray(arr, len) {
@@ -49,21 +49,22 @@ this.primereact.keyfilter = (function (exports) {
     /* eslint-enable */getRegex: function getRegex(keyfilter) {
       return KeyFilter.DEFAULT_MASKS[keyfilter] ? KeyFilter.DEFAULT_MASKS[keyfilter] : keyfilter;
     },
-    onKeyPress: function onKeyPress(e, keyfilter, validateOnly) {
-      if (validateOnly) {
+    onBeforeInput: function onBeforeInput(e, keyfilter, validateOnly) {
+      // android devices must use beforeinput https://stackoverflow.com/questions/36753548/keycode-on-android-is-always-229
+      if (validateOnly || !utils.DomHandler.isAndroid()) {
         return;
       }
-      if (e.ctrlKey || e.altKey) {
+      this.validateKey(e, e.data, keyfilter);
+    },
+    onKeyPress: function onKeyPress(e, keyfilter, validateOnly) {
+      // non android devices use keydown
+      if (validateOnly || utils.DomHandler.isAndroid()) {
         return;
       }
-      var isPrintableKey = e.key.length === 1;
-      if (!isPrintableKey) {
+      if (e.ctrlKey || e.altKey) {
         return;
       }
-      var regex = this.getRegex(keyfilter);
-      if (!regex.test(e.key)) {
-        e.preventDefault();
-      }
+      this.validateKey(e, e.key, keyfilter);
     },
     onPaste: function onPaste(e, keyfilter, validateOnly) {
       if (validateOnly) {
@@ -80,6 +81,19 @@ this.primereact.keyfilter = (function (exports) {
         }
       });
     },
+    validateKey: function validateKey(e, key, keyfilter) {
+      if (key === null || key === undefined) {
+        return;
+      }
+      var isPrintableKey = key.length === 1;
+      if (!isPrintableKey) {
+        return;
+      }
+      var regex = this.getRegex(keyfilter);
+      if (!regex.test(key)) {
+        e.preventDefault();
+      }
+    },
     validate: function validate(e, keyfilter) {
       var value = e.target.value,
         validatePattern = true;
@@ -97,4 +111,4 @@ this.primereact.keyfilter = (function (exports) {
 
   return exports;
 
-})({});
+})({}, primereact.utils);

package/keyfilter/keyfilter.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.keyfilter=function(t){"use strict";function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function r(t){if(Array.isArray(t))return e(t)}function n(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function a(t,r){if(t){if("string"==typeof t)return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?e(t,r):void 0}}function i(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o={DEFAULT_MASKS:{pint:/[\d]/,int:/[\d\-]/,pnum:/[\d\.]/,money:/[\d\.\s,]/,num:/[\d\-\.]/,hex:/[0-9a-f]/i,email:/[a-z0-9_\.\-@]/i,alpha:/[a-z_]/i,alphanum:/[a-z0-9_]/i},getRegex:function(t){return o.DEFAULT_MASKS[t]?o.DEFAULT_MASKS[t]:t},onKeyPress:function(t,e,r){r||(t.ctrlKey||t.altKey||1===t.key.length&&(this.getRegex(e).test(t.key)||t.preventDefault()))},onPaste:function(t,e,o){if(!o){var u,l=this.getRegex(e),c=t.clipboardData.getData("text");(u=c,r(u)||n(u)||a(u)||i()).forEach((function(e){if(!l.test(e))return t.preventDefault(),!1}))}},validate:function(t,e){var r=t.target.value,n=!0,a=this.getRegex(e);return r&&!a.test(r)&&(n=!1),n}};return t.KeyFilter=o,Object.defineProperty(t,"__esModule",{value:!0}),t}({});
+this.primereact=this.primereact||{},this.primereact.keyfilter=function(t,e){"use strict";function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function n(t){if(Array.isArray(t))return r(t)}function a(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function i(t,e){if(t){if("string"==typeof t)return r(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}}function o(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var u={DEFAULT_MASKS:{pint:/[\d]/,int:/[\d\-]/,pnum:/[\d\.]/,money:/[\d\.\s,]/,num:/[\d\-\.]/,hex:/[0-9a-f]/i,email:/[a-z0-9_\.\-@]/i,alpha:/[a-z_]/i,alphanum:/[a-z0-9_]/i},getRegex:function(t){return u.DEFAULT_MASKS[t]?u.DEFAULT_MASKS[t]:t},onBeforeInput:function(t,r,n){!n&&e.DomHandler.isAndroid()&&this.validateKey(t,t.data,r)},onKeyPress:function(t,r,n){n||e.DomHandler.isAndroid()||t.ctrlKey||t.altKey||this.validateKey(t,t.key,r)},onPaste:function(t,e,r){if(!r){var u,l=this.getRegex(e),c=t.clipboardData.getData("text");(u=c,n(u)||a(u)||i(u)||o()).forEach((function(e){if(!l.test(e))return t.preventDefault(),!1}))}},validateKey:function(t,e,r){null!=e&&(1===e.length&&(this.getRegex(r).test(e)||t.preventDefault()))},validate:function(t,e){var r=t.target.value,n=!0,a=this.getRegex(e);return r&&!a.test(r)&&(n=!1),n}};return t.KeyFilter=u,Object.defineProperty(t,"__esModule",{value:!0}),t}({},primereact.utils);