primereact 10.5.0 → 10.5.2

package/checkbox/checkbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.checkbox=function(e,t,n,r,o,c,a,i){"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 l=u(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.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 d(e){var t=f(e,"string");return"symbol"===p(t)?t:String(t)}function b(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,c,a,i=[],u=!0,l=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=c.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){l=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(l)throw o}}return i}}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 y(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 v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var g=r.ComponentBase.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,name:null,onChange:null,onClick:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{icon:"p-checkbox-icon p-c",input:function(e){return i.classNames("p-checkbox-box",{"p-highlight":e.checked,"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return i.classNames("p-checkbox p-component",{"p-checkbox-checked":e.checked,"p-checkbox-disabled":e.props.disabled,"p-checkbox-focused":e.focusedState})}},styles:"\n.p-checkbox {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n    position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n    cursor: auto;\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}        \n"}});function O(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?O(Object(n),!0).forEach((function(t){var r,o,c;r=e,c=n[t],(o=d(o=t))in r?Object.defineProperty(r,o,{value:c,enumerable:!0,configurable:!0,writable:!0}):r[o]=c})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=l.memo(l.forwardRef((function(e,t){var u,p,f=o.useMergeProps(),d=l.useContext(n.PrimeReactContext),h=g.getProps(e,d),O=l.useState(!1),j=(p=2,b(u=O)||m(u,p)||y(u,p)||v()),x=j[0],P=j[1],S=g.setMetaData({props:h,state:{focused:x},context:{checked:h.checked===h.trueValue,disabled:h.disabled}}),C=S.ptm,E=S.cx;r.useHandleStyle(g.css.styles,S.isUnstyled,{name:"checkbox",styled:!0});var w=l.useRef(null),D=l.useRef(h.inputRef),I=function(e){if(!h.disabled&&!h.readOnly&&(h.onChange||h.onClick)){var t=M(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object,r=e.target===D.current,o=n&&e.target.checked!==t,c=t?h.falseValue:h.trueValue,a={originalEvent:e,value:h.value,checked:c,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:h.name,id:h.id,value:h.value,checked:c}};if(h.onClick&&h.onClick(a),e.defaultPrevented)return;(r||o)&&h.onChange&&h.onChange(a),i.DomHandler.focus(D.current),e.preventDefault()}},M=function(){return h.checked===h.trueValue};l.useImperativeHandle(t,(function(){return{props:h,focus:function(){return i.DomHandler.focus(D.current)},getElement:function(){return w.current},getInput:function(){return D.current}}})),l.useEffect((function(){i.ObjectUtils.combinedRefs(D,h.inputRef)}),[D,h.inputRef]),o.useUpdateEffect((function(){D.current.checked=M()}),[h.checked,h.trueValue]),o.useMountEffect((function(){h.autoFocus&&i.DomHandler.focus(D.current,h.autoFocus)}));var N=M(),R=i.ObjectUtils.isNotEmpty(h.tooltip),A=g.getOtherProps(h),H=i.ObjectUtils.reduceKeys(A,i.DomHandler.ARIA_PROPS),U=f({className:E("icon")},C("icon")),V=i.IconUtils.getJSXIcon(N?h.icon||l.createElement(c.CheckIcon,U):null,k({},U),{props:h,checked:N}),_=f({id:h.id,className:i.classNames(h.className,E("root",{checked:N,focusedState:x})),style:h.style,onClick:function(e){return I(e)},"data-p-highlight":N,"data-p-disabled":h.disabled,onContextMenu:h.onContextMenu,onMouseDown:h.onMouseDown},A,C("root")),T=f({className:"p-hidden-accessible"},C("hiddenInputWrapper")),F=f(k({id:h.inputId,type:"checkbox",name:h.name,tabIndex:h.tabIndex,defaultChecked:N,onFocus:function(e){P(!0)},onBlur:function(e){P(!1)},onKeyDown:function(e){var t;"Space"!==(t=e).code&&" "!==t.key||I(t)},disabled:h.disabled,readOnly:h.readOnly,required:h.required},H),C("hiddenInput")),q=f({className:E("input",{checked:N,focusedState:x}),"data-p-highlight":N,"data-p-disabled":h.disabled,"data-p-focus":x},C("input"));return l.createElement(l.Fragment,null,l.createElement("div",s({ref:w},_),l.createElement("div",T,l.createElement("input",s({ref:D},F))),l.createElement("div",q,V)),R&&l.createElement(a.Tooltip,s({target:w,content:h.tooltip},h.tooltipOptions,{pt:C("tooltip")})))})));return j.displayName="Checkbox",e.Checkbox=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.check,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.checkbox=function(e,t,n,r,o,c,i,l){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=a(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.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 d(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 f(e){var t=d(e,"string");return"symbol"===p(t)?t:String(t)}var b=r.ComponentBase.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,invalid:!1,name:null,onChange:null,onClick:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon",root:function(e){var t=e.props;return l.classNames("p-checkbox p-component",{"p-highlight":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":"filled"===t.variant})}}}});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 h(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,c;r=e,c=n[t],(o=f(o=t))in r?Object.defineProperty(r,o,{value:c,enumerable:!0,configurable:!0,writable:!0}):r[o]=c})):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=u.memo(u.forwardRef((function(e,t){var a=o.useMergeProps(),p=u.useContext(n.PrimeReactContext),d=b.getProps(e,p),f=b.setMetaData({props:d,context:{checked:d.checked===d.trueValue,disabled:d.disabled}}),m=f.ptm,v=f.cx;r.useHandleStyle(b.css.styles,f.isUnstyled,{name:"checkbox"});var y=u.useRef(null),g=u.useRef(d.inputRef),O=function(){return d.checked===d.trueValue},k=function(e){if(!d.disabled&&!d.readonly&&d.onChange){var t=O()?d.falseValue:d.trueValue;if(d.onChange&&d.onChange({originalEvent:e,value:d.value,checked:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:d.name,id:d.id,value:d.value,checked:t}}),e.defaultPrevented)return;l.DomHandler.focus(g.current)}};u.useImperativeHandle(t,(function(){return{props:d,focus:function(){return l.DomHandler.focus(g.current)},getElement:function(){return y.current},getInput:function(){return g.current}}})),u.useEffect((function(){l.ObjectUtils.combinedRefs(g,d.inputRef)}),[g,d.inputRef]),o.useUpdateEffect((function(){g.current.checked=O()}),[d.checked,d.trueValue]),o.useMountEffect((function(){d.autoFocus&&l.DomHandler.focus(g.current,d.autoFocus)}));var j,x,P,C,E,w=O(),D=l.ObjectUtils.isNotEmpty(d.tooltip),S=b.getOtherProps(d),R=a({id:d.id,className:l.classNames(d.className,v("root",{checked:w})),style:d.style,"data-p-highlight":w,"data-p-disabled":d.disabled,onContextMenu:d.onContextMenu,onMouseDown:d.onMouseDown},S,m("root"));return u.createElement(u.Fragment,null,u.createElement("div",s({ref:y},R),(C=l.ObjectUtils.reduceKeys(S,l.DomHandler.ARIA_PROPS),E=a(h({id:d.inputId,type:"checkbox",className:v("input"),name:d.name,tabIndex:d.tabIndex,defaultChecked:w,onFocus:function(e){var t;null==d||null===(t=d.onFocus)||void 0===t||t.call(d)},onBlur:function(e){var t;null==d||null===(t=d.onBlur)||void 0===t||t.call(d)},onChange:function(e){return k(e)},disabled:d.disabled,readOnly:d.readOnly,required:d.required,"aria-invalid":d.invalid,checked:O()},C),m("input")),u.createElement("input",s({ref:g},E))),(j=a({className:v("icon")},m("icon")),x=a({className:v("box",{checked:w}),"data-p-highlight":w,"data-p-disabled":d.disabled},m("box")),P=l.IconUtils.getJSXIcon(w?d.icon||u.createElement(c.CheckIcon,j):null,h({},j),{props:d,checked:w}),u.createElement("div",x,P))),D&&u.createElement(i.Tooltip,s({target:y,content:d.tooltip,pt:m("tooltip")},d.tooltipOptions)))})));return v.displayName="Checkbox",e.Checkbox=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.check,primereact.tooltip,primereact.utils);

package/chips/chips.cjs.js

@@ -180,11 +180,13 @@ var classes = {
   root: function root(_ref3) {
     var isFilled = _ref3.isFilled,
       focusedState = _ref3.focusedState,
-      disabled = _ref3.disabled;
+      disabled = _ref3.disabled,
+      invalid = _ref3.invalid;
     return utils.classNames('p-chips p-component p-inputwrapper', {
       'p-inputwrapper-filled': isFilled,
       'p-inputwrapper-focus': focusedState,
       'p-disabled': disabled,
+      'p-invalid': invalid,
       'p-focus': focusedState
     });
   }
@@ -201,6 +203,7 @@ var ChipsBase = componentbase.ComponentBase.extend({
     id: null,
     inputId: null,
     inputRef: null,
+    invalid: false,
     itemTemplate: null,
     keyfilter: null,
     max: null,
@@ -356,14 +359,13 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     if (event.defaultPrevented) {
       return;
     }
-    switch (event.code) {
+    switch (event.key) {
       case 'Backspace':
         if (inputValue.length === 0 && values.length > 0) {
           removeItem(event, values.length - 1);
         }
         break;
       case 'Enter':
-      case 'NumpadEnter':
         if (inputValue && inputValue.trim().length && (!props.max || props.max > values.length)) {
           addItem(event, inputValue, true);
         }
@@ -382,11 +384,6 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
         }
         if (isMaxedOut()) {
           event.preventDefault();
-        } else if (props.separator === ',') {
-          // GitHub #3885 Android Opera gives strange code 229 for comma
-          if (event.key === props.separator || utils.DomHandler.isAndroid() && event.which === 229) {
-            addItem(event, inputValue, true);
-          }
         }
         break;
     }
@@ -412,6 +409,18 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     inputRef.current.value = '';
     preventDefault && event.preventDefault();
   };
+  var _onChange = function onChange(event) {
+    var _event$target$value;
+    var value = (_event$target$value = event.target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.trim();
+    if (value === props.separator) {
+      inputRef.current.value = '';
+      return;
+    }
+    if (props.separator && value.endsWith(props.separator)) {
+      var trimmedValue = value.slice(0, -1);
+      addItem(event, trimmedValue);
+    }
+  };
   var _onPaste = function onPaste(event) {
     if (props.separator) {
       var separator = props.separator.replace('\\n', '\n').replace('\\r', '\r').replace('\\t', '\t');
@@ -542,11 +551,15 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       ref: inputRef,
       placeholder: props.placeholder,
       type: 'text',
+      enterKeyHint: 'enter',
       name: props.name,
       disabled: props.disabled || isMaxedOut(),
       onKeyDown: function onKeyDown(e) {
         return _onKeyDown(e);
       },
+      onChange: function onChange(e) {
+        return _onChange(e);
+      },
       onPaste: function onPaste(e) {
         return _onPaste(e);
       },
@@ -600,16 +613,16 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     className: utils.classNames(props.className, cx('root', {
       isFilled: isFilled,
       focusedState: focusedState,
-      disabled: props.disabled
+      disabled: props.disabled,
+      invalid: props.invalid
     })),
     style: props.style
   }, ptm('root'));
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, list), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
     target: inputRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 Chips.displayName = 'Chips';
 

package/chips/chips.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/icons/timescircle"),i=require("primereact/keyfilter"),l=require("primereact/tooltip"),a=require("primereact/utils");function u(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var c=u(e);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},s.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,n){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function d(e){var n=f(e,"string");return"symbol"===p(n)?n:String(n)}function m(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function v(e){if(Array.isArray(e))return m(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,n){if(e){if("string"==typeof e)return m(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?m(e,n):void 0}}function h(){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 g(e){return v(e)||b(e)||y(e)||h()}function O(e){if(Array.isArray(e))return e}function w(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,l,a=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(c)throw o}}return a}}function k(){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 x(e,n){return O(e)||w(e,n)||y(e,n)||k()}var j=t.ComponentBase.extend({defaultProps:{__TYPE:"Chips",addOnBlur:null,allowDuplicate:!0,ariaLabelledBy:null,autoFocus:!1,className:null,disabled:null,id:null,inputId:null,inputRef:null,itemTemplate:null,keyfilter:null,max:null,name:null,onAdd:null,onBlur:null,onChange:null,onFocus:null,onKeyDown:null,onRemove:null,placeholder:null,readOnly:!1,removable:!0,removeIcon:null,separator:null,style:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{removeTokenIcon:"p-chips-token-icon",label:"p-chips-token-label",token:function(e){return a.classNames("p-chips-token",{"p-focus":e.focusedIndex===e.index})},inputToken:"p-chips-input-token",container:function(e){return a.classNames("p-inputtext p-chips-multiple-container",{"p-variant-filled":e.isFilled})},root:function(e){var n=e.focusedState;return a.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":n,"p-disabled":e.disabled,"p-focus":n})}},styles:"\n@layer primereact {\n    .p-chips {\n        display: inline-flex;\n    }\n    \n    .p-chips-multiple-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        cursor: text;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-chips-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-chips-input-token {\n        flex: 1 1 auto;\n        display: inline-flex;\n    }\n    \n    .p-chips-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-chips-input-token input {\n        border: 0 none;\n        outline: 0 none;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        box-shadow: none;\n        border-radius: 0;\n        width: 100%;\n    }\n    \n    .p-fluid .p-chips {\n        display: flex;\n    }\n    \n    .p-chips-icon-left,\n    .p-chips-icon-right {\n        position: relative;\n        display: inline-block;\n    }\n    \n    .p-chips-icon-left > i,\n    .p-chips-icon-right > i,\n    .p-chips-icon-left > svg,\n    .p-chips-icon-right > svg,\n    .p-chips-icon-left > .p-chips-prefix,\n    .p-chips-icon-right > .p-chips-suffix {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n    \n    .p-fluid .p-chips-icon-left,\n    .p-fluid .p-chips-icon-right {\n        display: block;\n        width: 100%;\n    }\n}\n"}});function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=d(o=n))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var E=c.memo(c.forwardRef((function(e,u){var p=r.useMergeProps(),f=c.useContext(n.PrimeReactContext),d=j.getProps(e,f),m=x(c.useState(!1),2),v=m[0],b=m[1],y=x(c.useState(null),2),h=y[0],O=y[1],w=j.setMetaData({props:d,state:{focused:v}}),k=w.ptm,P=w.cx;t.useHandleStyle(j.css.styles,w.isUnstyled,{name:"chips"});var E=c.useRef(null),S=c.useRef(null),I=c.useRef(d.inputRef),A=function(e,n){if(!d.disabled||!d.readOnly){var t=g(d.value),r=t.splice(n,1);J(r,n)&&(d.onRemove&&d.onRemove({originalEvent:e,value:r}),d.onChange&&d.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:d.name,id:d.id,value:t}}))}},N=function(e,n,t){if(n&&n.trim().length){var r=d.value?g(d.value):[];if(d.allowDuplicate||-1===r.indexOf(n)){var o=!0;d.onAdd&&(o=d.onAdd({originalEvent:e,value:n})),!1!==o&&r.push(n)}B(e,r,t)}},R=function(e){switch(e.code){case"ArrowLeft":T();break;case"ArrowRight":C();break;case"Backspace":F(e)}},T=function(){var e=h;0===I.current.value.length&&d.value&&d.value.length>0&&(e=null===e?d.value.length-1:e-1)<0&&(e=0),O(e)},C=function(){var e=h;0===I.current.value.length&&d.value&&d.value.length>0&&(e===d.value.length-1?(e=null,I.current.focus()):e++),O(e)},F=function(e){null!==h&&A(e,h)},_=function(e){var n=e.target.value,t=d.value||[];if(d.onKeyDown&&d.onKeyDown(e),!e.defaultPrevented)switch(e.code){case"Backspace":0===n.length&&t.length>0&&A(e,t.length-1);break;case"Enter":case"NumpadEnter":n&&n.trim().length&&(!d.max||d.max>t.length)&&N(e,n,!0);break;case"ArrowLeft":0===n.length&&t&&t.length>0&&a.DomHandler.focus(S.current);break;case"ArrowRight":e.stopPropagation();break;default:d.keyfilter&&i.KeyFilter.onKeyPress(e,d.keyfilter),M()?e.preventDefault():","===d.separator&&(e.key===d.separator||a.DomHandler.isAndroid()&&229===e.which)&&N(e,n,!0)}},B=function(e,n,t){d.onChange&&d.onChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:d.name,id:d.id,value:n}}),I.current.value="",t&&e.preventDefault()},K=function(e){if(d.separator){var n=d.separator.replace("\\n","\n").replace("\\r","\r").replace("\\t","\t"),t=(e.clipboardData||window.clipboardData).getData("Text");if(d.keyfilter&&i.KeyFilter.onPaste(e,d.keyfilter),t){var r=d.value||[],o=t.split(n);o=o.filter((function(e){return(d.allowDuplicate||-1===r.indexOf(e))&&e.trim().length})),r=[].concat(g(r),g(o)),B(e,r,!0)}}},U=function(e){b(!0)},q=function(){O(-1),b(!1)},H=function(e){if(d.addOnBlur){var n=e.target.value,t=d.value||[];n&&n.trim().length&&(!d.max||d.max>t.length)&&N(e,n,!0)}b(!1),d.onBlur&&d.onBlur(e)},M=function(){return d.max&&d.value&&d.max===d.value.length},L=I.current&&I.current.value,z=c.useMemo((function(){return a.ObjectUtils.isNotEmpty(d.value)||a.ObjectUtils.isNotEmpty(L)}),[d.value,L]),J=function(e,n){return a.ObjectUtils.getPropValue(d.removable,{value:e,index:n,props:d})};c.useImperativeHandle(u,(function(){return{props:d,focus:function(){return a.DomHandler.focus(I.current)},getElement:function(){return E.current},getInput:function(){return I.current}}})),c.useEffect((function(){a.ObjectUtils.combinedRefs(I,d.inputRef)}),[I,d.inputRef]),r.useMountEffect((function(){d.autoFocus&&a.DomHandler.focus(I.current,d.autoFocus)}));var V,X,Y,$,G,Q=function(e,n){var t=p({className:P("removeTokenIcon"),onClick:function(e){return A(e,n)},"aria-hidden":"true"},k("removeTokenIcon")),r=a.IconUtils.getJSXIcon(d.removeIcon||c.createElement(o.TimesCircleIcon,t),D({},t),{props:d});return d.disabled||d.readOnly||!J(e,n)?null:r},W=function(e,n){var t=d.itemTemplate?d.itemTemplate(e):e,r=p({className:P("label")},k("label")),o=c.createElement("span",r,t),i=Q(e,n),l=p({key:"".concat(n,"_").concat(e),id:d.inputId+"_chips_item_"+n,role:"option","aria-label":e,className:P("token",{focusedIndex:h,index:n}),"aria-selected":!0,"aria-setsize":d.value.length,"aria-posinset":n+1,"data-p-highlight":!0,"data-p-focused":h===n},k("token"));return c.createElement("li",l,o,i)},Z=a.ObjectUtils.isNotEmpty(d.tooltip),ee=j.getOtherProps(d),ne=a.ObjectUtils.reduceKeys(ee,a.DomHandler.ARIA_PROPS),te=(Y=d.value?d.value.map(W):null,V=p({className:P("inputToken")},k("inputToken")),X=p(D({id:d.inputId,ref:I,placeholder:d.placeholder,type:"text",name:d.name,disabled:d.disabled||M(),onKeyDown:function(e){return _(e)},onPaste:function(e){return K(e)},onFocus:function(e){return n=e,b(!0),O(null),void(d.onFocus&&d.onFocus(n));var n},onBlur:function(e){return H(e)},readOnly:d.readOnly},ne),k("input")),$=c.createElement("li",V,c.createElement("input",X)),G=p({ref:S,className:P("container",{isFilled:z}),onClick:function(e){a.DomHandler.focus(I.current)},onKeyDown:function(e){return R(e)},tabIndex:-1,role:"listbox","aria-orientation":"horizontal","aria-labelledby":d.ariaLabelledby,"aria-label":d.ariaLabel,"aria-activedescendant":v?null!==h?"".concat(d.inputId,"_chips_item_").concat(h):null:void 0,"data-p-disabled":d.disabled,"data-p-focus":v,onFocus:U,onBlur:q},k("container")),c.createElement("ul",G,Y,$)),re=p({id:d.id,ref:E,className:a.classNames(d.className,P("root",{isFilled:z,focusedState:v,disabled:d.disabled})),style:d.style},k("root"));return c.createElement(c.Fragment,null,c.createElement("div",re,te),Z&&c.createElement(l.Tooltip,s({target:I,content:d.tooltip},d.tooltipOptions,{pt:k("tooltip")})))})));E.displayName="Chips",exports.Chips=E;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),i=require("primereact/icons/timescircle"),o=require("primereact/keyfilter"),l=require("primereact/tooltip"),a=require("primereact/utils");function u(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var c=u(e);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},s.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,n){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function d(e){var n=f(e,"string");return"symbol"===p(n)?n:String(n)}function m(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function v(e){if(Array.isArray(e))return m(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,n){if(e){if("string"==typeof e)return m(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?m(e,n):void 0}}function h(){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 g(e){return v(e)||b(e)||y(e)||h()}function O(e){if(Array.isArray(e))return e}function w(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,l,a=[],u=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);u=!0);}catch(e){c=!0,i=e}finally{try{if(!u&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(c)throw i}}return a}}function k(){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 x(e,n){return O(e)||w(e,n)||y(e,n)||k()}var j=t.ComponentBase.extend({defaultProps:{__TYPE:"Chips",addOnBlur:null,allowDuplicate:!0,ariaLabelledBy:null,autoFocus:!1,className:null,disabled:null,id:null,inputId:null,inputRef:null,invalid:!1,itemTemplate:null,keyfilter:null,max:null,name:null,onAdd:null,onBlur:null,onChange:null,onFocus:null,onKeyDown:null,onRemove:null,placeholder:null,readOnly:!1,removable:!0,removeIcon:null,separator:null,style:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{removeTokenIcon:"p-chips-token-icon",label:"p-chips-token-label",token:function(e){return a.classNames("p-chips-token",{"p-focus":e.focusedIndex===e.index})},inputToken:"p-chips-input-token",container:function(e){return a.classNames("p-inputtext p-chips-multiple-container",{"p-variant-filled":e.isFilled})},root:function(e){var n=e.focusedState;return a.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":n,"p-disabled":e.disabled,"p-invalid":e.invalid,"p-focus":n})}},styles:"\n@layer primereact {\n    .p-chips {\n        display: inline-flex;\n    }\n    \n    .p-chips-multiple-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        cursor: text;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-chips-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-chips-input-token {\n        flex: 1 1 auto;\n        display: inline-flex;\n    }\n    \n    .p-chips-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-chips-input-token input {\n        border: 0 none;\n        outline: 0 none;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        box-shadow: none;\n        border-radius: 0;\n        width: 100%;\n    }\n    \n    .p-fluid .p-chips {\n        display: flex;\n    }\n    \n    .p-chips-icon-left,\n    .p-chips-icon-right {\n        position: relative;\n        display: inline-block;\n    }\n    \n    .p-chips-icon-left > i,\n    .p-chips-icon-right > i,\n    .p-chips-icon-left > svg,\n    .p-chips-icon-right > svg,\n    .p-chips-icon-left > .p-chips-prefix,\n    .p-chips-icon-right > .p-chips-suffix {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n    \n    .p-fluid .p-chips-icon-left,\n    .p-fluid .p-chips-icon-right {\n        display: block;\n        width: 100%;\n    }\n}\n"}});function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){var r,i,o;r=e,o=t[n],(i=d(i=n))in r?Object.defineProperty(r,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var E=c.memo(c.forwardRef((function(e,u){var p=r.useMergeProps(),f=c.useContext(n.PrimeReactContext),d=j.getProps(e,f),m=x(c.useState(!1),2),v=m[0],b=m[1],y=x(c.useState(null),2),h=y[0],O=y[1],w=j.setMetaData({props:d,state:{focused:v}}),k=w.ptm,P=w.cx;t.useHandleStyle(j.css.styles,w.isUnstyled,{name:"chips"});var E=c.useRef(null),S=c.useRef(null),I=c.useRef(d.inputRef),A=function(e,n){if(!d.disabled||!d.readOnly){var t=g(d.value),r=t.splice(n,1);V(r,n)&&(d.onRemove&&d.onRemove({originalEvent:e,value:r}),d.onChange&&d.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:d.name,id:d.id,value:t}}))}},N=function(e,n,t){if(n&&n.trim().length){var r=d.value?g(d.value):[];if(d.allowDuplicate||-1===r.indexOf(n)){var i=!0;d.onAdd&&(i=d.onAdd({originalEvent:e,value:n})),!1!==i&&r.push(n)}B(e,r,t)}},R=function(e){switch(e.code){case"ArrowLeft":C();break;case"ArrowRight":T();break;case"Backspace":F(e)}},C=function(){var e=h;0===I.current.value.length&&d.value&&d.value.length>0&&(e=null===e?d.value.length-1:e-1)<0&&(e=0),O(e)},T=function(){var e=h;0===I.current.value.length&&d.value&&d.value.length>0&&(e===d.value.length-1?(e=null,I.current.focus()):e++),O(e)},F=function(e){null!==h&&A(e,h)},_=function(e){var n=e.target.value,t=d.value||[];if(d.onKeyDown&&d.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===n.length&&t.length>0&&A(e,t.length-1);break;case"Enter":n&&n.trim().length&&(!d.max||d.max>t.length)&&N(e,n,!0);break;case"ArrowLeft":0===n.length&&t&&t.length>0&&a.DomHandler.focus(S.current);break;case"ArrowRight":e.stopPropagation();break;default:d.keyfilter&&o.KeyFilter.onKeyPress(e,d.keyfilter),L()&&e.preventDefault()}},B=function(e,n,t){d.onChange&&d.onChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:d.name,id:d.id,value:n}}),I.current.value="",t&&e.preventDefault()},K=function(e){var n,t=null===(n=e.target.value)||void 0===n?void 0:n.trim();if(t!==d.separator){if(d.separator&&t.endsWith(d.separator)){var r=t.slice(0,-1);N(e,r)}}else I.current.value=""},U=function(e){if(d.separator){var n=d.separator.replace("\\n","\n").replace("\\r","\r").replace("\\t","\t"),t=(e.clipboardData||window.clipboardData).getData("Text");if(d.keyfilter&&o.KeyFilter.onPaste(e,d.keyfilter),t){var r=d.value||[],i=t.split(n);i=i.filter((function(e){return(d.allowDuplicate||-1===r.indexOf(e))&&e.trim().length})),r=[].concat(g(r),g(i)),B(e,r,!0)}}},q=function(e){b(!0)},H=function(){O(-1),b(!1)},M=function(e){if(d.addOnBlur){var n=e.target.value,t=d.value||[];n&&n.trim().length&&(!d.max||d.max>t.length)&&N(e,n,!0)}b(!1),d.onBlur&&d.onBlur(e)},L=function(){return d.max&&d.value&&d.max===d.value.length},z=I.current&&I.current.value,J=c.useMemo((function(){return a.ObjectUtils.isNotEmpty(d.value)||a.ObjectUtils.isNotEmpty(z)}),[d.value,z]),V=function(e,n){return a.ObjectUtils.getPropValue(d.removable,{value:e,index:n,props:d})};c.useImperativeHandle(u,(function(){return{props:d,focus:function(){return a.DomHandler.focus(I.current)},getElement:function(){return E.current},getInput:function(){return I.current}}})),c.useEffect((function(){a.ObjectUtils.combinedRefs(I,d.inputRef)}),[I,d.inputRef]),r.useMountEffect((function(){d.autoFocus&&a.DomHandler.focus(I.current,d.autoFocus)}));var W,X,Y,$,G,Q=function(e,n){var t=p({className:P("removeTokenIcon"),onClick:function(e){return A(e,n)},"aria-hidden":"true"},k("removeTokenIcon")),r=a.IconUtils.getJSXIcon(d.removeIcon||c.createElement(i.TimesCircleIcon,t),D({},t),{props:d});return d.disabled||d.readOnly||!V(e,n)?null:r},Z=function(e,n){var t=d.itemTemplate?d.itemTemplate(e):e,r=p({className:P("label")},k("label")),i=c.createElement("span",r,t),o=Q(e,n),l=p({key:"".concat(n,"_").concat(e),id:d.inputId+"_chips_item_"+n,role:"option","aria-label":e,className:P("token",{focusedIndex:h,index:n}),"aria-selected":!0,"aria-setsize":d.value.length,"aria-posinset":n+1,"data-p-highlight":!0,"data-p-focused":h===n},k("token"));return c.createElement("li",l,i,o)},ee=a.ObjectUtils.isNotEmpty(d.tooltip),ne=j.getOtherProps(d),te=a.ObjectUtils.reduceKeys(ne,a.DomHandler.ARIA_PROPS),re=(Y=d.value?d.value.map(Z):null,W=p({className:P("inputToken")},k("inputToken")),X=p(D({id:d.inputId,ref:I,placeholder:d.placeholder,type:"text",enterKeyHint:"enter",name:d.name,disabled:d.disabled||L(),onKeyDown:function(e){return _(e)},onChange:function(e){return K(e)},onPaste:function(e){return U(e)},onFocus:function(e){return n=e,b(!0),O(null),void(d.onFocus&&d.onFocus(n));var n},onBlur:function(e){return M(e)},readOnly:d.readOnly},te),k("input")),$=c.createElement("li",W,c.createElement("input",X)),G=p({ref:S,className:P("container",{isFilled:J}),onClick:function(e){a.DomHandler.focus(I.current)},onKeyDown:function(e){return R(e)},tabIndex:-1,role:"listbox","aria-orientation":"horizontal","aria-labelledby":d.ariaLabelledby,"aria-label":d.ariaLabel,"aria-activedescendant":v?null!==h?"".concat(d.inputId,"_chips_item_").concat(h):null:void 0,"data-p-disabled":d.disabled,"data-p-focus":v,onFocus:q,onBlur:H},k("container")),c.createElement("ul",G,Y,$)),ie=p({id:d.id,ref:E,className:a.classNames(d.className,P("root",{isFilled:J,focusedState:v,disabled:d.disabled,invalid:d.invalid})),style:d.style},k("root"));return c.createElement(c.Fragment,null,c.createElement("div",ie,re),ee&&c.createElement(l.Tooltip,s({target:I,content:d.tooltip,pt:k("tooltip")},d.tooltipOptions)))})));E.displayName="Chips",exports.Chips=E;

package/chips/chips.d.ts

@@ -173,6 +173,11 @@ export interface ChipsProps extends Omit<React.DetailedHTMLProps<React.InputHTML
      * Maximum number of entries allowed.
      */
     max?: number | undefined;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     */
+    invalid?: boolean | undefined;
     /**
      * When present, it specifies that the element should be disabled.
      * @defaultValue false
@@ -206,7 +211,7 @@ export interface ChipsProps extends Omit<React.DetailedHTMLProps<React.InputHTML
      */
     ariaLabelledBy?: string | undefined;
     /**
-     * Separator char to add an item when pressed in addition to the enter key. Currently only possible value is ','.
+     * Separator char to add an item when pressed in addition to the enter key.
      */
     separator?: string | undefined;
     /**

package/chips/chips.esm.js

@@ -156,11 +156,13 @@ var classes = {
   root: function root(_ref3) {
     var isFilled = _ref3.isFilled,
       focusedState = _ref3.focusedState,
-      disabled = _ref3.disabled;
+      disabled = _ref3.disabled,
+      invalid = _ref3.invalid;
     return classNames('p-chips p-component p-inputwrapper', {
       'p-inputwrapper-filled': isFilled,
       'p-inputwrapper-focus': focusedState,
       'p-disabled': disabled,
+      'p-invalid': invalid,
       'p-focus': focusedState
     });
   }
@@ -177,6 +179,7 @@ var ChipsBase = ComponentBase.extend({
     id: null,
     inputId: null,
     inputRef: null,
+    invalid: false,
     itemTemplate: null,
     keyfilter: null,
     max: null,
@@ -332,14 +335,13 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
     if (event.defaultPrevented) {
       return;
     }
-    switch (event.code) {
+    switch (event.key) {
       case 'Backspace':
         if (inputValue.length === 0 && values.length > 0) {
           removeItem(event, values.length - 1);
         }
         break;
       case 'Enter':
-      case 'NumpadEnter':
         if (inputValue && inputValue.trim().length && (!props.max || props.max > values.length)) {
           addItem(event, inputValue, true);
         }
@@ -358,11 +360,6 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
         }
         if (isMaxedOut()) {
           event.preventDefault();
-        } else if (props.separator === ',') {
-          // GitHub #3885 Android Opera gives strange code 229 for comma
-          if (event.key === props.separator || DomHandler.isAndroid() && event.which === 229) {
-            addItem(event, inputValue, true);
-          }
         }
         break;
     }
@@ -388,6 +385,18 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
     inputRef.current.value = '';
     preventDefault && event.preventDefault();
   };
+  var _onChange = function onChange(event) {
+    var _event$target$value;
+    var value = (_event$target$value = event.target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.trim();
+    if (value === props.separator) {
+      inputRef.current.value = '';
+      return;
+    }
+    if (props.separator && value.endsWith(props.separator)) {
+      var trimmedValue = value.slice(0, -1);
+      addItem(event, trimmedValue);
+    }
+  };
   var _onPaste = function onPaste(event) {
     if (props.separator) {
       var separator = props.separator.replace('\\n', '\n').replace('\\r', '\r').replace('\\t', '\t');
@@ -518,11 +527,15 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
       ref: inputRef,
       placeholder: props.placeholder,
       type: 'text',
+      enterKeyHint: 'enter',
       name: props.name,
       disabled: props.disabled || isMaxedOut(),
       onKeyDown: function onKeyDown(e) {
         return _onKeyDown(e);
       },
+      onChange: function onChange(e) {
+        return _onChange(e);
+      },
       onPaste: function onPaste(e) {
         return _onPaste(e);
       },
@@ -576,16 +589,16 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
     className: classNames(props.className, cx('root', {
       isFilled: isFilled,
       focusedState: focusedState,
-      disabled: props.disabled
+      disabled: props.disabled,
+      invalid: props.invalid
     })),
     style: props.style
   }, ptm('root'));
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, list), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: inputRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 Chips.displayName = 'Chips';
 

package/chips/chips.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as i}from"primereact/hooks";import{TimesCircleIcon as a}from"primereact/icons/timescircle";import{KeyFilter as l}from"primereact/keyfilter";import{Tooltip as u}from"primereact/tooltip";import{classNames as c,ObjectUtils as p,DomHandler as s,IconUtils as f}from"primereact/utils";function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[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 v(e,n){if("object"!==m(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function h(e){var n=v(e,"string");return"symbol"===m(n)?n:String(n)}function y(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function b(e){if(Array.isArray(e))return y(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,n){if(e){if("string"==typeof e)return y(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?y(e,n):void 0}}function k(){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 O(e){return b(e)||g(e)||w(e)||k()}function x(e){if(Array.isArray(e))return e}function P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,l=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}function E(){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 S(e,n){return x(e)||P(e,n)||w(e,n)||E()}var j=t.extend({defaultProps:{__TYPE:"Chips",addOnBlur:null,allowDuplicate:!0,ariaLabelledBy:null,autoFocus:!1,className:null,disabled:null,id:null,inputId:null,inputRef:null,itemTemplate:null,keyfilter:null,max:null,name:null,onAdd:null,onBlur:null,onChange:null,onFocus:null,onKeyDown:null,onRemove:null,placeholder:null,readOnly:!1,removable:!0,removeIcon:null,separator:null,style:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{removeTokenIcon:"p-chips-token-icon",label:"p-chips-token-label",token:function(e){return c("p-chips-token",{"p-focus":e.focusedIndex===e.index})},inputToken:"p-chips-input-token",container:function(e){return c("p-inputtext p-chips-multiple-container",{"p-variant-filled":e.isFilled})},root:function(e){var n=e.focusedState;return c("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":n,"p-disabled":e.disabled,"p-focus":n})}},styles:"\n@layer primereact {\n    .p-chips {\n        display: inline-flex;\n    }\n    \n    .p-chips-multiple-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        cursor: text;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-chips-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-chips-input-token {\n        flex: 1 1 auto;\n        display: inline-flex;\n    }\n    \n    .p-chips-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-chips-input-token input {\n        border: 0 none;\n        outline: 0 none;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        box-shadow: none;\n        border-radius: 0;\n        width: 100%;\n    }\n    \n    .p-fluid .p-chips {\n        display: flex;\n    }\n    \n    .p-chips-icon-left,\n    .p-chips-icon-right {\n        position: relative;\n        display: inline-block;\n    }\n    \n    .p-chips-icon-left > i,\n    .p-chips-icon-right > i,\n    .p-chips-icon-left > svg,\n    .p-chips-icon-right > svg,\n    .p-chips-icon-left > .p-chips-prefix,\n    .p-chips-icon-right > .p-chips-suffix {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n    \n    .p-fluid .p-chips-icon-left,\n    .p-fluid .p-chips-icon-right {\n        display: block;\n        width: 100%;\n    }\n}\n"}});function D(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=h(o=n))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var A=e.memo(e.forwardRef((function(t,m){var v=o(),h=e.useContext(n),y=j.getProps(t,h),b=S(e.useState(!1),2),g=b[0],w=b[1],k=S(e.useState(null),2),x=k[0],P=k[1],E=j.setMetaData({props:y,state:{focused:g}}),D=E.ptm,A=E.cx;r(j.css.styles,E.isUnstyled,{name:"chips"});var R=e.useRef(null),N=e.useRef(null),T=e.useRef(y.inputRef),F=function(e,n){if(!y.disabled||!y.readOnly){var t=O(y.value),r=t.splice(n,1);q(r,n)&&(y.onRemove&&y.onRemove({originalEvent:e,value:r}),y.onChange&&y.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:y.name,id:y.id,value:t}}))}},C=function(e,n,t){if(n&&n.trim().length){var r=y.value?O(y.value):[];if(y.allowDuplicate||-1===r.indexOf(n)){var o=!0;y.onAdd&&(o=y.onAdd({originalEvent:e,value:n})),!1!==o&&r.push(n)}z(e,r,t)}},B=function(e){switch(e.code){case"ArrowLeft":_();break;case"ArrowRight":K();break;case"Backspace":L(e)}},_=function(){var e=x;0===T.current.value.length&&y.value&&y.value.length>0&&(e=null===e?y.value.length-1:e-1)<0&&(e=0),P(e)},K=function(){var e=x;0===T.current.value.length&&y.value&&y.value.length>0&&(e===y.value.length-1?(e=null,T.current.focus()):e++),P(e)},L=function(e){null!==x&&F(e,x)},M=function(e){var n=e.target.value,t=y.value||[];if(y.onKeyDown&&y.onKeyDown(e),!e.defaultPrevented)switch(e.code){case"Backspace":0===n.length&&t.length>0&&F(e,t.length-1);break;case"Enter":case"NumpadEnter":n&&n.trim().length&&(!y.max||y.max>t.length)&&C(e,n,!0);break;case"ArrowLeft":0===n.length&&t&&t.length>0&&s.focus(N.current);break;case"ArrowRight":e.stopPropagation();break;default:y.keyfilter&&l.onKeyPress(e,y.keyfilter),X()?e.preventDefault():","===y.separator&&(e.key===y.separator||s.isAndroid()&&229===e.which)&&C(e,n,!0)}},z=function(e,n,t){y.onChange&&y.onChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:y.name,id:y.id,value:n}}),T.current.value="",t&&e.preventDefault()},U=function(e){if(y.separator){var n=y.separator.replace("\\n","\n").replace("\\r","\r").replace("\\t","\t"),t=(e.clipboardData||window.clipboardData).getData("Text");if(y.keyfilter&&l.onPaste(e,y.keyfilter),t){var r=y.value||[],o=t.split(n);o=o.filter((function(e){return(y.allowDuplicate||-1===r.indexOf(e))&&e.trim().length})),r=[].concat(O(r),O(o)),z(e,r,!0)}}},H=function(e){w(!0)},J=function(){P(-1),w(!1)},V=function(e){if(y.addOnBlur){var n=e.target.value,t=y.value||[];n&&n.trim().length&&(!y.max||y.max>t.length)&&C(e,n,!0)}w(!1),y.onBlur&&y.onBlur(e)},X=function(){return y.max&&y.value&&y.max===y.value.length},Y=T.current&&T.current.value,$=e.useMemo((function(){return p.isNotEmpty(y.value)||p.isNotEmpty(Y)}),[y.value,Y]),q=function(e,n){return p.getPropValue(y.removable,{value:e,index:n,props:y})};e.useImperativeHandle(m,(function(){return{props:y,focus:function(){return s.focus(T.current)},getElement:function(){return R.current},getInput:function(){return T.current}}})),e.useEffect((function(){p.combinedRefs(T,y.inputRef)}),[T,y.inputRef]),i((function(){y.autoFocus&&s.focus(T.current,y.autoFocus)}));var G,Q,W,Z,ee,ne=function(n,t){var r=v({className:A("removeTokenIcon"),onClick:function(e){return F(e,t)},"aria-hidden":"true"},D("removeTokenIcon")),o=f.getJSXIcon(y.removeIcon||e.createElement(a,r),I({},r),{props:y});return y.disabled||y.readOnly||!q(n,t)?null:o},te=function(n,t){var r=y.itemTemplate?y.itemTemplate(n):n,o=v({className:A("label")},D("label")),i=e.createElement("span",o,r),a=ne(n,t),l=v({key:"".concat(t,"_").concat(n),id:y.inputId+"_chips_item_"+t,role:"option","aria-label":n,className:A("token",{focusedIndex:x,index:t}),"aria-selected":!0,"aria-setsize":y.value.length,"aria-posinset":t+1,"data-p-highlight":!0,"data-p-focused":x===t},D("token"));return e.createElement("li",l,i,a)},re=p.isNotEmpty(y.tooltip),oe=j.getOtherProps(y),ie=p.reduceKeys(oe,s.ARIA_PROPS),ae=(W=y.value?y.value.map(te):null,G=v({className:A("inputToken")},D("inputToken")),Q=v(I({id:y.inputId,ref:T,placeholder:y.placeholder,type:"text",name:y.name,disabled:y.disabled||X(),onKeyDown:function(e){return M(e)},onPaste:function(e){return U(e)},onFocus:function(e){return n=e,w(!0),P(null),void(y.onFocus&&y.onFocus(n));var n},onBlur:function(e){return V(e)},readOnly:y.readOnly},ie),D("input")),Z=e.createElement("li",G,e.createElement("input",Q)),ee=v({ref:N,className:A("container",{isFilled:$}),onClick:function(e){s.focus(T.current)},onKeyDown:function(e){return B(e)},tabIndex:-1,role:"listbox","aria-orientation":"horizontal","aria-labelledby":y.ariaLabelledby,"aria-label":y.ariaLabel,"aria-activedescendant":g?null!==x?"".concat(y.inputId,"_chips_item_").concat(x):null:void 0,"data-p-disabled":y.disabled,"data-p-focus":g,onFocus:H,onBlur:J},D("container")),e.createElement("ul",ee,W,Z)),le=v({id:y.id,ref:R,className:c(y.className,A("root",{isFilled:$,focusedState:g,disabled:y.disabled})),style:y.style},D("root"));return e.createElement(e.Fragment,null,e.createElement("div",le,ae),re&&e.createElement(u,d({target:T,content:y.tooltip},y.tooltipOptions,{pt:D("tooltip")})))})));A.displayName="Chips";export{A as Chips};
+import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as i}from"primereact/hooks";import{TimesCircleIcon as a}from"primereact/icons/timescircle";import{KeyFilter as l}from"primereact/keyfilter";import{Tooltip as u}from"primereact/tooltip";import{classNames as c,ObjectUtils as p,DomHandler as s,IconUtils as f}from"primereact/utils";function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[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 v(e,n){if("object"!==m(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=v(e,"string");return"symbol"===m(n)?n:String(n)}function h(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function b(e){if(Array.isArray(e))return h(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,n){if(e){if("string"==typeof e)return h(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?h(e,n):void 0}}function k(){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 O(e){return b(e)||g(e)||w(e)||k()}function x(e){if(Array.isArray(e))return e}function P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,l=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}function E(){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 S(e,n){return x(e)||P(e,n)||w(e,n)||E()}var j=t.extend({defaultProps:{__TYPE:"Chips",addOnBlur:null,allowDuplicate:!0,ariaLabelledBy:null,autoFocus:!1,className:null,disabled:null,id:null,inputId:null,inputRef:null,invalid:!1,itemTemplate:null,keyfilter:null,max:null,name:null,onAdd:null,onBlur:null,onChange:null,onFocus:null,onKeyDown:null,onRemove:null,placeholder:null,readOnly:!1,removable:!0,removeIcon:null,separator:null,style:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{removeTokenIcon:"p-chips-token-icon",label:"p-chips-token-label",token:function(e){return c("p-chips-token",{"p-focus":e.focusedIndex===e.index})},inputToken:"p-chips-input-token",container:function(e){return c("p-inputtext p-chips-multiple-container",{"p-variant-filled":e.isFilled})},root:function(e){var n=e.focusedState;return c("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":n,"p-disabled":e.disabled,"p-invalid":e.invalid,"p-focus":n})}},styles:"\n@layer primereact {\n    .p-chips {\n        display: inline-flex;\n    }\n    \n    .p-chips-multiple-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        cursor: text;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-chips-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-chips-input-token {\n        flex: 1 1 auto;\n        display: inline-flex;\n    }\n    \n    .p-chips-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-chips-input-token input {\n        border: 0 none;\n        outline: 0 none;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        box-shadow: none;\n        border-radius: 0;\n        width: 100%;\n    }\n    \n    .p-fluid .p-chips {\n        display: flex;\n    }\n    \n    .p-chips-icon-left,\n    .p-chips-icon-right {\n        position: relative;\n        display: inline-block;\n    }\n    \n    .p-chips-icon-left > i,\n    .p-chips-icon-right > i,\n    .p-chips-icon-left > svg,\n    .p-chips-icon-right > svg,\n    .p-chips-icon-left > .p-chips-prefix,\n    .p-chips-icon-right > .p-chips-suffix {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n    \n    .p-fluid .p-chips-icon-left,\n    .p-fluid .p-chips-icon-right {\n        display: block;\n        width: 100%;\n    }\n}\n"}});function D(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=y(o=n))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var A=e.memo(e.forwardRef((function(t,m){var v=o(),y=e.useContext(n),h=j.getProps(t,y),b=S(e.useState(!1),2),g=b[0],w=b[1],k=S(e.useState(null),2),x=k[0],P=k[1],E=j.setMetaData({props:h,state:{focused:g}}),D=E.ptm,A=E.cx;r(j.css.styles,E.isUnstyled,{name:"chips"});var R=e.useRef(null),T=e.useRef(null),F=e.useRef(h.inputRef),N=function(e,n){if(!h.disabled||!h.readOnly){var t=O(h.value),r=t.splice(n,1);q(r,n)&&(h.onRemove&&h.onRemove({originalEvent:e,value:r}),h.onChange&&h.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:h.name,id:h.id,value:t}}))}},C=function(e,n,t){if(n&&n.trim().length){var r=h.value?O(h.value):[];if(h.allowDuplicate||-1===r.indexOf(n)){var o=!0;h.onAdd&&(o=h.onAdd({originalEvent:e,value:n})),!1!==o&&r.push(n)}z(e,r,t)}},B=function(e){switch(e.code){case"ArrowLeft":_();break;case"ArrowRight":K();break;case"Backspace":L(e)}},_=function(){var e=x;0===F.current.value.length&&h.value&&h.value.length>0&&(e=null===e?h.value.length-1:e-1)<0&&(e=0),P(e)},K=function(){var e=x;0===F.current.value.length&&h.value&&h.value.length>0&&(e===h.value.length-1?(e=null,F.current.focus()):e++),P(e)},L=function(e){null!==x&&N(e,x)},M=function(e){var n=e.target.value,t=h.value||[];if(h.onKeyDown&&h.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===n.length&&t.length>0&&N(e,t.length-1);break;case"Enter":n&&n.trim().length&&(!h.max||h.max>t.length)&&C(e,n,!0);break;case"ArrowLeft":0===n.length&&t&&t.length>0&&s.focus(T.current);break;case"ArrowRight":e.stopPropagation();break;default:h.keyfilter&&l.onKeyPress(e,h.keyfilter),X()&&e.preventDefault()}},z=function(e,n,t){h.onChange&&h.onChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:h.name,id:h.id,value:n}}),F.current.value="",t&&e.preventDefault()},H=function(e){var n,t=null===(n=e.target.value)||void 0===n?void 0:n.trim();if(t!==h.separator){if(h.separator&&t.endsWith(h.separator)){var r=t.slice(0,-1);C(e,r)}}else F.current.value=""},U=function(e){if(h.separator){var n=h.separator.replace("\\n","\n").replace("\\r","\r").replace("\\t","\t"),t=(e.clipboardData||window.clipboardData).getData("Text");if(h.keyfilter&&l.onPaste(e,h.keyfilter),t){var r=h.value||[],o=t.split(n);o=o.filter((function(e){return(h.allowDuplicate||-1===r.indexOf(e))&&e.trim().length})),r=[].concat(O(r),O(o)),z(e,r,!0)}}},J=function(e){w(!0)},V=function(){P(-1),w(!1)},W=function(e){if(h.addOnBlur){var n=e.target.value,t=h.value||[];n&&n.trim().length&&(!h.max||h.max>t.length)&&C(e,n,!0)}w(!1),h.onBlur&&h.onBlur(e)},X=function(){return h.max&&h.value&&h.max===h.value.length},Y=F.current&&F.current.value,$=e.useMemo((function(){return p.isNotEmpty(h.value)||p.isNotEmpty(Y)}),[h.value,Y]),q=function(e,n){return p.getPropValue(h.removable,{value:e,index:n,props:h})};e.useImperativeHandle(m,(function(){return{props:h,focus:function(){return s.focus(F.current)},getElement:function(){return R.current},getInput:function(){return F.current}}})),e.useEffect((function(){p.combinedRefs(F,h.inputRef)}),[F,h.inputRef]),i((function(){h.autoFocus&&s.focus(F.current,h.autoFocus)}));var G,Q,Z,ee,ne,te=function(n,t){var r=v({className:A("removeTokenIcon"),onClick:function(e){return N(e,t)},"aria-hidden":"true"},D("removeTokenIcon")),o=f.getJSXIcon(h.removeIcon||e.createElement(a,r),I({},r),{props:h});return h.disabled||h.readOnly||!q(n,t)?null:o},re=function(n,t){var r=h.itemTemplate?h.itemTemplate(n):n,o=v({className:A("label")},D("label")),i=e.createElement("span",o,r),a=te(n,t),l=v({key:"".concat(t,"_").concat(n),id:h.inputId+"_chips_item_"+t,role:"option","aria-label":n,className:A("token",{focusedIndex:x,index:t}),"aria-selected":!0,"aria-setsize":h.value.length,"aria-posinset":t+1,"data-p-highlight":!0,"data-p-focused":x===t},D("token"));return e.createElement("li",l,i,a)},oe=p.isNotEmpty(h.tooltip),ie=j.getOtherProps(h),ae=p.reduceKeys(ie,s.ARIA_PROPS),le=(Z=h.value?h.value.map(re):null,G=v({className:A("inputToken")},D("inputToken")),Q=v(I({id:h.inputId,ref:F,placeholder:h.placeholder,type:"text",enterKeyHint:"enter",name:h.name,disabled:h.disabled||X(),onKeyDown:function(e){return M(e)},onChange:function(e){return H(e)},onPaste:function(e){return U(e)},onFocus:function(e){return n=e,w(!0),P(null),void(h.onFocus&&h.onFocus(n));var n},onBlur:function(e){return W(e)},readOnly:h.readOnly},ae),D("input")),ee=e.createElement("li",G,e.createElement("input",Q)),ne=v({ref:T,className:A("container",{isFilled:$}),onClick:function(e){s.focus(F.current)},onKeyDown:function(e){return B(e)},tabIndex:-1,role:"listbox","aria-orientation":"horizontal","aria-labelledby":h.ariaLabelledby,"aria-label":h.ariaLabel,"aria-activedescendant":g?null!==x?"".concat(h.inputId,"_chips_item_").concat(x):null:void 0,"data-p-disabled":h.disabled,"data-p-focus":g,onFocus:J,onBlur:V},D("container")),e.createElement("ul",ne,Z,ee)),ue=v({id:h.id,ref:R,className:c(h.className,A("root",{isFilled:$,focusedState:g,disabled:h.disabled,invalid:h.invalid})),style:h.style},D("root"));return e.createElement(e.Fragment,null,e.createElement("div",ue,le),oe&&e.createElement(u,d({target:F,content:h.tooltip,pt:D("tooltip")},h.tooltipOptions)))})));A.displayName="Chips";export{A as Chips};

package/chips/chips.js

@@ -170,11 +170,13 @@ this.primereact.chips = (function (exports, React, api, componentbase, hooks, ti
     root: function root(_ref3) {
       var isFilled = _ref3.isFilled,
         focusedState = _ref3.focusedState,
-        disabled = _ref3.disabled;
+        disabled = _ref3.disabled,
+        invalid = _ref3.invalid;
       return utils.classNames('p-chips p-component p-inputwrapper', {
         'p-inputwrapper-filled': isFilled,
         'p-inputwrapper-focus': focusedState,
         'p-disabled': disabled,
+        'p-invalid': invalid,
         'p-focus': focusedState
       });
     }
@@ -191,6 +193,7 @@ this.primereact.chips = (function (exports, React, api, componentbase, hooks, ti
       id: null,
       inputId: null,
       inputRef: null,
+      invalid: false,
       itemTemplate: null,
       keyfilter: null,
       max: null,
@@ -346,14 +349,13 @@ this.primereact.chips = (function (exports, React, api, componentbase, hooks, ti
       if (event.defaultPrevented) {
         return;
       }
-      switch (event.code) {
+      switch (event.key) {
         case 'Backspace':
           if (inputValue.length === 0 && values.length > 0) {
             removeItem(event, values.length - 1);
           }
           break;
         case 'Enter':
-        case 'NumpadEnter':
           if (inputValue && inputValue.trim().length && (!props.max || props.max > values.length)) {
             addItem(event, inputValue, true);
           }
@@ -372,11 +374,6 @@ this.primereact.chips = (function (exports, React, api, componentbase, hooks, ti
           }
           if (isMaxedOut()) {
             event.preventDefault();
-          } else if (props.separator === ',') {
-            // GitHub #3885 Android Opera gives strange code 229 for comma
-            if (event.key === props.separator || utils.DomHandler.isAndroid() && event.which === 229) {
-              addItem(event, inputValue, true);
-            }
           }
           break;
       }
@@ -402,6 +399,18 @@ this.primereact.chips = (function (exports, React, api, componentbase, hooks, ti
       inputRef.current.value = '';
       preventDefault && event.preventDefault();
     };
+    var _onChange = function onChange(event) {
+      var _event$target$value;
+      var value = (_event$target$value = event.target.value) === null || _event$target$value === void 0 ? void 0 : _event$target$value.trim();
+      if (value === props.separator) {
+        inputRef.current.value = '';
+        return;
+      }
+      if (props.separator && value.endsWith(props.separator)) {
+        var trimmedValue = value.slice(0, -1);
+        addItem(event, trimmedValue);
+      }
+    };
     var _onPaste = function onPaste(event) {
       if (props.separator) {
         var separator = props.separator.replace('\\n', '\n').replace('\\r', '\r').replace('\\t', '\t');
@@ -532,11 +541,15 @@ this.primereact.chips = (function (exports, React, api, componentbase, hooks, ti
         ref: inputRef,
         placeholder: props.placeholder,
         type: 'text',
+        enterKeyHint: 'enter',
         name: props.name,
         disabled: props.disabled || isMaxedOut(),
         onKeyDown: function onKeyDown(e) {
           return _onKeyDown(e);
         },
+        onChange: function onChange(e) {
+          return _onChange(e);
+        },
         onPaste: function onPaste(e) {
           return _onPaste(e);
         },
@@ -590,16 +603,16 @@ this.primereact.chips = (function (exports, React, api, componentbase, hooks, ti
       className: utils.classNames(props.className, cx('root', {
         isFilled: isFilled,
         focusedState: focusedState,
-        disabled: props.disabled
+        disabled: props.disabled,
+        invalid: props.invalid
       })),
       style: props.style
     }, ptm('root'));
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, list), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: inputRef,
-      content: props.tooltip
-    }, props.tooltipOptions, {
+      content: props.tooltip,
       pt: ptm('tooltip')
-    })));
+    }, props.tooltipOptions)));
   }));
   Chips.displayName = 'Chips';
 

package/chips/chips.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.chips=function(e,n,t,r,o,i,a,l,u){"use strict";function c(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var s=c(n);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},p.apply(this,arguments)}function f(e){return f="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},f(e)}function d(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function m(e){var n=d(e,"string");return"symbol"===f(n)?n:String(n)}function v(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function b(e){if(Array.isArray(e))return v(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,n){if(e){if("string"==typeof e)return v(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(e,n):void 0}}function g(){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 O(e){return b(e)||y(e)||h(e)||g()}function w(e){if(Array.isArray(e))return e}function k(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,l=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}function x(){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 j(e,n){return w(e)||k(e,n)||h(e,n)||x()}var P=r.ComponentBase.extend({defaultProps:{__TYPE:"Chips",addOnBlur:null,allowDuplicate:!0,ariaLabelledBy:null,autoFocus:!1,className:null,disabled:null,id:null,inputId:null,inputRef:null,itemTemplate:null,keyfilter:null,max:null,name:null,onAdd:null,onBlur:null,onChange:null,onFocus:null,onKeyDown:null,onRemove:null,placeholder:null,readOnly:!1,removable:!0,removeIcon:null,separator:null,style:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{removeTokenIcon:"p-chips-token-icon",label:"p-chips-token-label",token:function(e){return u.classNames("p-chips-token",{"p-focus":e.focusedIndex===e.index})},inputToken:"p-chips-input-token",container:function(e){return u.classNames("p-inputtext p-chips-multiple-container",{"p-variant-filled":e.isFilled})},root:function(e){var n=e.focusedState;return u.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":n,"p-disabled":e.disabled,"p-focus":n})}},styles:"\n@layer primereact {\n    .p-chips {\n        display: inline-flex;\n    }\n    \n    .p-chips-multiple-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        cursor: text;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-chips-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-chips-input-token {\n        flex: 1 1 auto;\n        display: inline-flex;\n    }\n    \n    .p-chips-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-chips-input-token input {\n        border: 0 none;\n        outline: 0 none;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        box-shadow: none;\n        border-radius: 0;\n        width: 100%;\n    }\n    \n    .p-fluid .p-chips {\n        display: flex;\n    }\n    \n    .p-chips-icon-left,\n    .p-chips-icon-right {\n        position: relative;\n        display: inline-block;\n    }\n    \n    .p-chips-icon-left > i,\n    .p-chips-icon-right > i,\n    .p-chips-icon-left > svg,\n    .p-chips-icon-right > svg,\n    .p-chips-icon-left > .p-chips-prefix,\n    .p-chips-icon-right > .p-chips-suffix {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n    \n    .p-fluid .p-chips-icon-left,\n    .p-fluid .p-chips-icon-right {\n        display: block;\n        width: 100%;\n    }\n}\n"}});function D(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function E(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=m(o=n))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var S=s.memo(s.forwardRef((function(e,n){var c=o.useMergeProps(),f=s.useContext(t.PrimeReactContext),d=P.getProps(e,f),m=j(s.useState(!1),2),v=m[0],b=m[1],y=j(s.useState(null),2),h=y[0],g=y[1],w=P.setMetaData({props:d,state:{focused:v}}),k=w.ptm,x=w.cx;r.useHandleStyle(P.css.styles,w.isUnstyled,{name:"chips"});var D=s.useRef(null),S=s.useRef(null),I=s.useRef(d.inputRef),A=function(e,n){if(!d.disabled||!d.readOnly){var t=O(d.value),r=t.splice(n,1);V(r,n)&&(d.onRemove&&d.onRemove({originalEvent:e,value:r}),d.onChange&&d.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:d.name,id:d.id,value:t}}))}},N=function(e,n,t){if(n&&n.trim().length){var r=d.value?O(d.value):[];if(d.allowDuplicate||-1===r.indexOf(n)){var o=!0;d.onAdd&&(o=d.onAdd({originalEvent:e,value:n})),!1!==o&&r.push(n)}B(e,r,t)}},R=function(e){switch(e.code){case"ArrowLeft":T();break;case"ArrowRight":C();break;case"Backspace":F(e)}},T=function(){var e=h;0===I.current.value.length&&d.value&&d.value.length>0&&(e=null===e?d.value.length-1:e-1)<0&&(e=0),g(e)},C=function(){var e=h;0===I.current.value.length&&d.value&&d.value.length>0&&(e===d.value.length-1?(e=null,I.current.focus()):e++),g(e)},F=function(e){null!==h&&A(e,h)},_=function(e){var n=e.target.value,t=d.value||[];if(d.onKeyDown&&d.onKeyDown(e),!e.defaultPrevented)switch(e.code){case"Backspace":0===n.length&&t.length>0&&A(e,t.length-1);break;case"Enter":case"NumpadEnter":n&&n.trim().length&&(!d.max||d.max>t.length)&&N(e,n,!0);break;case"ArrowLeft":0===n.length&&t&&t.length>0&&u.DomHandler.focus(S.current);break;case"ArrowRight":e.stopPropagation();break;default:d.keyfilter&&a.KeyFilter.onKeyPress(e,d.keyfilter),L()?e.preventDefault():","===d.separator&&(e.key===d.separator||u.DomHandler.isAndroid()&&229===e.which)&&N(e,n,!0)}},B=function(e,n,t){d.onChange&&d.onChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:d.name,id:d.id,value:n}}),I.current.value="",t&&e.preventDefault()},K=function(e){if(d.separator){var n=d.separator.replace("\\n","\n").replace("\\r","\r").replace("\\t","\t"),t=(e.clipboardData||window.clipboardData).getData("Text");if(d.keyfilter&&a.KeyFilter.onPaste(e,d.keyfilter),t){var r=d.value||[],o=t.split(n);o=o.filter((function(e){return(d.allowDuplicate||-1===r.indexOf(e))&&e.trim().length})),r=[].concat(O(r),O(o)),B(e,r,!0)}}},U=function(e){b(!0)},H=function(){g(-1),b(!1)},M=function(e){if(d.addOnBlur){var n=e.target.value,t=d.value||[];n&&n.trim().length&&(!d.max||d.max>t.length)&&N(e,n,!0)}b(!1),d.onBlur&&d.onBlur(e)},L=function(){return d.max&&d.value&&d.max===d.value.length},z=I.current&&I.current.value,J=s.useMemo((function(){return u.ObjectUtils.isNotEmpty(d.value)||u.ObjectUtils.isNotEmpty(z)}),[d.value,z]),V=function(e,n){return u.ObjectUtils.getPropValue(d.removable,{value:e,index:n,props:d})};s.useImperativeHandle(n,(function(){return{props:d,focus:function(){return u.DomHandler.focus(I.current)},getElement:function(){return D.current},getInput:function(){return I.current}}})),s.useEffect((function(){u.ObjectUtils.combinedRefs(I,d.inputRef)}),[I,d.inputRef]),o.useMountEffect((function(){d.autoFocus&&u.DomHandler.focus(I.current,d.autoFocus)}));var X,Y,$,q,G,Q=function(e,n){var t=c({className:x("removeTokenIcon"),onClick:function(e){return A(e,n)},"aria-hidden":"true"},k("removeTokenIcon")),r=u.IconUtils.getJSXIcon(d.removeIcon||s.createElement(i.TimesCircleIcon,t),E({},t),{props:d});return d.disabled||d.readOnly||!V(e,n)?null:r},W=function(e,n){var t=d.itemTemplate?d.itemTemplate(e):e,r=c({className:x("label")},k("label")),o=s.createElement("span",r,t),i=Q(e,n),a=c({key:"".concat(n,"_").concat(e),id:d.inputId+"_chips_item_"+n,role:"option","aria-label":e,className:x("token",{focusedIndex:h,index:n}),"aria-selected":!0,"aria-setsize":d.value.length,"aria-posinset":n+1,"data-p-highlight":!0,"data-p-focused":h===n},k("token"));return s.createElement("li",a,o,i)},Z=u.ObjectUtils.isNotEmpty(d.tooltip),ee=P.getOtherProps(d),ne=u.ObjectUtils.reduceKeys(ee,u.DomHandler.ARIA_PROPS),te=($=d.value?d.value.map(W):null,X=c({className:x("inputToken")},k("inputToken")),Y=c(E({id:d.inputId,ref:I,placeholder:d.placeholder,type:"text",name:d.name,disabled:d.disabled||L(),onKeyDown:function(e){return _(e)},onPaste:function(e){return K(e)},onFocus:function(e){return n=e,b(!0),g(null),void(d.onFocus&&d.onFocus(n));var n},onBlur:function(e){return M(e)},readOnly:d.readOnly},ne),k("input")),q=s.createElement("li",X,s.createElement("input",Y)),G=c({ref:S,className:x("container",{isFilled:J}),onClick:function(e){u.DomHandler.focus(I.current)},onKeyDown:function(e){return R(e)},tabIndex:-1,role:"listbox","aria-orientation":"horizontal","aria-labelledby":d.ariaLabelledby,"aria-label":d.ariaLabel,"aria-activedescendant":v?null!==h?"".concat(d.inputId,"_chips_item_").concat(h):null:void 0,"data-p-disabled":d.disabled,"data-p-focus":v,onFocus:U,onBlur:H},k("container")),s.createElement("ul",G,$,q)),re=c({id:d.id,ref:D,className:u.classNames(d.className,x("root",{isFilled:J,focusedState:v,disabled:d.disabled})),style:d.style},k("root"));return s.createElement(s.Fragment,null,s.createElement("div",re,te),Z&&s.createElement(l.Tooltip,p({target:I,content:d.tooltip},d.tooltipOptions,{pt:k("tooltip")})))})));return S.displayName="Chips",e.Chips=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.timescircle,primereact.keyfilter,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.chips=function(e,n,t,r,i,o,a,l,u){"use strict";function c(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var s=c(n);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},p.apply(this,arguments)}function f(e){return f="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},f(e)}function d(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function m(e){var n=d(e,"string");return"symbol"===f(n)?n:String(n)}function v(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function b(e){if(Array.isArray(e))return v(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,n){if(e){if("string"==typeof e)return v(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(e,n):void 0}}function g(){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 O(e){return b(e)||y(e)||h(e)||g()}function w(e){if(Array.isArray(e))return e}function k(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,l=[],u=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=o.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,i=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw i}}return l}}function x(){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 j(e,n){return w(e)||k(e,n)||h(e,n)||x()}var P=r.ComponentBase.extend({defaultProps:{__TYPE:"Chips",addOnBlur:null,allowDuplicate:!0,ariaLabelledBy:null,autoFocus:!1,className:null,disabled:null,id:null,inputId:null,inputRef:null,invalid:!1,itemTemplate:null,keyfilter:null,max:null,name:null,onAdd:null,onBlur:null,onChange:null,onFocus:null,onKeyDown:null,onRemove:null,placeholder:null,readOnly:!1,removable:!0,removeIcon:null,separator:null,style:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{removeTokenIcon:"p-chips-token-icon",label:"p-chips-token-label",token:function(e){return u.classNames("p-chips-token",{"p-focus":e.focusedIndex===e.index})},inputToken:"p-chips-input-token",container:function(e){return u.classNames("p-inputtext p-chips-multiple-container",{"p-variant-filled":e.isFilled})},root:function(e){var n=e.focusedState;return u.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":n,"p-disabled":e.disabled,"p-invalid":e.invalid,"p-focus":n})}},styles:"\n@layer primereact {\n    .p-chips {\n        display: inline-flex;\n    }\n    \n    .p-chips-multiple-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        cursor: text;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-chips-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-chips-input-token {\n        flex: 1 1 auto;\n        display: inline-flex;\n    }\n    \n    .p-chips-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-chips-input-token input {\n        border: 0 none;\n        outline: 0 none;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        box-shadow: none;\n        border-radius: 0;\n        width: 100%;\n    }\n    \n    .p-fluid .p-chips {\n        display: flex;\n    }\n    \n    .p-chips-icon-left,\n    .p-chips-icon-right {\n        position: relative;\n        display: inline-block;\n    }\n    \n    .p-chips-icon-left > i,\n    .p-chips-icon-right > i,\n    .p-chips-icon-left > svg,\n    .p-chips-icon-right > svg,\n    .p-chips-icon-left > .p-chips-prefix,\n    .p-chips-icon-right > .p-chips-suffix {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n    \n    .p-fluid .p-chips-icon-left,\n    .p-fluid .p-chips-icon-right {\n        display: block;\n        width: 100%;\n    }\n}\n"}});function D(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function E(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){var r,i,o;r=e,o=t[n],(i=m(i=n))in r?Object.defineProperty(r,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[i]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var S=s.memo(s.forwardRef((function(e,n){var c=i.useMergeProps(),f=s.useContext(t.PrimeReactContext),d=P.getProps(e,f),m=j(s.useState(!1),2),v=m[0],b=m[1],y=j(s.useState(null),2),h=y[0],g=y[1],w=P.setMetaData({props:d,state:{focused:v}}),k=w.ptm,x=w.cx;r.useHandleStyle(P.css.styles,w.isUnstyled,{name:"chips"});var D=s.useRef(null),S=s.useRef(null),I=s.useRef(d.inputRef),A=function(e,n){if(!d.disabled||!d.readOnly){var t=O(d.value),r=t.splice(n,1);W(r,n)&&(d.onRemove&&d.onRemove({originalEvent:e,value:r}),d.onChange&&d.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:d.name,id:d.id,value:t}}))}},R=function(e,n,t){if(n&&n.trim().length){var r=d.value?O(d.value):[];if(d.allowDuplicate||-1===r.indexOf(n)){var i=!0;d.onAdd&&(i=d.onAdd({originalEvent:e,value:n})),!1!==i&&r.push(n)}B(e,r,t)}},N=function(e){switch(e.code){case"ArrowLeft":C();break;case"ArrowRight":T();break;case"Backspace":F(e)}},C=function(){var e=h;0===I.current.value.length&&d.value&&d.value.length>0&&(e=null===e?d.value.length-1:e-1)<0&&(e=0),g(e)},T=function(){var e=h;0===I.current.value.length&&d.value&&d.value.length>0&&(e===d.value.length-1?(e=null,I.current.focus()):e++),g(e)},F=function(e){null!==h&&A(e,h)},_=function(e){var n=e.target.value,t=d.value||[];if(d.onKeyDown&&d.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===n.length&&t.length>0&&A(e,t.length-1);break;case"Enter":n&&n.trim().length&&(!d.max||d.max>t.length)&&R(e,n,!0);break;case"ArrowLeft":0===n.length&&t&&t.length>0&&u.DomHandler.focus(S.current);break;case"ArrowRight":e.stopPropagation();break;default:d.keyfilter&&a.KeyFilter.onKeyPress(e,d.keyfilter),z()&&e.preventDefault()}},B=function(e,n,t){d.onChange&&d.onChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:d.name,id:d.id,value:n}}),I.current.value="",t&&e.preventDefault()},K=function(e){var n,t=null===(n=e.target.value)||void 0===n?void 0:n.trim();if(t!==d.separator){if(d.separator&&t.endsWith(d.separator)){var r=t.slice(0,-1);R(e,r)}}else I.current.value=""},U=function(e){if(d.separator){var n=d.separator.replace("\\n","\n").replace("\\r","\r").replace("\\t","\t"),t=(e.clipboardData||window.clipboardData).getData("Text");if(d.keyfilter&&a.KeyFilter.onPaste(e,d.keyfilter),t){var r=d.value||[],i=t.split(n);i=i.filter((function(e){return(d.allowDuplicate||-1===r.indexOf(e))&&e.trim().length})),r=[].concat(O(r),O(i)),B(e,r,!0)}}},H=function(e){b(!0)},M=function(){g(-1),b(!1)},L=function(e){if(d.addOnBlur){var n=e.target.value,t=d.value||[];n&&n.trim().length&&(!d.max||d.max>t.length)&&R(e,n,!0)}b(!1),d.onBlur&&d.onBlur(e)},z=function(){return d.max&&d.value&&d.max===d.value.length},J=I.current&&I.current.value,V=s.useMemo((function(){return u.ObjectUtils.isNotEmpty(d.value)||u.ObjectUtils.isNotEmpty(J)}),[d.value,J]),W=function(e,n){return u.ObjectUtils.getPropValue(d.removable,{value:e,index:n,props:d})};s.useImperativeHandle(n,(function(){return{props:d,focus:function(){return u.DomHandler.focus(I.current)},getElement:function(){return D.current},getInput:function(){return I.current}}})),s.useEffect((function(){u.ObjectUtils.combinedRefs(I,d.inputRef)}),[I,d.inputRef]),i.useMountEffect((function(){d.autoFocus&&u.DomHandler.focus(I.current,d.autoFocus)}));var X,Y,$,q,G,Q=function(e,n){var t=c({className:x("removeTokenIcon"),onClick:function(e){return A(e,n)},"aria-hidden":"true"},k("removeTokenIcon")),r=u.IconUtils.getJSXIcon(d.removeIcon||s.createElement(o.TimesCircleIcon,t),E({},t),{props:d});return d.disabled||d.readOnly||!W(e,n)?null:r},Z=function(e,n){var t=d.itemTemplate?d.itemTemplate(e):e,r=c({className:x("label")},k("label")),i=s.createElement("span",r,t),o=Q(e,n),a=c({key:"".concat(n,"_").concat(e),id:d.inputId+"_chips_item_"+n,role:"option","aria-label":e,className:x("token",{focusedIndex:h,index:n}),"aria-selected":!0,"aria-setsize":d.value.length,"aria-posinset":n+1,"data-p-highlight":!0,"data-p-focused":h===n},k("token"));return s.createElement("li",a,i,o)},ee=u.ObjectUtils.isNotEmpty(d.tooltip),ne=P.getOtherProps(d),te=u.ObjectUtils.reduceKeys(ne,u.DomHandler.ARIA_PROPS),re=($=d.value?d.value.map(Z):null,X=c({className:x("inputToken")},k("inputToken")),Y=c(E({id:d.inputId,ref:I,placeholder:d.placeholder,type:"text",enterKeyHint:"enter",name:d.name,disabled:d.disabled||z(),onKeyDown:function(e){return _(e)},onChange:function(e){return K(e)},onPaste:function(e){return U(e)},onFocus:function(e){return n=e,b(!0),g(null),void(d.onFocus&&d.onFocus(n));var n},onBlur:function(e){return L(e)},readOnly:d.readOnly},te),k("input")),q=s.createElement("li",X,s.createElement("input",Y)),G=c({ref:S,className:x("container",{isFilled:V}),onClick:function(e){u.DomHandler.focus(I.current)},onKeyDown:function(e){return N(e)},tabIndex:-1,role:"listbox","aria-orientation":"horizontal","aria-labelledby":d.ariaLabelledby,"aria-label":d.ariaLabel,"aria-activedescendant":v?null!==h?"".concat(d.inputId,"_chips_item_").concat(h):null:void 0,"data-p-disabled":d.disabled,"data-p-focus":v,onFocus:H,onBlur:M},k("container")),s.createElement("ul",G,$,q)),ie=c({id:d.id,ref:D,className:u.classNames(d.className,x("root",{isFilled:V,focusedState:v,disabled:d.disabled,invalid:d.invalid})),style:d.style},k("root"));return s.createElement(s.Fragment,null,s.createElement("div",ie,re),ee&&s.createElement(l.Tooltip,p({target:I,content:d.tooltip,pt:k("tooltip")},d.tooltipOptions)))})));return S.displayName="Chips",e.Chips=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.timescircle,primereact.keyfilter,primereact.tooltip,primereact.utils);

package/colorpicker/colorpicker.cjs.js

@@ -214,11 +214,12 @@ var ColorPickerBase = componentbase.ComponentBase.extend({
 });
 
 var ColorPickerPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var ptm = props.ptm,
     cx = props.cx;
   var createElement = function createElement() {
-    var panelProps = utils.mergeProps({
+    var panelProps = mergeProps({
       className: cx('panel', {
         panelProps: props,
         context: context
@@ -228,7 +229,7 @@ var ColorPickerPanel = /*#__PURE__*/React__namespace.forwardRef(function (props,
     }, ptm('panel', {
       hostName: props.hostName
     }));
-    var transitionProps = utils.mergeProps({
+    var transitionProps = mergeProps({
       classNames: cx('transition'),
       "in": props["in"],
       timeout: {
@@ -806,10 +807,9 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     cx: cx
   }, content)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
     target: elementRef,
-    content: props.tooltip
-  }, props.tooltipOptions, {
+    content: props.tooltip,
     pt: ptm('tooltip')
-  })));
+  }, props.tooltipOptions)));
 }));
 ColorPicker.displayName = 'ColorPicker';