primereact 10.5.1 → 10.5.3

package/inputtext/inputtext.js

@@ -84,7 +84,8 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, hooks
         isFilled = _ref.isFilled;
       return utils.classNames('p-inputtext p-component', {
         'p-disabled': props.disabled,
-        'p-filled': isFilled
+        'p-filled': isFilled,
+        'p-invalid': props.invalid
       }, props.className);
     }
   };
@@ -94,6 +95,7 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, hooks
       __parentMetadata: null,
       children: undefined,
       className: null,
+      invalid: false,
       keyfilter: null,
       onBeforeInput: null,
       onInput: null,
@@ -166,9 +168,9 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, hooks
     }, [props.value, props.defaultValue]);
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var rootProps = mergeProps({
-      className: utils.classNames(props.className, cx('root', {
+      className: cx('root', {
         isFilled: isFilled
-      })),
+      }),
       onBeforeInput: onBeforeInput,
       onInput: onInput,
       onKeyDown: onKeyDown,

package/inputtext/inputtext.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.inputtext=function(e,t,r,n,o,i,l,a){"use strict";function u(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 s=u(t);function c(){return c=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},c.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){if("object"!==p(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=f(e,"string");return"symbol"===p(t)?t:String(t)}var m=n.ComponentBase.extend({defaultProps:{__TYPE:"InputText",__parentMetadata:null,children:void 0,className:null,keyfilter:null,onBeforeInput:null,onInput:null,onKeyDown:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled},t.className)}}}});function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=y(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var O=s.memo(s.forwardRef((function(e,t){var u=o.useMergeProps(),p=s.useContext(r.PrimeReactContext),f=m.getProps(e,p),y=m.setMetaData(d(d({props:f},f.__parentMetadata),{},{context:{disabled:f.disabled}})),b=y.ptm,O=y.cx;n.useHandleStyle(m.css.styles,y.isUnstyled,{name:"inputtext",styled:!0});var v=s.useRef(t);s.useEffect((function(){a.ObjectUtils.combinedRefs(v,t)}),[v,t]);var j=s.useMemo((function(){return a.ObjectUtils.isNotEmpty(f.value)||a.ObjectUtils.isNotEmpty(f.defaultValue)}),[f.value,f.defaultValue]),P=a.ObjectUtils.isNotEmpty(f.tooltip),g=u({className:a.classNames(f.className,O("root",{isFilled:j})),onBeforeInput:function(e){f.onBeforeInput&&f.onBeforeInput(e),f.keyfilter&&i.KeyFilter.onBeforeInput(e,f.keyfilter,f.validateOnly)},onInput:function(e){var t=e.target,r=!0;f.keyfilter&&f.validateOnly&&(r=i.KeyFilter.validate(e,f.keyfilter)),f.onInput&&f.onInput(e,r),a.ObjectUtils.isNotEmpty(t.value)?a.DomHandler.addClass(t,"p-filled"):a.DomHandler.removeClass(t,"p-filled")},onKeyDown:function(e){f.onKeyDown&&f.onKeyDown(e),f.keyfilter&&i.KeyFilter.onKeyPress(e,f.keyfilter,f.validateOnly)},onPaste:function(e){f.onPaste&&f.onPaste(e),f.keyfilter&&i.KeyFilter.onPaste(e,f.keyfilter,f.validateOnly)}},m.getOtherProps(f),b("root"));return s.createElement(s.Fragment,null,s.createElement("input",c({ref:v},g)),P&&s.createElement(l.Tooltip,c({target:v,content:f.tooltip,pt:b("tooltip")},f.tooltipOptions)))})));return O.displayName="InputText",e.InputText=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.keyfilter,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.inputtext=function(e,t,r,n,o,i,l,a){"use strict";function u(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 s=u(t);function c(){return c=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},c.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){if("object"!==p(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=f(e,"string");return"symbol"===p(t)?t:String(t)}var m=n.ComponentBase.extend({defaultProps:{__TYPE:"InputText",__parentMetadata:null,children:void 0,className:null,invalid:!1,keyfilter:null,onBeforeInput:null,onInput:null,onKeyDown:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-invalid":t.invalid},t.className)}}}});function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=y(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var v=s.memo(s.forwardRef((function(e,t){var u=o.useMergeProps(),p=s.useContext(r.PrimeReactContext),f=m.getProps(e,p),y=m.setMetaData(d(d({props:f},f.__parentMetadata),{},{context:{disabled:f.disabled}})),b=y.ptm,v=y.cx;n.useHandleStyle(m.css.styles,y.isUnstyled,{name:"inputtext",styled:!0});var O=s.useRef(t);s.useEffect((function(){a.ObjectUtils.combinedRefs(O,t)}),[O,t]);var j=s.useMemo((function(){return a.ObjectUtils.isNotEmpty(f.value)||a.ObjectUtils.isNotEmpty(f.defaultValue)}),[f.value,f.defaultValue]),P=a.ObjectUtils.isNotEmpty(f.tooltip),g=u({className:v("root",{isFilled:j}),onBeforeInput:function(e){f.onBeforeInput&&f.onBeforeInput(e),f.keyfilter&&i.KeyFilter.onBeforeInput(e,f.keyfilter,f.validateOnly)},onInput:function(e){var t=e.target,r=!0;f.keyfilter&&f.validateOnly&&(r=i.KeyFilter.validate(e,f.keyfilter)),f.onInput&&f.onInput(e,r),a.ObjectUtils.isNotEmpty(t.value)?a.DomHandler.addClass(t,"p-filled"):a.DomHandler.removeClass(t,"p-filled")},onKeyDown:function(e){f.onKeyDown&&f.onKeyDown(e),f.keyfilter&&i.KeyFilter.onKeyPress(e,f.keyfilter,f.validateOnly)},onPaste:function(e){f.onPaste&&f.onPaste(e),f.keyfilter&&i.KeyFilter.onPaste(e,f.keyfilter,f.validateOnly)}},m.getOtherProps(f),b("root"));return s.createElement(s.Fragment,null,s.createElement("input",c({ref:O},g)),P&&s.createElement(l.Tooltip,c({target:O,content:f.tooltip,pt:b("tooltip")},f.tooltipOptions)))})));return v.displayName="InputText",e.InputText=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.keyfilter,primereact.tooltip,primereact.utils);

package/inputtextarea/inputtextarea.cjs.js

@@ -94,7 +94,8 @@ var classes = {
     return utils.classNames('p-inputtextarea p-inputtext p-component', {
       'p-disabled': props.disabled,
       'p-filled': isFilled,
-      'p-inputtextarea-resizable': props.autoResize
+      'p-inputtextarea-resizable': props.autoResize,
+      'p-invalid': props.invalid
     }, props.className);
   }
 };
@@ -104,6 +105,7 @@ var InputTextareaBase = componentbase.ComponentBase.extend({
     __TYPE: 'InputTextarea',
     __parentMetadata: null,
     autoResize: false,
+    invalid: false,
     keyfilter: null,
     onBlur: null,
     onFocus: null,

package/inputtextarea/inputtextarea.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/keyfilter"),i=require("primereact/tooltip"),l=require("primereact/utils");function a(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 u=a(e);function s(){return s=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},s.apply(this,arguments)}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function p(e,t){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===c(t)?t:String(t)}var y=r.ComponentBase.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,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},css:{classes:{root:function(e){var t=e.props;return l.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize},t.className)}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=f(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var m=u.memo(u.forwardRef((function(e,a){var c=n.useMergeProps(),p=u.useContext(t.PrimeReactContext),f=y.getProps(e,p),b=u.useRef(a),m=u.useRef(0),v=y.setMetaData(d(d({props:f},f.__parentMetadata),{},{context:{disabled:f.disabled}})),O=v.ptm,g=v.cx;r.useHandleStyle(y.css.styles,v.isUnstyled,{name:"inputtextarea"});var h=function(e){var t=b.current;t&&l.DomHandler.isVisible(t)&&(m.current||(m.current=t.scrollHeight,t.style.overflow="hidden"),(m.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",m.current=t.scrollHeight))};u.useEffect((function(){l.ObjectUtils.combinedRefs(b,a)}),[b,a]),u.useEffect((function(){f.autoResize&&h(!0)}),[f.autoResize]);var j=u.useMemo((function(){return l.ObjectUtils.isNotEmpty(f.value)||l.ObjectUtils.isNotEmpty(f.defaultValue)}),[f.value,f.defaultValue]),P=l.ObjectUtils.isNotEmpty(f.tooltip),w=c({ref:b,className:g("root",{isFilled:j}),onFocus:function(e){f.autoResize&&h(),f.onFocus&&f.onFocus(e)},onBlur:function(e){f.autoResize&&h(),f.onBlur&&f.onBlur(e)},onKeyUp:function(e){f.autoResize&&h(),f.onKeyUp&&f.onKeyUp(e)},onKeyDown:function(e){f.onKeyDown&&f.onKeyDown(e),f.keyfilter&&o.KeyFilter.onKeyPress(e,f.keyfilter,f.validateOnly)},onBeforeInput:function(e){f.onBeforeInput&&f.onBeforeInput(e),f.keyfilter&&o.KeyFilter.onBeforeInput(e,f.keyfilter,f.validateOnly)},onInput:function(e){var t=e.target;f.autoResize&&h(l.ObjectUtils.isEmpty(t.value)),f.onInput&&f.onInput(e),l.ObjectUtils.isNotEmpty(t.value)?l.DomHandler.addClass(t,"p-filled"):l.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){f.onPaste&&f.onPaste(e),f.keyfilter&&o.KeyFilter.onPaste(e,f.keyfilter,f.validateOnly)}},y.getOtherProps(f),O("root"));return u.createElement(u.Fragment,null,u.createElement("textarea",w),P&&u.createElement(i.Tooltip,s({target:b,content:f.tooltip,pt:O("tooltip")},f.tooltipOptions)))})));m.displayName="InputTextarea",exports.InputTextarea=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/keyfilter"),i=require("primereact/tooltip"),l=require("primereact/utils");function a(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 u=a(e);function s(){return s=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},s.apply(this,arguments)}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function p(e,t){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===c(t)?t:String(t)}var y=r.ComponentBase.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!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},css:{classes:{root:function(e){var t=e.props;return l.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid},t.className)}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=f(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var m=u.memo(u.forwardRef((function(e,a){var c=n.useMergeProps(),p=u.useContext(t.PrimeReactContext),f=y.getProps(e,p),d=u.useRef(a),m=u.useRef(0),v=y.setMetaData(b(b({props:f},f.__parentMetadata),{},{context:{disabled:f.disabled}})),O=v.ptm,g=v.cx;r.useHandleStyle(y.css.styles,v.isUnstyled,{name:"inputtextarea"});var h=function(e){var t=d.current;t&&l.DomHandler.isVisible(t)&&(m.current||(m.current=t.scrollHeight,t.style.overflow="hidden"),(m.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",m.current=t.scrollHeight))};u.useEffect((function(){l.ObjectUtils.combinedRefs(d,a)}),[d,a]),u.useEffect((function(){f.autoResize&&h(!0)}),[f.autoResize]);var j=u.useMemo((function(){return l.ObjectUtils.isNotEmpty(f.value)||l.ObjectUtils.isNotEmpty(f.defaultValue)}),[f.value,f.defaultValue]),P=l.ObjectUtils.isNotEmpty(f.tooltip),w=c({ref:d,className:g("root",{isFilled:j}),onFocus:function(e){f.autoResize&&h(),f.onFocus&&f.onFocus(e)},onBlur:function(e){f.autoResize&&h(),f.onBlur&&f.onBlur(e)},onKeyUp:function(e){f.autoResize&&h(),f.onKeyUp&&f.onKeyUp(e)},onKeyDown:function(e){f.onKeyDown&&f.onKeyDown(e),f.keyfilter&&o.KeyFilter.onKeyPress(e,f.keyfilter,f.validateOnly)},onBeforeInput:function(e){f.onBeforeInput&&f.onBeforeInput(e),f.keyfilter&&o.KeyFilter.onBeforeInput(e,f.keyfilter,f.validateOnly)},onInput:function(e){var t=e.target;f.autoResize&&h(l.ObjectUtils.isEmpty(t.value)),f.onInput&&f.onInput(e),l.ObjectUtils.isNotEmpty(t.value)?l.DomHandler.addClass(t,"p-filled"):l.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){f.onPaste&&f.onPaste(e),f.keyfilter&&o.KeyFilter.onPaste(e,f.keyfilter,f.validateOnly)}},y.getOtherProps(f),O("root"));return u.createElement(u.Fragment,null,u.createElement("textarea",w),P&&u.createElement(i.Tooltip,s({target:d,content:f.tooltip,pt:O("tooltip")},f.tooltipOptions)))})));m.displayName="InputTextarea",exports.InputTextarea=m;

package/inputtextarea/inputtextarea.d.ts

@@ -67,6 +67,11 @@ export interface InputTextareaProps extends Omit<React.DetailedHTMLProps<React.T
      * @defaultValue false
      */
     autoResize?: boolean | undefined;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     */
+    invalid?: boolean | undefined;
     /**
      * Format definition of the keys to block.
      */

package/inputtextarea/inputtextarea.esm.js

@@ -70,7 +70,8 @@ var classes = {
     return classNames('p-inputtextarea p-inputtext p-component', {
       'p-disabled': props.disabled,
       'p-filled': isFilled,
-      'p-inputtextarea-resizable': props.autoResize
+      'p-inputtextarea-resizable': props.autoResize,
+      'p-invalid': props.invalid
     }, props.className);
   }
 };
@@ -80,6 +81,7 @@ var InputTextareaBase = ComponentBase.extend({
     __TYPE: 'InputTextarea',
     __parentMetadata: null,
     autoResize: false,
+    invalid: false,
     keyfilter: null,
     onBlur: null,
     onFocus: null,

package/inputtextarea/inputtextarea.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as o}from"primereact/hooks";import{KeyFilter as i}from"primereact/keyfilter";import{Tooltip as l}from"primereact/tooltip";import{classNames as a,ObjectUtils as u,DomHandler as s}from"primereact/utils";function p(){return p=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},p.apply(this,arguments)}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function f(e,t){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=f(e,"string");return"symbol"===c(t)?t:String(t)}var m=r.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,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},css:{classes:{root:function(e){var t=e.props;return a("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize},t.className)}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=y(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var v=e.memo(e.forwardRef((function(r,a){var c=o(),f=e.useContext(t),y=m.getProps(r,f),d=e.useRef(a),v=e.useRef(0),g=m.setMetaData(b(b({props:y},y.__parentMetadata),{},{context:{disabled:y.disabled}})),h=g.ptm,O=g.cx;n(m.css.styles,g.isUnstyled,{name:"inputtextarea"});var P=function(e){var t=d.current;t&&s.isVisible(t)&&(v.current||(v.current=t.scrollHeight,t.style.overflow="hidden"),(v.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",v.current=t.scrollHeight))};e.useEffect((function(){u.combinedRefs(d,a)}),[d,a]),e.useEffect((function(){y.autoResize&&P(!0)}),[y.autoResize]);var w=e.useMemo((function(){return u.isNotEmpty(y.value)||u.isNotEmpty(y.defaultValue)}),[y.value,y.defaultValue]),j=u.isNotEmpty(y.tooltip),x=c({ref:d,className:O("root",{isFilled:w}),onFocus:function(e){y.autoResize&&P(),y.onFocus&&y.onFocus(e)},onBlur:function(e){y.autoResize&&P(),y.onBlur&&y.onBlur(e)},onKeyUp:function(e){y.autoResize&&P(),y.onKeyUp&&y.onKeyUp(e)},onKeyDown:function(e){y.onKeyDown&&y.onKeyDown(e),y.keyfilter&&i.onKeyPress(e,y.keyfilter,y.validateOnly)},onBeforeInput:function(e){y.onBeforeInput&&y.onBeforeInput(e),y.keyfilter&&i.onBeforeInput(e,y.keyfilter,y.validateOnly)},onInput:function(e){var t=e.target;y.autoResize&&P(u.isEmpty(t.value)),y.onInput&&y.onInput(e),u.isNotEmpty(t.value)?s.addClass(t,"p-filled"):s.removeClass(t,"p-filled")},onPaste:function(e){y.onPaste&&y.onPaste(e),y.keyfilter&&i.onPaste(e,y.keyfilter,y.validateOnly)}},m.getOtherProps(y),h("root"));return e.createElement(e.Fragment,null,e.createElement("textarea",x),j&&e.createElement(l,p({target:d,content:y.tooltip,pt:h("tooltip")},y.tooltipOptions)))})));v.displayName="InputTextarea";export{v as InputTextarea};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o}from"primereact/hooks";import{KeyFilter as i}from"primereact/keyfilter";import{Tooltip as l}from"primereact/tooltip";import{classNames as a,ObjectUtils as u,DomHandler as s}from"primereact/utils";function p(){return p=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},p.apply(this,arguments)}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function f(e,t){if("object"!==c(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==c(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=f(e,"string");return"symbol"===c(t)?t:String(t)}var m=n.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!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},css:{classes:{root:function(e){var t=e.props;return a("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid},t.className)}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=y(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=e.memo(e.forwardRef((function(n,a){var c=o(),f=e.useContext(t),y=m.getProps(n,f),d=e.useRef(a),v=e.useRef(0),g=m.setMetaData(b(b({props:y},y.__parentMetadata),{},{context:{disabled:y.disabled}})),h=g.ptm,O=g.cx;r(m.css.styles,g.isUnstyled,{name:"inputtextarea"});var P=function(e){var t=d.current;t&&s.isVisible(t)&&(v.current||(v.current=t.scrollHeight,t.style.overflow="hidden"),(v.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",v.current=t.scrollHeight))};e.useEffect((function(){u.combinedRefs(d,a)}),[d,a]),e.useEffect((function(){y.autoResize&&P(!0)}),[y.autoResize]);var w=e.useMemo((function(){return u.isNotEmpty(y.value)||u.isNotEmpty(y.defaultValue)}),[y.value,y.defaultValue]),j=u.isNotEmpty(y.tooltip),x=c({ref:d,className:O("root",{isFilled:w}),onFocus:function(e){y.autoResize&&P(),y.onFocus&&y.onFocus(e)},onBlur:function(e){y.autoResize&&P(),y.onBlur&&y.onBlur(e)},onKeyUp:function(e){y.autoResize&&P(),y.onKeyUp&&y.onKeyUp(e)},onKeyDown:function(e){y.onKeyDown&&y.onKeyDown(e),y.keyfilter&&i.onKeyPress(e,y.keyfilter,y.validateOnly)},onBeforeInput:function(e){y.onBeforeInput&&y.onBeforeInput(e),y.keyfilter&&i.onBeforeInput(e,y.keyfilter,y.validateOnly)},onInput:function(e){var t=e.target;y.autoResize&&P(u.isEmpty(t.value)),y.onInput&&y.onInput(e),u.isNotEmpty(t.value)?s.addClass(t,"p-filled"):s.removeClass(t,"p-filled")},onPaste:function(e){y.onPaste&&y.onPaste(e),y.keyfilter&&i.onPaste(e,y.keyfilter,y.validateOnly)}},m.getOtherProps(y),h("root"));return e.createElement(e.Fragment,null,e.createElement("textarea",x),j&&e.createElement(l,p({target:d,content:y.tooltip,pt:h("tooltip")},y.tooltipOptions)))})));v.displayName="InputTextarea";export{v as InputTextarea};

package/inputtextarea/inputtextarea.js

@@ -85,7 +85,8 @@ this.primereact.inputtextarea = (function (exports, React, api, componentbase, h
       return utils.classNames('p-inputtextarea p-inputtext p-component', {
         'p-disabled': props.disabled,
         'p-filled': isFilled,
-        'p-inputtextarea-resizable': props.autoResize
+        'p-inputtextarea-resizable': props.autoResize,
+        'p-invalid': props.invalid
       }, props.className);
     }
   };
@@ -95,6 +96,7 @@ this.primereact.inputtextarea = (function (exports, React, api, componentbase, h
       __TYPE: 'InputTextarea',
       __parentMetadata: null,
       autoResize: false,
+      invalid: false,
       keyfilter: null,
       onBlur: null,
       onFocus: null,

package/inputtextarea/inputtextarea.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.inputtextarea=function(e,t,r,n,o,i,l,a){"use strict";function u(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 s=u(t);function c(){return c=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},c.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){if("object"!==p(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=f(e,"string");return"symbol"===p(t)?t:String(t)}var m=n.ComponentBase.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,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},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize},t.className)}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=y(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var v=s.memo(s.forwardRef((function(e,t){var u=o.useMergeProps(),p=s.useContext(r.PrimeReactContext),f=m.getProps(e,p),y=s.useRef(t),b=s.useRef(0),v=m.setMetaData(d(d({props:f},f.__parentMetadata),{},{context:{disabled:f.disabled}})),O=v.ptm,g=v.cx;n.useHandleStyle(m.css.styles,v.isUnstyled,{name:"inputtextarea"});var h=function(e){var t=y.current;t&&a.DomHandler.isVisible(t)&&(b.current||(b.current=t.scrollHeight,t.style.overflow="hidden"),(b.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",b.current=t.scrollHeight))};s.useEffect((function(){a.ObjectUtils.combinedRefs(y,t)}),[y,t]),s.useEffect((function(){f.autoResize&&h(!0)}),[f.autoResize]);var j=s.useMemo((function(){return a.ObjectUtils.isNotEmpty(f.value)||a.ObjectUtils.isNotEmpty(f.defaultValue)}),[f.value,f.defaultValue]),P=a.ObjectUtils.isNotEmpty(f.tooltip),w=u({ref:y,className:g("root",{isFilled:j}),onFocus:function(e){f.autoResize&&h(),f.onFocus&&f.onFocus(e)},onBlur:function(e){f.autoResize&&h(),f.onBlur&&f.onBlur(e)},onKeyUp:function(e){f.autoResize&&h(),f.onKeyUp&&f.onKeyUp(e)},onKeyDown:function(e){f.onKeyDown&&f.onKeyDown(e),f.keyfilter&&i.KeyFilter.onKeyPress(e,f.keyfilter,f.validateOnly)},onBeforeInput:function(e){f.onBeforeInput&&f.onBeforeInput(e),f.keyfilter&&i.KeyFilter.onBeforeInput(e,f.keyfilter,f.validateOnly)},onInput:function(e){var t=e.target;f.autoResize&&h(a.ObjectUtils.isEmpty(t.value)),f.onInput&&f.onInput(e),a.ObjectUtils.isNotEmpty(t.value)?a.DomHandler.addClass(t,"p-filled"):a.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){f.onPaste&&f.onPaste(e),f.keyfilter&&i.KeyFilter.onPaste(e,f.keyfilter,f.validateOnly)}},m.getOtherProps(f),O("root"));return s.createElement(s.Fragment,null,s.createElement("textarea",w),P&&s.createElement(l.Tooltip,c({target:y,content:f.tooltip,pt:O("tooltip")},f.tooltipOptions)))})));return v.displayName="InputTextarea",e.InputTextarea=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.keyfilter,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.inputtextarea=function(e,t,n,r,o,i,l,a){"use strict";function u(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 s=u(t);function c(){return c=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},c.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=f(e,"string");return"symbol"===p(t)?t:String(t)}var d=r.ComponentBase.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!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},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid},t.className)}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=y(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=s.memo(s.forwardRef((function(e,t){var u=o.useMergeProps(),p=s.useContext(n.PrimeReactContext),f=d.getProps(e,p),y=s.useRef(t),m=s.useRef(0),v=d.setMetaData(b(b({props:f},f.__parentMetadata),{},{context:{disabled:f.disabled}})),O=v.ptm,g=v.cx;r.useHandleStyle(d.css.styles,v.isUnstyled,{name:"inputtextarea"});var h=function(e){var t=y.current;t&&a.DomHandler.isVisible(t)&&(m.current||(m.current=t.scrollHeight,t.style.overflow="hidden"),(m.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",m.current=t.scrollHeight))};s.useEffect((function(){a.ObjectUtils.combinedRefs(y,t)}),[y,t]),s.useEffect((function(){f.autoResize&&h(!0)}),[f.autoResize]);var j=s.useMemo((function(){return a.ObjectUtils.isNotEmpty(f.value)||a.ObjectUtils.isNotEmpty(f.defaultValue)}),[f.value,f.defaultValue]),P=a.ObjectUtils.isNotEmpty(f.tooltip),w=u({ref:y,className:g("root",{isFilled:j}),onFocus:function(e){f.autoResize&&h(),f.onFocus&&f.onFocus(e)},onBlur:function(e){f.autoResize&&h(),f.onBlur&&f.onBlur(e)},onKeyUp:function(e){f.autoResize&&h(),f.onKeyUp&&f.onKeyUp(e)},onKeyDown:function(e){f.onKeyDown&&f.onKeyDown(e),f.keyfilter&&i.KeyFilter.onKeyPress(e,f.keyfilter,f.validateOnly)},onBeforeInput:function(e){f.onBeforeInput&&f.onBeforeInput(e),f.keyfilter&&i.KeyFilter.onBeforeInput(e,f.keyfilter,f.validateOnly)},onInput:function(e){var t=e.target;f.autoResize&&h(a.ObjectUtils.isEmpty(t.value)),f.onInput&&f.onInput(e),a.ObjectUtils.isNotEmpty(t.value)?a.DomHandler.addClass(t,"p-filled"):a.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){f.onPaste&&f.onPaste(e),f.keyfilter&&i.KeyFilter.onPaste(e,f.keyfilter,f.validateOnly)}},d.getOtherProps(f),O("root"));return s.createElement(s.Fragment,null,s.createElement("textarea",w),P&&s.createElement(l.Tooltip,c({target:y,content:f.tooltip,pt:O("tooltip")},f.tooltipOptions)))})));return v.displayName="InputTextarea",e.InputTextarea=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.keyfilter,primereact.tooltip,primereact.utils);

package/listbox/listbox.cjs.js

@@ -177,7 +177,8 @@ var classes = {
   root: function root(_ref2) {
     var props = _ref2.props;
     return utils.classNames('p-listbox p-component', {
-      'p-disabled': props.disabled
+      'p-disabled': props.disabled,
+      'p-invalid': props.invalid
     }, props.className);
   },
   item: function item(_ref3) {
@@ -227,10 +228,11 @@ var ListBoxBase = componentbase.ComponentBase.extend({
     selectOnFocus: false,
     id: null,
     itemTemplate: null,
+    invalid: false,
     listClassName: null,
     listStyle: null,
     metaKeySelection: false
-  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultProps, "selectOnFocus", false), "autoOptionFocus", true), "multiple", false), "onChange", null), "onFilterValueChange", null), "optionDisabled", null), "optionGroupChildren", null), "optionGroupLabel", null), "optionGroupTemplate", null), "optionLabel", null), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultProps, "optionValue", null), "options", null), "style", null), "tabIndex", 0), "tooltip", null), "tooltipOptions", null), "value", null), "virtualScrollerOptions", null), "children", undefined)),
+  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultProps, "selectOnFocus", false), "autoOptionFocus", false), "multiple", false), "onChange", null), "onFilterValueChange", null), "optionDisabled", null), "optionGroupChildren", null), "optionGroupLabel", null), "optionGroupTemplate", null), "optionLabel", null), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultProps, "optionValue", null), "options", null), "style", null), "tabIndex", 0), "tooltip", null), "tooltipOptions", null), "value", null), "virtualScrollerOptions", null), "children", undefined)),
   css: {
     classes: classes,
     styles: styles,
@@ -361,7 +363,7 @@ var ListBoxItem = /*#__PURE__*/React__namespace.memo(function (props) {
     onBlur: onBlur,
     tabIndex: '-1',
     'aria-label': props.label,
-    key: props.label,
+    key: props.optionKey,
     role: 'option',
     'aria-selected': props.selected,
     'aria-disabled': props.disabled,
@@ -397,7 +399,7 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     setFilterValueState = _React$useState6[1];
   var elementRef = React__namespace.useRef(null);
   var virtualScrollerRef = React__namespace.useRef(null);
-  var id = React__namespace.useRef(utils.UniqueComponentId());
+  var id = React__namespace.useRef(null);
   var listRef = React__namespace.useRef(null);
   var optionTouched = React__namespace.useRef(false);
   var filteredValue = (props.onFilterValueChange ? props.filterValue : filterValueState) || '';
@@ -610,7 +612,7 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     if (focusedOptionIndex !== index) {
       setFocusedOptionIndex(index);
       scrollInView();
-      if (props.selectOnFocus && !props.multiple) {
+      if (event && props.selectOnFocus && !props.multiple) {
         onOptionSelect(event, visibleOptions[index]);
       }
     }
@@ -711,7 +713,7 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
         event.preventDefault();
         break;
       case 'Tab':
-        //NOOP
+        // NOOP
         break;
       case 'ShiftLeft':
       case 'ShiftRight':
@@ -848,6 +850,7 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     var firstFocusableEl = utils.DomHandler.getFirstFocusableElement(elementRef.current, ':not([data-p-hidden-focusable="true"])');
     lastHiddenFocusableElement.current.tabIndex = utils.DomHandler.isElement(firstFocusableEl) ? undefined : -1;
     firstHiddenFocusableElement.current.tabIndex = -1;
+    changeFocusedOptionIndex(null, 0);
   };
   var onLastHiddenFocus = function onLastHiddenFocus(event) {
     var relatedTarget = event.relatedTarget;
@@ -926,6 +929,7 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   });
   hooks.useMountEffect(function () {
     scrollToSelectedIndex();
+    id.current = utils.UniqueComponentId();
   });
   var createHeader = function createHeader() {
     return props.filter ? /*#__PURE__*/React__namespace.createElement(ListBoxHeader, {
@@ -948,10 +952,10 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       var optionLabel = getOptionLabel(option);
       var optionKey = j + '_' + getOptionRenderKey(option);
       var disabled = isOptionDisabled(option);
-      disabled ? null : props.tabIndex || 0;
       return /*#__PURE__*/React__namespace.createElement(ListBoxItem, {
         id: id.current + '_' + j,
         hostName: "ListBox",
+        optionKey: optionKey,
         key: optionKey,
         label: optionLabel,
         option: option,
@@ -991,10 +995,10 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       var optionLabel = getOptionLabel(option);
       var optionKey = index + '_' + getOptionRenderKey(option);
       var disabled = isOptionDisabled(option);
-      disabled ? null : props.tabIndex || 0;
       return /*#__PURE__*/React__namespace.createElement(ListBoxItem, {
         id: id.current + '_' + index,
         hostName: "ListBox",
+        optionKey: optionKey,
         key: optionKey,
         label: optionLabel,
         index: index,
@@ -1040,7 +1044,7 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
         },
         contentTemplate: function contentTemplate(options) {
           var listProps = mergeProps(_objectSpread({
-            ref: options.contentRef,
+            ref: listRef,
             style: ptCallbacks.sx('list', {
               options: options
             }),
@@ -1107,7 +1111,7 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     onFocus: onLastHiddenFocus,
     'data-p-hidden-accessible': true,
     'data-p-hidden-focusable': true
-  }, ptCallbacks.ptm('hiddenFirstFocusableEl'));
+  }, ptCallbacks.ptm('hiddenLastFocusableEl'));
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("span", hiddenFirstElement), header, /*#__PURE__*/React__namespace.createElement("div", wrapperProps, list), /*#__PURE__*/React__namespace.createElement("span", hiddenLastElement)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
     target: elementRef,
     content: props.tooltip,

package/listbox/listbox.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),l=require("primereact/tooltip"),i=require("primereact/utils"),o=require("primereact/virtualscroller"),a=require("primereact/icons/search"),u=require("primereact/inputtext"),c=require("primereact/ripple");function s(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,f=s(e);function d(){return d=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},d.apply(this,arguments)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function b(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=b(e,"string");return"symbol"===m(t)?t:String(t)}function y(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function g(e){if(Array.isArray(e))return h(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function x(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function j(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(e){return g(e)||O(e)||x(e)||j()}function E(e){throw new TypeError('"'+e+'" is read-only')}function S(e){if(Array.isArray(e))return e}function D(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,i,o,a=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw l}}return a}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e,t){return S(e)||D(e,t)||x(e,t)||w()}var F={itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:"p-listbox-list",wrapper:function(e){return i.classNames("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return i.classNames("p-listbox p-component",{"p-disabled":t.disabled},t.className)},item:function(e){var t=e.props;return i.classNames("p-listbox-item",{"p-highlight":t.selected,"p-focus":t.focusedOptionIndex===t.index,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},L={itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}},N=n.ComponentBase.extend({defaultProps:(p={__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,selectOnFocus:!1,id:null,itemTemplate:null,listClassName:null,listStyle:null,metaKeySelection:!1},y(y(y(y(y(y(y(y(y(y(p,"selectOnFocus",!1),"autoOptionFocus",!0),"multiple",!1),"onChange",null),"onFilterValueChange",null),"optionDisabled",null),"optionGroupChildren",null),"optionGroupLabel",null),"optionGroupTemplate",null),"optionLabel",null),y(y(y(y(y(y(y(y(y(p,"optionValue",null),"options",null),"style",null),"tabIndex",0),"tooltip",null),"tooltipOptions",null),"value",null),"virtualScrollerOptions",null),"children",void 0)),css:{classes:F,styles:"\n@layer primereact {\n    .p-listbox-list-wrapper {\n        overflow: auto;\n    }\n    \n    .p-listbox-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-listbox-item {\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n        outline: none;\n    }\n    \n    .p-listbox-filter-container {\n        position: relative;\n    }\n    \n    .p-listbox-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-listbox-filter {\n        width: 100%;\n    }\n}\n",inlineStyles:L}});function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var U=f.memo((function(e){var t=r.useMergeProps(),n=e.ptCallbacks,l=n.ptm,o=n.cx,c=function(t,n){return l(t,T({hostName:e.hostName},n))},s={filter:function(e){return p(e)},reset:function(){return e.resetFilter()}},p=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},m=function(){var n=t({className:o("filterIcon")},c("filterIcon")),r=i.IconUtils.getJSXIcon(e.filterIcon||f.createElement(a.SearchIcon,n),T({},n),{props:e}),m=t({className:o("header")},c("header")),b=t({className:o("filterContainer")},c("filterContainer")),v=f.createElement("div",b,f.createElement(u.InputText,d({type:"text",value:e.filter,onChange:p,className:o("filterInput"),disabled:e.disabled,placeholder:e.filterPlaceholder},e.filterInputProps,{pt:l("filterInput"),unstyled:e.unstyled,__parentMetadata:{parent:e.metaData}})),r);e.filterTemplate&&(v=i.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-listbox-filter-container",element:v,filterOptions:s,filterInputChange:p,filterIconClassName:"p-dropdown-filter-icon",props:e}));return f.createElement("div",m,v)}();return f.createElement(f.Fragment,null,m)}));U.displayName="ListBoxHeader";var k=f.memo((function(e){var t=P(f.useState(!1),2),n=t[0],l=t[1],o=r.useMergeProps(),a=e.ptCallbacks,u=a.ptm,s=a.cx,p=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label,d=o({id:e.id,className:s("item",{props:e}),style:e.style,onClick:function(t){return e.onClick(t,e.option,e.index)},onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onFocus:function(e){l(!0)},onBlur:function(e){l(!1)},tabIndex:"-1","aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},u("item",{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,focused:n,focusedOptionIndex:e.focusedOptionIndex}}));return f.createElement("li",d,p,f.createElement(c.Ripple,null))}));function M(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function K(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function A(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=V(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,o=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){a=!0,i=e},f:function(){try{o||null==n.return||n.return()}finally{if(a)throw i}}}}function V(e,t){if(e){if("string"==typeof e)return G(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?G(e,t):void 0}}function G(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}k.displayName="ListBoxItem";var R=f.memo(f.forwardRef((function(e,a){var u=r.useMergeProps(),c=f.useContext(t.PrimeReactContext),s=N.getProps(e,c),p=P(f.useState(null),2),m=p[0],b=p[1],v=f.useRef(null),y=f.useRef(null),h=f.useRef(null),g=P(f.useState(-1),2),O=g[0],x=g[1],j=P(f.useState(""),2),S=j[0],D=j[1],w=f.useRef(null),F=f.useRef(null),L=f.useRef(i.UniqueComponentId()),C=f.useRef(null),T=f.useRef(!1),M=(s.onFilterValueChange?s.filterValue:S)||"",V=M&&M.trim().length>0,G={props:s,state:{filterValue:M}},R=N.setMetaData(G);n.useHandleStyle(N.css.styles,R.isUnstyled,{name:"listbox"});var q=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;s.disabled||De(t)||(s.multiple?H(e.originalEvent,t):B(e.originalEvent,t),T.current=!1,-1!==n&&b(n))},_=function(){s.disabled||(T.current=!0)},B=function(e,t){var n=je(t),r=!1,l=null;!T.current&&s.metaKeySelection?n?(e.metaKey||e.ctrlKey)&&(l=null,r=!0):(l=Ee(t),r=!0):(l=n?null:Ee(t),r=!0);r&&ye(e,l)},H=function(e,t){var n=je(t),r=!1,l=null;if(!T&&s.metaKeySelection){var i=e.metaKey||e.ctrlKey;n?(l=i?he(t):[Ee(t)],r=!0):(l=[].concat(I(l=i&&s.value||[]),[Ee(t)]),r=!0)}else l=n?he(t):[].concat(I(s.value||[]),[Ee(t)]),r=!0;r&&s.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:l}})},z=function(){return i.ObjectUtils.isNotEmpty(s.value)},J=function(e){return s.optionGroupLabel&&e.optionGroup&&e.group},X=function(e){return i.ObjectUtils.isNotEmpty(e)&&!(De(e)||J(e))},$=function(e){return X(e)&&je(e)},W=function(){return Te.findIndex((function(e){return X(e)}))},Y=function(e){var t=-1;return z&&(t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?-1===(t=te(e))?ee(e):t:-1===(t=ee(e))?te(e):t),t>-1?t:e},Q=function(e){var t;return X(e)&&(null===(t=Ie(e))||void 0===t?void 0:t.toLocaleLowerCase(s.filterLocale).startsWith(searchValue.toLocaleLowerCase(s.filterLocale)))},Z=function(e,t){searchValue=(searchValue||"")+t;var n=-1;i.ObjectUtils.isNotEmpty(searchValue)&&(-1===(n=-1!==m?-1===(n=Te.slice(m).findIndex((function(e){return Q(e)})))?Te.slice(0,m).findIndex((function(e){return Q(e)})):n+m:Te.findIndex((function(e){return Q(e)})))&&-1===m&&(n=re()),-1!==n&&le(e,n)),v.current&&clearTimeout(v.current),v.current=setTimeout((function(){searchValue="",v.current=null}),500)},ee=function(e){var t=z&&e<Te.length-1?Te.slice(e+1).findIndex((function(e){return $(e)})):-1;return t>-1?t+e+1:-1},te=function(e){var t=z&&e>0?i.ObjectUtils.findLastIndex(Te.slice(0,e),(function(e){return $(e)})):-1;return t>-1?t:-1},ne=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(-1===t&&(t=Y(n,!0)),-1===n&&(n=Y(t)),-1!==t&&-1!==n){var r=Math.min(t,n),l=Math.max(t,n),i=Te.slice(r,l+1).filter((function(e){return X(e)})).map((function(e){return Ee(e)}));ye(e,i)}},re=function(){var e=findFirstSelectedOptionIndex();return e<0?W():e},le=function(e,t){m!==t&&(b(t),me(),s.selectOnFocus&&!s.multiple&&q(e,Te[t]))},ie=function(e){var t,n,r=-1!==m?(n=(t=m)<Te.length-1?Te.slice(t+1).findIndex((function(e){return X(e)})):-1)>-1?n+t+1:t:re();s.multiple&&e.shiftKey&&ne(e,O,r),le(e,r),e.preventDefault()},oe=function(e){var t,n,r=-1!==m?(n=(t=m)>0?i.ObjectUtils.findLastIndex(Te.slice(0,t),(function(e){return X(e)})):-1)>-1?n:t:findLastFocusedOptionIndex();s.multiple&&e.shiftKey&&ne(e,r,O),le(e,r),e.preventDefault()},ae=function(e){-1!==m&&(s.multiple&&e.shiftKey?ne(e,m):q(e,Te[m])),e.preventDefault()},ue=function(e){ae(e)},ce=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1])e.currentTarget.setSelectionRange(0,0),b(-1);else{var t=e.metaKey||e.ctrlKey,n=W();s.multiple&&e.shiftKey&&t&&ne(e,n,O),le(e,n)}e.preventDefault()},se=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var t=e.currentTarget,n=t.value.length;t.setSelectionRange(n,n),E("focusedOptionIndex")}else{var r=e.metaKey||e.ctrlKey,l=i.ObjectUtils.findLastIndex(Te,(function(e){return X(e)}));s.multiple&&e.shiftKey&&r&&ne(e,O,l),le(e,l)}e.preventDefault()},pe=function(e){me(0),e.preventDefault()},fe=function(e){me(Te.length-1),e.preventDefault()},de=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":ie(e);break;case"ArrowUp":oe(e);break;case"Home":ce(e);break;case"End":se(e);break;case"PageDown":fe(e);break;case"PageUp":pe(e);break;case"Enter":case"NumpadEnter":case"Space":ue(e),e.preventDefault();break;case"Tab":break;case"ShiftLeft":case"ShiftRight":x(m);break;default:if(s.multiple&&"KeyA"===e.code&&t){var n=Te.filter((function(e){return X(e)})).map((function(e){return Ee(e)}));ye(e,n),e.preventDefault();break}!t&&i.ObjectUtils.isPrintableCharacter(e.key)&&(Z(e,e.key),e.preventDefault())}},me=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1;setTimeout((function(){var t=-1!==e?"".concat(L.current,"_").concat(e):-1!==m?"".concat(L.current,"_").concat(m):null,n=C.current.querySelector('li[id="'.concat(t,'"]'));n?n.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}):s.virtualScrollerOptions&&F.current&&F.current.scrollToIndex(-1!==e?e:s.focusedOptionIndex)}),0)},be=function(e){F.current&&F.current.scrollToIndex(0);var t=e.value;s.onFilterValueChange?s.onFilterValueChange({originalEvent:e.originalEvent,value:t}):D(t)},ve=function(){D(""),s.onFilter&&s.onFilter({filter:""})},ye=function(e,t){s.onChange&&s.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:t}})},he=function(e){return s.value.filter((function(t){return!i.ObjectUtils.equals(t,Ee(e),s.dataKey)}))},ge=function(){if(null!=s.value&&Te){if(!s.optionGroupLabel)return xe(s.value,Te);for(var e=0;e<Te.length;e++){var t=xe(s.value,Pe(Te[e]));if(-1!==t)return{group:e,option:t}}}return-1},Oe=function(){return s.optionValue?null:s.dataKey},xe=function(e,t){var n=Oe();return t.findIndex((function(t){return i.ObjectUtils.equals(e,Ee(t),n)}))},je=function(e){var t=Ee(e),n=Oe();return s.multiple&&s.value?s.value.some((function(e){return i.ObjectUtils.equals(e,t,n)})):i.ObjectUtils.equals(s.value,t,n)},Ie=function(e){return s.optionLabel?i.ObjectUtils.resolveFieldData(e,s.optionLabel):e&&void 0!==e.label?e.label:e},Ee=function(e){return s.optionValue?i.ObjectUtils.resolveFieldData(e,s.optionValue):e&&void 0!==e.value?e.value:e},Se=function(e){return s.dataKey?i.ObjectUtils.resolveFieldData(e,s.dataKey):Ie(e)},De=function(e){return s.optionDisabled?i.ObjectUtils.isFunction(s.optionDisabled)?s.optionDisabled(e):i.ObjectUtils.resolveFieldData(e,s.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},we=function(e){return i.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},Pe=function(e){return i.ObjectUtils.resolveFieldData(e,s.optionGroupChildren)},Fe=function(){if(F.current){var e=ge();-1!==e&&setTimeout((function(){return F.current.scrollToIndex(e)}),0)}};f.useImperativeHandle(a,(function(){return{props:s,focus:function(){return i.DomHandler.focusFirstElement(w.current)},getElement:function(){return w.current},getVirtualScroller:function(){return F.current}}})),r.useMountEffect((function(){Fe()}));var Le=function(e,t){return Pe(e).map((function(e,n){var r=Ie(e),l=n+"_"+Se(e),i=De(e);return f.createElement(k,{id:L.current+"_"+n,hostName:"ListBox",key:l,label:r,option:e,style:t,template:s.itemTemplate,selected:je(e),onClick:q,index:n,focusedOptionIndex:m,onTouchEnd:_,disabled:i,ptCallbacks:R,metaData:G})}))},Ne=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:n.props?n.props.itemSize:void 0};if(s.optionGroupLabel){var l=s.optionGroupTemplate?i.ObjectUtils.getJSXElement(s.optionGroupTemplate,e,t):i.ObjectUtils.resolveFieldData(e,s.optionGroupLabel),o=Le(e,r),a=t+"_"+we(e),c=u({className:R.cx("itemGroup"),style:R.sx("itemGroup",{scrollerOptions:n}),role:"group"},R.ptm("itemGroup"));return f.createElement(f.Fragment,{key:a},f.createElement("li",c,l),o)}var p=Ie(e),d=t+"_"+Se(e),b=De(e);return f.createElement(k,{id:L.current+"_"+t,hostName:"ListBox",key:d,label:p,index:t,focusedOptionIndex:m,option:e,style:r,template:s.itemTemplate,selected:je(e),onClick:q,onTouchEnd:_,disabled:b,ptCallbacks:R,metaData:G})},Ce=function(e,n){var r=u({className:R.cx("emptyMessage")},R.ptm("emptyMessage")),l=i.ObjectUtils.getJSXElement(e,s)||t.localeOption(n?"emptyFilterMessage":"emptyMessage");return f.createElement("li",r,l)},Te=function(){if(V){var e=M.trim().toLocaleLowerCase(s.filterLocale),n=s.filterBy?s.filterBy.split(","):[s.optionLabel||"label"];if(s.optionGroupLabel){var r,l=[],i=A(s.options);try{for(i.s();!(r=i.n()).done;){var o=r.value,a=t.FilterService.filter(Pe(o),n,e,s.filterMatchMode,s.filterLocale);a&&a.length&&l.push(K(K({},o),{items:a}))}}catch(e){i.e(e)}finally{i.f()}return l}return t.FilterService.filter(s.options,n,e,s.filterMatchMode,s.filterLocale)}return s.options}(),Ue=i.ObjectUtils.isNotEmpty(s.tooltip),ke=N.getOtherProps(s),Me=i.ObjectUtils.reduceKeys(ke,i.DomHandler.ARIA_PROPS),Ke=function(){if(s.virtualScrollerOptions){var e=K(K({},s.virtualScrollerOptions),{items:Te,onLazyLoad:function(e){return s.virtualScrollerOptions.onLazyLoad(K(K({},e),{filter:Te}))},itemTemplate:function(e,t){return e&&Ne(e,t.index,t)},contentTemplate:function(e){var t=u(K({ref:e.contentRef,style:R.sx("list",{options:e}),className:R.cx("list",{options:e}),role:"listbox",tabIndex:"-1","aria-multiselectable":s.multiple},Me),R.ptm("list"));return f.createElement("ul",t,e.children)}});return f.createElement(o.VirtualScroller,d({ref:F},e,{pt:R.ptm("virtualScroller")}))}var t=i.ObjectUtils.isNotEmpty(Te)?Te.map(Ne):V?Ce(s.emptyFilterMessage,!0):Ce(s.emptyMessage),n=u(K({ref:C,className:R.cx("list"),role:"listbox","aria-multiselectable":s.multiple,tabIndex:"-1",onKeyDown:de},Me),R.ptm("list"));return f.createElement("ul",n,t)}(),Ae=s.filter?f.createElement(U,{hostName:"ListBox",filter:M,filterIcon:s.filterIcon,onFilter:be,resetFilter:ve,filterTemplate:s.filterTemplate,disabled:s.disabled,filterPlaceholder:s.filterPlaceholder,filterInputProps:s.filterInputProps,ptCallbacks:R,metaData:G}):null,Ve=u({className:R.cx("wrapper"),style:s.listStyle},R.ptm("wrapper")),Ge=u({ref:w,id:s.id,className:R.cx("root"),style:s.style},N.getOtherProps(s),R.ptm("root")),Re=u({ref:y,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:s.disabled?-1:s.tabIndex,onFocus:function(){i.DomHandler.focus(C.current);var e=i.DomHandler.getFirstFocusableElement(w.current,':not([data-p-hidden-focusable="true"])');h.current.tabIndex=i.DomHandler.isElement(e)?void 0:-1,y.current.tabIndex=-1},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},R.ptm("hiddenFirstFocusableEl")),qe=u({ref:h,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:s.disabled?-1:s.tabIndex,onFocus:function(e){if(e.relatedTarget===C.current){var t=i.DomHandler.getFirstFocusableElement(w.current,':not([data-p-hidden-focusable="true"])');i.DomHandler.focus(t),y.current.tabIndex=void 0}else i.DomHandler.focus(y.current);h.current.tabIndex=-1},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},R.ptm("hiddenFirstFocusableEl"));return f.createElement(f.Fragment,null,f.createElement("div",Ge,f.createElement("span",Re),Ae,f.createElement("div",Ve,Ke),f.createElement("span",qe)),Ue&&f.createElement(l.Tooltip,d({target:w,content:s.tooltip,pt:R.ptm("tooltip")},s.tooltipOptions)))})));R.displayName="ListBox",exports.ListBox=R;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),l=require("primereact/tooltip"),i=require("primereact/utils"),o=require("primereact/virtualscroller"),a=require("primereact/icons/search"),u=require("primereact/inputtext"),c=require("primereact/ripple");function s(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,f=s(e);function d(){return d=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},d.apply(this,arguments)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function b(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=b(e,"string");return"symbol"===m(t)?t:String(t)}function y(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function g(e){if(Array.isArray(e))return h(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function x(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function j(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(e){return g(e)||O(e)||x(e)||j()}function E(e){throw new TypeError('"'+e+'" is read-only')}function S(e){if(Array.isArray(e))return e}function D(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,i,o,a=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw l}}return a}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e,t){return S(e)||D(e,t)||x(e,t)||w()}var F={itemGroup:"p-listbox-item-group",emptyMessage:"p-listbox-empty-message",list:"p-listbox-list",wrapper:function(e){return i.classNames("p-listbox-list-wrapper",e.props.listClassName)},root:function(e){var t=e.props;return i.classNames("p-listbox p-component",{"p-disabled":t.disabled,"p-invalid":t.invalid},t.className)},item:function(e){var t=e.props;return i.classNames("p-listbox-item",{"p-highlight":t.selected,"p-focus":t.focusedOptionIndex===t.index,"p-disabled":t.disabled},t.option.className)},filterContainer:"p-listbox-filter-container",filterIcon:"p-listbox-filter-icon",filterInput:"p-listbox-filter",header:"p-listbox-header"},L={itemGroup:function(e){var t=e.scrollerOptions;return{height:t.props?t.props.itemSize:void 0}},list:function(e){return e.props.virtualScrollerOptions?e.options.style:void 0}},N=n.ComponentBase.extend({defaultProps:(p={__TYPE:"ListBox",className:null,dataKey:null,disabled:null,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterIcon:null,filterBy:null,filterInputProps:null,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,filterValue:null,selectOnFocus:!1,id:null,itemTemplate:null,invalid:!1,listClassName:null,listStyle:null,metaKeySelection:!1},y(y(y(y(y(y(y(y(y(y(p,"selectOnFocus",!1),"autoOptionFocus",!1),"multiple",!1),"onChange",null),"onFilterValueChange",null),"optionDisabled",null),"optionGroupChildren",null),"optionGroupLabel",null),"optionGroupTemplate",null),"optionLabel",null),y(y(y(y(y(y(y(y(y(p,"optionValue",null),"options",null),"style",null),"tabIndex",0),"tooltip",null),"tooltipOptions",null),"value",null),"virtualScrollerOptions",null),"children",void 0)),css:{classes:F,styles:"\n@layer primereact {\n    .p-listbox-list-wrapper {\n        overflow: auto;\n    }\n    \n    .p-listbox-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n    }\n    \n    .p-listbox-item {\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n        outline: none;\n    }\n    \n    .p-listbox-filter-container {\n        position: relative;\n    }\n    \n    .p-listbox-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-listbox-filter {\n        width: 100%;\n    }\n}\n",inlineStyles:L}});function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var U=f.memo((function(e){var t=r.useMergeProps(),n=e.ptCallbacks,l=n.ptm,o=n.cx,c=function(t,n){return l(t,T({hostName:e.hostName},n))},s={filter:function(e){return p(e)},reset:function(){return e.resetFilter()}},p=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value})},m=function(){var n=t({className:o("filterIcon")},c("filterIcon")),r=i.IconUtils.getJSXIcon(e.filterIcon||f.createElement(a.SearchIcon,n),T({},n),{props:e}),m=t({className:o("header")},c("header")),b=t({className:o("filterContainer")},c("filterContainer")),v=f.createElement("div",b,f.createElement(u.InputText,d({type:"text",value:e.filter,onChange:p,className:o("filterInput"),disabled:e.disabled,placeholder:e.filterPlaceholder},e.filterInputProps,{pt:l("filterInput"),unstyled:e.unstyled,__parentMetadata:{parent:e.metaData}})),r);e.filterTemplate&&(v=i.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-listbox-filter-container",element:v,filterOptions:s,filterInputChange:p,filterIconClassName:"p-dropdown-filter-icon",props:e}));return f.createElement("div",m,v)}();return f.createElement(f.Fragment,null,m)}));U.displayName="ListBoxHeader";var k=f.memo((function(e){var t=P(f.useState(!1),2),n=t[0],l=t[1],o=r.useMergeProps(),a=e.ptCallbacks,u=a.ptm,s=a.cx,p=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label,d=o({id:e.id,className:s("item",{props:e}),style:e.style,onClick:function(t){return e.onClick(t,e.option,e.index)},onTouchEnd:function(t){e.onTouchEnd&&e.onTouchEnd({originalEvent:t,option:e.option})},onFocus:function(e){l(!0)},onBlur:function(e){l(!1)},tabIndex:"-1","aria-label":e.label,key:e.optionKey,role:"option","aria-selected":e.selected,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},u("item",{hostName:e.hostName,context:{selected:e.selected,disabled:e.disabled,focused:n,focusedOptionIndex:e.focusedOptionIndex}}));return f.createElement("li",d,p,f.createElement(c.Ripple,null))}));function K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function A(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=V(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,o=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){a=!0,i=e},f:function(){try{o||null==n.return||n.return()}finally{if(a)throw i}}}}function V(e,t){if(e){if("string"==typeof e)return G(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?G(e,t):void 0}}function G(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}k.displayName="ListBoxItem";var q=f.memo(f.forwardRef((function(e,a){var u=r.useMergeProps(),c=f.useContext(t.PrimeReactContext),s=N.getProps(e,c),p=P(f.useState(null),2),m=p[0],b=p[1],v=f.useRef(null),y=f.useRef(null),h=f.useRef(null),g=P(f.useState(-1),2),O=g[0],x=g[1],j=P(f.useState(""),2),S=j[0],D=j[1],w=f.useRef(null),F=f.useRef(null),L=f.useRef(null),C=f.useRef(null),T=f.useRef(!1),K=(s.onFilterValueChange?s.filterValue:S)||"",V=K&&K.trim().length>0,G={props:s,state:{filterValue:K}},q=N.setMetaData(G);n.useHandleStyle(N.css.styles,q.isUnstyled,{name:"listbox"});var R=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;s.disabled||De(t)||(s.multiple?H(e.originalEvent,t):B(e.originalEvent,t),T.current=!1,-1!==n&&b(n))},_=function(){s.disabled||(T.current=!0)},B=function(e,t){var n=je(t),r=!1,l=null;!T.current&&s.metaKeySelection?n?(e.metaKey||e.ctrlKey)&&(l=null,r=!0):(l=Ee(t),r=!0):(l=n?null:Ee(t),r=!0);r&&ye(e,l)},H=function(e,t){var n=je(t),r=!1,l=null;if(!T&&s.metaKeySelection){var i=e.metaKey||e.ctrlKey;n?(l=i?he(t):[Ee(t)],r=!0):(l=[].concat(I(l=i&&s.value||[]),[Ee(t)]),r=!0)}else l=n?he(t):[].concat(I(s.value||[]),[Ee(t)]),r=!0;r&&s.onChange({originalEvent:e,value:l,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:l}})},z=function(){return i.ObjectUtils.isNotEmpty(s.value)},J=function(e){return s.optionGroupLabel&&e.optionGroup&&e.group},X=function(e){return i.ObjectUtils.isNotEmpty(e)&&!(De(e)||J(e))},$=function(e){return X(e)&&je(e)},W=function(){return Te.findIndex((function(e){return X(e)}))},Y=function(e){var t=-1;return z&&(t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?-1===(t=te(e))?ee(e):t:-1===(t=ee(e))?te(e):t),t>-1?t:e},Q=function(e){var t;return X(e)&&(null===(t=Ie(e))||void 0===t?void 0:t.toLocaleLowerCase(s.filterLocale).startsWith(searchValue.toLocaleLowerCase(s.filterLocale)))},Z=function(e,t){searchValue=(searchValue||"")+t;var n=-1;i.ObjectUtils.isNotEmpty(searchValue)&&(-1===(n=-1!==m?-1===(n=Te.slice(m).findIndex((function(e){return Q(e)})))?Te.slice(0,m).findIndex((function(e){return Q(e)})):n+m:Te.findIndex((function(e){return Q(e)})))&&-1===m&&(n=re()),-1!==n&&le(e,n)),v.current&&clearTimeout(v.current),v.current=setTimeout((function(){searchValue="",v.current=null}),500)},ee=function(e){var t=z&&e<Te.length-1?Te.slice(e+1).findIndex((function(e){return $(e)})):-1;return t>-1?t+e+1:-1},te=function(e){var t=z&&e>0?i.ObjectUtils.findLastIndex(Te.slice(0,e),(function(e){return $(e)})):-1;return t>-1?t:-1},ne=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-1;if(-1===t&&(t=Y(n,!0)),-1===n&&(n=Y(t)),-1!==t&&-1!==n){var r=Math.min(t,n),l=Math.max(t,n),i=Te.slice(r,l+1).filter((function(e){return X(e)})).map((function(e){return Ee(e)}));ye(e,i)}},re=function(){var e=findFirstSelectedOptionIndex();return e<0?W():e},le=function(e,t){m!==t&&(b(t),me(),e&&s.selectOnFocus&&!s.multiple&&R(e,Te[t]))},ie=function(e){var t,n,r=-1!==m?(n=(t=m)<Te.length-1?Te.slice(t+1).findIndex((function(e){return X(e)})):-1)>-1?n+t+1:t:re();s.multiple&&e.shiftKey&&ne(e,O,r),le(e,r),e.preventDefault()},oe=function(e){var t,n,r=-1!==m?(n=(t=m)>0?i.ObjectUtils.findLastIndex(Te.slice(0,t),(function(e){return X(e)})):-1)>-1?n:t:findLastFocusedOptionIndex();s.multiple&&e.shiftKey&&ne(e,r,O),le(e,r),e.preventDefault()},ae=function(e){-1!==m&&(s.multiple&&e.shiftKey?ne(e,m):R(e,Te[m])),e.preventDefault()},ue=function(e){ae(e)},ce=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1])e.currentTarget.setSelectionRange(0,0),b(-1);else{var t=e.metaKey||e.ctrlKey,n=W();s.multiple&&e.shiftKey&&t&&ne(e,n,O),le(e,n)}e.preventDefault()},se=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var t=e.currentTarget,n=t.value.length;t.setSelectionRange(n,n),E("focusedOptionIndex")}else{var r=e.metaKey||e.ctrlKey,l=i.ObjectUtils.findLastIndex(Te,(function(e){return X(e)}));s.multiple&&e.shiftKey&&r&&ne(e,O,l),le(e,l)}e.preventDefault()},pe=function(e){me(0),e.preventDefault()},fe=function(e){me(Te.length-1),e.preventDefault()},de=function(e){var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":ie(e);break;case"ArrowUp":oe(e);break;case"Home":ce(e);break;case"End":se(e);break;case"PageDown":fe(e);break;case"PageUp":pe(e);break;case"Enter":case"NumpadEnter":case"Space":ue(e),e.preventDefault();break;case"Tab":break;case"ShiftLeft":case"ShiftRight":x(m);break;default:if(s.multiple&&"KeyA"===e.code&&t){var n=Te.filter((function(e){return X(e)})).map((function(e){return Ee(e)}));ye(e,n),e.preventDefault();break}!t&&i.ObjectUtils.isPrintableCharacter(e.key)&&(Z(e,e.key),e.preventDefault())}},me=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1;setTimeout((function(){var t=-1!==e?"".concat(L.current,"_").concat(e):-1!==m?"".concat(L.current,"_").concat(m):null,n=C.current.querySelector('li[id="'.concat(t,'"]'));n?n.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"}):s.virtualScrollerOptions&&F.current&&F.current.scrollToIndex(-1!==e?e:s.focusedOptionIndex)}),0)},be=function(e){F.current&&F.current.scrollToIndex(0);var t=e.value;s.onFilterValueChange?s.onFilterValueChange({originalEvent:e.originalEvent,value:t}):D(t)},ve=function(){D(""),s.onFilter&&s.onFilter({filter:""})},ye=function(e,t){s.onChange&&s.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:t}})},he=function(e){return s.value.filter((function(t){return!i.ObjectUtils.equals(t,Ee(e),s.dataKey)}))},ge=function(){if(null!=s.value&&Te){if(!s.optionGroupLabel)return xe(s.value,Te);for(var e=0;e<Te.length;e++){var t=xe(s.value,Pe(Te[e]));if(-1!==t)return{group:e,option:t}}}return-1},Oe=function(){return s.optionValue?null:s.dataKey},xe=function(e,t){var n=Oe();return t.findIndex((function(t){return i.ObjectUtils.equals(e,Ee(t),n)}))},je=function(e){var t=Ee(e),n=Oe();return s.multiple&&s.value?s.value.some((function(e){return i.ObjectUtils.equals(e,t,n)})):i.ObjectUtils.equals(s.value,t,n)},Ie=function(e){return s.optionLabel?i.ObjectUtils.resolveFieldData(e,s.optionLabel):e&&void 0!==e.label?e.label:e},Ee=function(e){return s.optionValue?i.ObjectUtils.resolveFieldData(e,s.optionValue):e&&void 0!==e.value?e.value:e},Se=function(e){return s.dataKey?i.ObjectUtils.resolveFieldData(e,s.dataKey):Ie(e)},De=function(e){return s.optionDisabled?i.ObjectUtils.isFunction(s.optionDisabled)?s.optionDisabled(e):i.ObjectUtils.resolveFieldData(e,s.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},we=function(e){return i.ObjectUtils.resolveFieldData(e,s.optionGroupLabel)},Pe=function(e){return i.ObjectUtils.resolveFieldData(e,s.optionGroupChildren)},Fe=function(){if(F.current){var e=ge();-1!==e&&setTimeout((function(){return F.current.scrollToIndex(e)}),0)}};f.useImperativeHandle(a,(function(){return{props:s,focus:function(){return i.DomHandler.focusFirstElement(w.current)},getElement:function(){return w.current},getVirtualScroller:function(){return F.current}}})),r.useMountEffect((function(){Fe(),L.current=i.UniqueComponentId()}));var Le=function(e,t){return Pe(e).map((function(e,n){var r=Ie(e),l=n+"_"+Se(e),i=De(e);return f.createElement(k,{id:L.current+"_"+n,hostName:"ListBox",optionKey:l,key:l,label:r,option:e,style:t,template:s.itemTemplate,selected:je(e),onClick:R,index:n,focusedOptionIndex:m,onTouchEnd:_,disabled:i,ptCallbacks:q,metaData:G})}))},Ne=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:n.props?n.props.itemSize:void 0};if(s.optionGroupLabel){var l=s.optionGroupTemplate?i.ObjectUtils.getJSXElement(s.optionGroupTemplate,e,t):i.ObjectUtils.resolveFieldData(e,s.optionGroupLabel),o=Le(e,r),a=t+"_"+we(e),c=u({className:q.cx("itemGroup"),style:q.sx("itemGroup",{scrollerOptions:n}),role:"group"},q.ptm("itemGroup"));return f.createElement(f.Fragment,{key:a},f.createElement("li",c,l),o)}var p=Ie(e),d=t+"_"+Se(e),b=De(e);return f.createElement(k,{id:L.current+"_"+t,hostName:"ListBox",optionKey:d,key:d,label:p,index:t,focusedOptionIndex:m,option:e,style:r,template:s.itemTemplate,selected:je(e),onClick:R,onTouchEnd:_,disabled:b,ptCallbacks:q,metaData:G})},Ce=function(e,n){var r=u({className:q.cx("emptyMessage")},q.ptm("emptyMessage")),l=i.ObjectUtils.getJSXElement(e,s)||t.localeOption(n?"emptyFilterMessage":"emptyMessage");return f.createElement("li",r,l)},Te=function(){if(V){var e=K.trim().toLocaleLowerCase(s.filterLocale),n=s.filterBy?s.filterBy.split(","):[s.optionLabel||"label"];if(s.optionGroupLabel){var r,l=[],i=A(s.options);try{for(i.s();!(r=i.n()).done;){var o=r.value,a=t.FilterService.filter(Pe(o),n,e,s.filterMatchMode,s.filterLocale);a&&a.length&&l.push(M(M({},o),{items:a}))}}catch(e){i.e(e)}finally{i.f()}return l}return t.FilterService.filter(s.options,n,e,s.filterMatchMode,s.filterLocale)}return s.options}(),Ue=i.ObjectUtils.isNotEmpty(s.tooltip),ke=N.getOtherProps(s),Ke=i.ObjectUtils.reduceKeys(ke,i.DomHandler.ARIA_PROPS),Me=function(){if(s.virtualScrollerOptions){var e=M(M({},s.virtualScrollerOptions),{items:Te,onLazyLoad:function(e){return s.virtualScrollerOptions.onLazyLoad(M(M({},e),{filter:Te}))},itemTemplate:function(e,t){return e&&Ne(e,t.index,t)},contentTemplate:function(e){var t=u(M({ref:C,style:q.sx("list",{options:e}),className:q.cx("list",{options:e}),role:"listbox",tabIndex:"-1","aria-multiselectable":s.multiple},Ke),q.ptm("list"));return f.createElement("ul",t,e.children)}});return f.createElement(o.VirtualScroller,d({ref:F},e,{pt:q.ptm("virtualScroller")}))}var t=i.ObjectUtils.isNotEmpty(Te)?Te.map(Ne):V?Ce(s.emptyFilterMessage,!0):Ce(s.emptyMessage),n=u(M({ref:C,className:q.cx("list"),role:"listbox","aria-multiselectable":s.multiple,tabIndex:"-1",onKeyDown:de},Ke),q.ptm("list"));return f.createElement("ul",n,t)}(),Ae=s.filter?f.createElement(U,{hostName:"ListBox",filter:K,filterIcon:s.filterIcon,onFilter:be,resetFilter:ve,filterTemplate:s.filterTemplate,disabled:s.disabled,filterPlaceholder:s.filterPlaceholder,filterInputProps:s.filterInputProps,ptCallbacks:q,metaData:G}):null,Ve=u({className:q.cx("wrapper"),style:s.listStyle},q.ptm("wrapper")),Ge=u({ref:w,id:s.id,className:q.cx("root"),style:s.style},N.getOtherProps(s),q.ptm("root")),qe=u({ref:y,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:s.disabled?-1:s.tabIndex,onFocus:function(){i.DomHandler.focus(C.current);var e=i.DomHandler.getFirstFocusableElement(w.current,':not([data-p-hidden-focusable="true"])');h.current.tabIndex=i.DomHandler.isElement(e)?void 0:-1,y.current.tabIndex=-1,le(null,0)},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},q.ptm("hiddenFirstFocusableEl")),Re=u({ref:h,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:s.disabled?-1:s.tabIndex,onFocus:function(e){if(e.relatedTarget===C.current){var t=i.DomHandler.getFirstFocusableElement(w.current,':not([data-p-hidden-focusable="true"])');i.DomHandler.focus(t),y.current.tabIndex=void 0}else i.DomHandler.focus(y.current);h.current.tabIndex=-1},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},q.ptm("hiddenLastFocusableEl"));return f.createElement(f.Fragment,null,f.createElement("div",Ge,f.createElement("span",qe),Ae,f.createElement("div",Ve,Me),f.createElement("span",Re)),Ue&&f.createElement(l.Tooltip,d({target:w,content:s.tooltip,pt:q.ptm("tooltip")},s.tooltipOptions)))})));q.displayName="ListBox",exports.ListBox=q;

package/listbox/listbox.d.ts

@@ -329,11 +329,26 @@ export interface ListBoxProps extends Omit<React.DetailedHTMLProps<React.InputHT
      * Inline style of inner list element.
      */
     listStyle?: React.CSSProperties | undefined;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     */
+    invalid?: boolean | undefined;
     /**
      * Defines how multiple items can be selected, when true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually. On touch enabled devices, metaKeySelection is turned off automatically.
      * @defaultValue true
      */
     metaKeySelection?: boolean | undefined;
+    /**
+     * When enabled, the focused tab is activated.
+     * @defaultValue false
+     */
+    selectOnFocus?: false;
+    /**
+     * Whether to focus on the first visible or selected element.
+     * @defaultValue false
+     */
+    autoOptionFocus?: false;
     /**
      * When specified, allows selecting multiple values.
      * @defaultValue false

package/listbox/listbox.esm.js

@@ -4,7 +4,7 @@ import { PrimeReactContext, FilterService, localeOption } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { useMergeProps, useMountEffect } from 'primereact/hooks';
 import { Tooltip } from 'primereact/tooltip';
-import { classNames, IconUtils, ObjectUtils, UniqueComponentId, DomHandler } from 'primereact/utils';
+import { classNames, IconUtils, ObjectUtils, DomHandler, UniqueComponentId } from 'primereact/utils';
 import { VirtualScroller } from 'primereact/virtualscroller';
 import { SearchIcon } from 'primereact/icons/search';
 import { InputText } from 'primereact/inputtext';
@@ -153,7 +153,8 @@ var classes = {
   root: function root(_ref2) {
     var props = _ref2.props;
     return classNames('p-listbox p-component', {
-      'p-disabled': props.disabled
+      'p-disabled': props.disabled,
+      'p-invalid': props.invalid
     }, props.className);
   },
   item: function item(_ref3) {
@@ -203,10 +204,11 @@ var ListBoxBase = ComponentBase.extend({
     selectOnFocus: false,
     id: null,
     itemTemplate: null,
+    invalid: false,
     listClassName: null,
     listStyle: null,
     metaKeySelection: false
-  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultProps, "selectOnFocus", false), "autoOptionFocus", true), "multiple", false), "onChange", null), "onFilterValueChange", null), "optionDisabled", null), "optionGroupChildren", null), "optionGroupLabel", null), "optionGroupTemplate", null), "optionLabel", null), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultProps, "optionValue", null), "options", null), "style", null), "tabIndex", 0), "tooltip", null), "tooltipOptions", null), "value", null), "virtualScrollerOptions", null), "children", undefined)),
+  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultProps, "selectOnFocus", false), "autoOptionFocus", false), "multiple", false), "onChange", null), "onFilterValueChange", null), "optionDisabled", null), "optionGroupChildren", null), "optionGroupLabel", null), "optionGroupTemplate", null), "optionLabel", null), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultProps, "optionValue", null), "options", null), "style", null), "tabIndex", 0), "tooltip", null), "tooltipOptions", null), "value", null), "virtualScrollerOptions", null), "children", undefined)),
   css: {
     classes: classes,
     styles: styles,
@@ -337,7 +339,7 @@ var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
     onBlur: onBlur,
     tabIndex: '-1',
     'aria-label': props.label,
-    key: props.label,
+    key: props.optionKey,
     role: 'option',
     'aria-selected': props.selected,
     'aria-disabled': props.disabled,
@@ -373,7 +375,7 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     setFilterValueState = _React$useState6[1];
   var elementRef = React.useRef(null);
   var virtualScrollerRef = React.useRef(null);
-  var id = React.useRef(UniqueComponentId());
+  var id = React.useRef(null);
   var listRef = React.useRef(null);
   var optionTouched = React.useRef(false);
   var filteredValue = (props.onFilterValueChange ? props.filterValue : filterValueState) || '';
@@ -586,7 +588,7 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     if (focusedOptionIndex !== index) {
       setFocusedOptionIndex(index);
       scrollInView();
-      if (props.selectOnFocus && !props.multiple) {
+      if (event && props.selectOnFocus && !props.multiple) {
         onOptionSelect(event, visibleOptions[index]);
       }
     }
@@ -687,7 +689,7 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
         event.preventDefault();
         break;
       case 'Tab':
-        //NOOP
+        // NOOP
         break;
       case 'ShiftLeft':
       case 'ShiftRight':
@@ -824,6 +826,7 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     var firstFocusableEl = DomHandler.getFirstFocusableElement(elementRef.current, ':not([data-p-hidden-focusable="true"])');
     lastHiddenFocusableElement.current.tabIndex = DomHandler.isElement(firstFocusableEl) ? undefined : -1;
     firstHiddenFocusableElement.current.tabIndex = -1;
+    changeFocusedOptionIndex(null, 0);
   };
   var onLastHiddenFocus = function onLastHiddenFocus(event) {
     var relatedTarget = event.relatedTarget;
@@ -902,6 +905,7 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
   });
   useMountEffect(function () {
     scrollToSelectedIndex();
+    id.current = UniqueComponentId();
   });
   var createHeader = function createHeader() {
     return props.filter ? /*#__PURE__*/React.createElement(ListBoxHeader, {
@@ -924,10 +928,10 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
       var optionLabel = getOptionLabel(option);
       var optionKey = j + '_' + getOptionRenderKey(option);
       var disabled = isOptionDisabled(option);
-      disabled ? null : props.tabIndex || 0;
       return /*#__PURE__*/React.createElement(ListBoxItem, {
         id: id.current + '_' + j,
         hostName: "ListBox",
+        optionKey: optionKey,
         key: optionKey,
         label: optionLabel,
         option: option,
@@ -967,10 +971,10 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
       var optionLabel = getOptionLabel(option);
       var optionKey = index + '_' + getOptionRenderKey(option);
       var disabled = isOptionDisabled(option);
-      disabled ? null : props.tabIndex || 0;
       return /*#__PURE__*/React.createElement(ListBoxItem, {
         id: id.current + '_' + index,
         hostName: "ListBox",
+        optionKey: optionKey,
         key: optionKey,
         label: optionLabel,
         index: index,
@@ -1016,7 +1020,7 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
         },
         contentTemplate: function contentTemplate(options) {
           var listProps = mergeProps(_objectSpread({
-            ref: options.contentRef,
+            ref: listRef,
             style: ptCallbacks.sx('list', {
               options: options
             }),
@@ -1083,7 +1087,7 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     onFocus: onLastHiddenFocus,
     'data-p-hidden-accessible': true,
     'data-p-hidden-focusable': true
-  }, ptCallbacks.ptm('hiddenFirstFocusableEl'));
+  }, ptCallbacks.ptm('hiddenLastFocusableEl'));
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("span", hiddenFirstElement), header, /*#__PURE__*/React.createElement("div", wrapperProps, list), /*#__PURE__*/React.createElement("span", hiddenLastElement)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
     content: props.tooltip,