primereact 10.3.0 → 10.3.1

package/checkbox/checkbox.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.checkbox = (function (exports, React, api, hooks, check, tooltip, utils, componentbase) {
+this.primereact.checkbox = (function (exports, React, api, componentbase, hooks, check, tooltip, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -227,32 +227,32 @@ this.primereact.checkbox = (function (exports, React, api, hooks, check, tooltip
         var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement || event.target instanceof Object;
         var isInputToggled = event.target === inputRef.current;
         var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
-        if (isInputToggled || isCheckboxToggled) {
-          var value = _checked ? props.falseValue : props.trueValue;
-          var eventData = {
-            originalEvent: event,
+        var value = _checked ? props.falseValue : props.trueValue;
+        var eventData = {
+          originalEvent: event,
+          value: props.value,
+          checked: value,
+          stopPropagation: function stopPropagation() {
+            event.stopPropagation();
+          },
+          preventDefault: function preventDefault() {
+            event.preventDefault();
+          },
+          target: {
+            type: 'checkbox',
+            name: props.name,
+            id: props.id,
             value: props.value,
-            checked: value,
-            stopPropagation: function stopPropagation() {
-              event.stopPropagation();
-            },
-            preventDefault: function preventDefault() {
-              event.preventDefault();
-            },
-            target: {
-              type: 'checkbox',
-              name: props.name,
-              id: props.id,
-              value: props.value,
-              checked: value
-            }
-          };
-          props.onClick && props.onClick(eventData);
-
-          // do not continue if the user defined click wants to prevent
-          if (event.defaultPrevented) {
-            return;
+            checked: value
           }
+        };
+        props.onClick && props.onClick(eventData);
+
+        // do not continue if the user defined click wants to prevent
+        if (event.defaultPrevented) {
+          return;
+        }
+        if (isInputToggled || isCheckboxToggled) {
           props.onChange && props.onChange(eventData);
         }
         utils.DomHandler.focus(inputRef.current);
@@ -374,4 +374,4 @@ this.primereact.checkbox = (function (exports, React, api, hooks, check, tooltip
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.icons.check, primereact.tooltip, primereact.utils, primereact.componentbase);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.check, primereact.tooltip, primereact.utils);

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 y(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 h(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function g(){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 v=i.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 a.classNames("p-checkbox-box",{"p-highlight":e.checked,"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return a.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=l.useContext(n.PrimeReactContext),d=v.getProps(e,f),y=l.useState(!1),O=(p=2,b(u=y)||m(u,p)||h(u,p)||g()),j=O[0],x=O[1],P=v.setMetaData({props:d,state:{focused:j},context:{checked:d.checked===d.trueValue,disabled:d.disabled}}),S=P.ptm,C=P.cx;i.useHandleStyle(v.css.styles,P.isUnstyled,{name:"checkbox",styled:!0});var E=l.useRef(null),w=l.useRef(d.inputRef),D=function(e){if(!d.disabled&&!d.readOnly&&(d.onChange||d.onClick)){var t=I(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object;if(e.target===w.current||n&&e.target.checked!==t){var r=t?d.falseValue:d.trueValue,o={originalEvent:e,value:d.value,checked:r,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:d.name,id:d.id,value:d.value,checked:r}};if(d.onClick&&d.onClick(o),e.defaultPrevented)return;d.onChange&&d.onChange(o)}a.DomHandler.focus(w.current),e.preventDefault()}},I=function(){return d.checked===d.trueValue};l.useImperativeHandle(t,(function(){return{props:d,focus:function(){return a.DomHandler.focus(w.current)},getElement:function(){return E.current},getInput:function(){return w.current}}})),l.useEffect((function(){a.ObjectUtils.combinedRefs(w,d.inputRef)}),[w,d.inputRef]),r.useUpdateEffect((function(){w.current.checked=I()}),[d.checked,d.trueValue]),r.useMountEffect((function(){d.autoFocus&&a.DomHandler.focus(w.current,d.autoFocus)}));var M=I(),N=a.ObjectUtils.isNotEmpty(d.tooltip),R=v.getOtherProps(d),A=a.ObjectUtils.reduceKeys(R,a.DomHandler.ARIA_PROPS),H=a.mergeProps({className:C("icon")},S("icon")),U=a.IconUtils.getJSXIcon(M?d.icon||l.createElement(o.CheckIcon,H):null,k({},H),{props:d,checked:M}),V=a.mergeProps({id:d.id,className:a.classNames(d.className,C("root",{checked:M,focusedState:j})),style:d.style,onClick:function(e){return D(e)},onContextMenu:d.onContextMenu,onMouseDown:d.onMouseDown},R,S("root")),_=a.mergeProps({className:"p-hidden-accessible"},S("hiddenInputWrapper")),T=a.mergeProps(k({id:d.inputId,type:"checkbox",name:d.name,tabIndex:d.tabIndex,defaultChecked:M,onFocus:function(e){x(!0)},onBlur:function(e){x(!1)},onKeyDown:function(e){var t;"Space"!==(t=e).code&&" "!==t.key||D(t)},disabled:d.disabled,readOnly:d.readOnly,required:d.required},A),S("hiddenInput")),F=a.mergeProps({className:C("input",{checked:M,focusedState:j}),"data-p-highlight":M,"data-p-disabled":d.disabled,"data-p-focus":j},S("input"));return l.createElement(l.Fragment,null,l.createElement("div",s({ref:E},V),l.createElement("div",_,l.createElement("input",s({ref:w},T))),l.createElement("div",F,U)),N&&l.createElement(c.Tooltip,s({target:E,content:d.tooltip},d.tooltipOptions,{pt:S("tooltip")})))})));return j.displayName="Checkbox",e.Checkbox=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.icons.check,primereact.tooltip,primereact.utils,primereact.componentbase);
+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 y(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 h(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function g(){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 v=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=l.useContext(n.PrimeReactContext),d=v.getProps(e,f),y=l.useState(!1),O=(p=2,b(u=y)||m(u,p)||h(u,p)||g()),j=O[0],x=O[1],P=v.setMetaData({props:d,state:{focused:j},context:{checked:d.checked===d.trueValue,disabled:d.disabled}}),S=P.ptm,C=P.cx;r.useHandleStyle(v.css.styles,P.isUnstyled,{name:"checkbox",styled:!0});var E=l.useRef(null),w=l.useRef(d.inputRef),D=function(e){if(!d.disabled&&!d.readOnly&&(d.onChange||d.onClick)){var t=I(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object,r=e.target===w.current,o=n&&e.target.checked!==t,c=t?d.falseValue:d.trueValue,a={originalEvent:e,value:d.value,checked:c,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{type:"checkbox",name:d.name,id:d.id,value:d.value,checked:c}};if(d.onClick&&d.onClick(a),e.defaultPrevented)return;(r||o)&&d.onChange&&d.onChange(a),i.DomHandler.focus(w.current),e.preventDefault()}},I=function(){return d.checked===d.trueValue};l.useImperativeHandle(t,(function(){return{props:d,focus:function(){return i.DomHandler.focus(w.current)},getElement:function(){return E.current},getInput:function(){return w.current}}})),l.useEffect((function(){i.ObjectUtils.combinedRefs(w,d.inputRef)}),[w,d.inputRef]),o.useUpdateEffect((function(){w.current.checked=I()}),[d.checked,d.trueValue]),o.useMountEffect((function(){d.autoFocus&&i.DomHandler.focus(w.current,d.autoFocus)}));var M=I(),N=i.ObjectUtils.isNotEmpty(d.tooltip),R=v.getOtherProps(d),A=i.ObjectUtils.reduceKeys(R,i.DomHandler.ARIA_PROPS),H=i.mergeProps({className:C("icon")},S("icon")),U=i.IconUtils.getJSXIcon(M?d.icon||l.createElement(c.CheckIcon,H):null,k({},H),{props:d,checked:M}),V=i.mergeProps({id:d.id,className:i.classNames(d.className,C("root",{checked:M,focusedState:j})),style:d.style,onClick:function(e){return D(e)},onContextMenu:d.onContextMenu,onMouseDown:d.onMouseDown},R,S("root")),_=i.mergeProps({className:"p-hidden-accessible"},S("hiddenInputWrapper")),T=i.mergeProps(k({id:d.inputId,type:"checkbox",name:d.name,tabIndex:d.tabIndex,defaultChecked:M,onFocus:function(e){x(!0)},onBlur:function(e){x(!1)},onKeyDown:function(e){var t;"Space"!==(t=e).code&&" "!==t.key||D(t)},disabled:d.disabled,readOnly:d.readOnly,required:d.required},A),S("hiddenInput")),F=i.mergeProps({className:C("input",{checked:M,focusedState:j}),"data-p-highlight":M,"data-p-disabled":d.disabled,"data-p-focus":j},S("input"));return l.createElement(l.Fragment,null,l.createElement("div",s({ref:E},V),l.createElement("div",_,l.createElement("input",s({ref:w},T))),l.createElement("div",F,U)),N&&l.createElement(a.Tooltip,s({target:E,content:d.tooltip},d.tooltipOptions,{pt:S("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);

package/chip/chip.cjs.js

@@ -201,13 +201,17 @@ var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
   var close = function close(event) {
     setVisibleState(false);
     if (props.onRemove) {
-      props.onRemove(event);
+      props.onRemove({
+        originalEvent: event,
+        value: props.label || props.image || props.icon
+      });
     }
   };
   var createContent = function createContent() {
     var content = [];
     var removeIconProps = utils.mergeProps({
       key: 'removeIcon',
+      role: 'button',
       tabIndex: 0,
       className: cx('removeIcon'),
       onClick: close,

package/chip/chip.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/componentbase"),n=require("primereact/icons/timescircle"),o=require("primereact/utils");function i(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var l=i(e);function a(e){return a="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},a(e)}function c(e,r){if("object"!==a(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function u(e){var r=c(e,"string");return"symbol"===a(r)?r:String(r)}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},s.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function m(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,l,a=[],c=!0,u=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=i.call(t)).done)&&(a.push(n.value),a.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw o}}return a}}function f(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function y(e,r){if(e){if("string"==typeof e)return f(e,r);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)?f(e,r):void 0}}function b(){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 v=t.ComponentBase.extend({defaultProps:{__TYPE:"Chip",label:null,icon:null,image:null,removable:!1,removeIcon:null,className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null,children:void 0},css:{classes:{root:function(e){return o.classNames("p-chip p-component",{"p-chip-image":null!=e.props.image})},removeIcon:"p-chip-remove-icon",icon:"p-chip-icon",label:"p-chip-text"},styles:"\n@layer primereact {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-chip-text {\n        line-height: 1.5;\n    }\n    \n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n    \n    .p-chip .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n    \n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n"}});function g(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?g(Object(t),!0).forEach((function(r){var n,o,i;n=e,i=t[r],(o=u(o=r))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):g(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var d=l.memo(l.forwardRef((function(e,i){var a,c,u=l.useContext(r.PrimeReactContext),f=v.getProps(e,u),g=l.useRef(null),d=l.useState(!0),O=(c=2,p(a=d)||m(a,c)||y(a,c)||b()),j=O[0],P=O[1],S=v.setMetaData({props:f}),I=S.ptm,w=S.cx;t.useHandleStyle(v.css.styles,S.isUnstyled,{name:"chip"});var E,x,k=function(e){"Enter"!==e.key&&"Backspace"!==e.key||N(e)},N=function(e){P(!1),f.onRemove&&f.onRemove(e)},C=function(){var e=[],r=o.mergeProps({key:"removeIcon",tabIndex:0,className:w("removeIcon"),onClick:N,onKeyDown:k},I("removeIcon")),t=f.removeIcon||l.createElement(n.TimesCircleIcon,r);if(f.image){var i=o.mergeProps({key:"image",src:f.image,onError:f.onImageError},I("image"));e.push(l.createElement("img",s({alt:f.imageAlt},i)))}else if(f.icon){var a=o.mergeProps({key:"icon",className:w("icon")},I("icon"));e.push(o.IconUtils.getJSXIcon(f.icon,h({},a),{props:f}))}if(f.label){var c=o.mergeProps({key:"label",className:w("label")},I("label"));e.push(l.createElement("span",c,f.label))}return f.removable&&e.push(o.IconUtils.getJSXIcon(t,h({},r),{props:f})),e};return l.useImperativeHandle(i,(function(){return{props:f,getElement:function(){return g.current}}})),j&&(E=f.template?o.ObjectUtils.getJSXElement(f.template,f):C(),x=o.mergeProps({ref:g,style:f.style,className:o.classNames(f.className,w("root")),"aria-label":f.label},v.getOtherProps(f),I("root")),l.createElement("div",x,E))})));d.displayName="Chip",exports.Chip=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/componentbase"),n=require("primereact/icons/timescircle"),o=require("primereact/utils");function i(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var l=i(e);function a(e){return a="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},a(e)}function c(e,r){if("object"!==a(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function u(e){var r=c(e,"string");return"symbol"===a(r)?r:String(r)}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},s.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function m(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,l,a=[],c=!0,u=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=i.call(t)).done)&&(a.push(n.value),a.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw o}}return a}}function f(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function b(e,r){if(e){if("string"==typeof e)return f(e,r);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)?f(e,r):void 0}}function y(){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 v=t.ComponentBase.extend({defaultProps:{__TYPE:"Chip",label:null,icon:null,image:null,removable:!1,removeIcon:null,className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null,children:void 0},css:{classes:{root:function(e){return o.classNames("p-chip p-component",{"p-chip-image":null!=e.props.image})},removeIcon:"p-chip-remove-icon",icon:"p-chip-icon",label:"p-chip-text"},styles:"\n@layer primereact {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-chip-text {\n        line-height: 1.5;\n    }\n    \n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n    \n    .p-chip .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n    \n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n"}});function g(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?g(Object(t),!0).forEach((function(r){var n,o,i;n=e,i=t[r],(o=u(o=r))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):g(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var d=l.memo(l.forwardRef((function(e,i){var a,c,u=l.useContext(r.PrimeReactContext),f=v.getProps(e,u),g=l.useRef(null),d=l.useState(!0),O=(c=2,p(a=d)||m(a,c)||b(a,c)||y()),j=O[0],P=O[1],S=v.setMetaData({props:f}),I=S.ptm,w=S.cx;t.useHandleStyle(v.css.styles,S.isUnstyled,{name:"chip"});var E,x,k=function(e){"Enter"!==e.key&&"Backspace"!==e.key||N(e)},N=function(e){P(!1),f.onRemove&&f.onRemove({originalEvent:e,value:f.label||f.image||f.icon})},C=function(){var e=[],r=o.mergeProps({key:"removeIcon",role:"button",tabIndex:0,className:w("removeIcon"),onClick:N,onKeyDown:k},I("removeIcon")),t=f.removeIcon||l.createElement(n.TimesCircleIcon,r);if(f.image){var i=o.mergeProps({key:"image",src:f.image,onError:f.onImageError},I("image"));e.push(l.createElement("img",s({alt:f.imageAlt},i)))}else if(f.icon){var a=o.mergeProps({key:"icon",className:w("icon")},I("icon"));e.push(o.IconUtils.getJSXIcon(f.icon,h({},a),{props:f}))}if(f.label){var c=o.mergeProps({key:"label",className:w("label")},I("label"));e.push(l.createElement("span",c,f.label))}return f.removable&&e.push(o.IconUtils.getJSXIcon(t,h({},r),{props:f})),e};return l.useImperativeHandle(i,(function(){return{props:f,getElement:function(){return g.current}}})),j&&(E=f.template?o.ObjectUtils.getJSXElement(f.template,f):C(),x=o.mergeProps({ref:g,style:f.style,className:o.classNames(f.className,w("root")),"aria-label":f.label},v.getOtherProps(f),I("root")),l.createElement("div",x,E))})));d.displayName="Chip",exports.Chip=d;

package/chip/chip.d.ts

@@ -65,6 +65,21 @@ export interface ChipState {
     visible: boolean;
 }
 
+/**
+ * Custom remove event
+ * @event
+ */
+interface ChipRemoveEvent {
+    /**
+     * Browser event
+     */
+    originalEvent: React.SyntheticEvent;
+    /**
+     * Removed item value
+     */
+    value: string;
+}
+
 /**
  * Defines valid properties in Chip component. In addition to these, all properties of HTMLDivElement can be used in this component.
  * @group Properties
@@ -106,9 +121,9 @@ export interface ChipProps extends Omit<React.DetailedHTMLProps<React.HTMLAttrib
     onImageError?(event: React.SyntheticEvent): void;
     /**
      * Callback to invoke when a chip is removed.
-     * @param {React.MouseEvent}  event - Browser event.
+     * * @param {ChipRemoveEvent} event - Custom remove event
      */
-    onRemove?(event: React.MouseEvent<HTMLElement>): void;
+    onRemove?(event: ChipRemoveEvent): void;
     /**
      * Used to get the child elements of the component.
      * @readonly

package/chip/chip.esm.js

@@ -177,13 +177,17 @@ var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
   var close = function close(event) {
     setVisibleState(false);
     if (props.onRemove) {
-      props.onRemove(event);
+      props.onRemove({
+        originalEvent: event,
+        value: props.label || props.image || props.icon
+      });
     }
   };
   var createContent = function createContent() {
     var content = [];
     var removeIconProps = mergeProps({
       key: 'removeIcon',
+      role: 'button',
       tabIndex: 0,
       className: cx('removeIcon'),
       onClick: close,

package/chip/chip.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as r}from"primereact/api";import{ComponentBase as t,useHandleStyle as n}from"primereact/componentbase";import{TimesCircleIcon as o}from"primereact/icons/timescircle";import{classNames as i,ObjectUtils as l,mergeProps as a,IconUtils as c}from"primereact/utils";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 u(e,r){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function s(e){var r=u(e,"string");return"symbol"===p(r)?r:String(r)}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},m.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function y(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,l,a=[],c=!0,p=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=i.call(t)).done)&&(a.push(n.value),a.length!==r);c=!0);}catch(e){p=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(p)throw o}}return a}}function b(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function v(e,r){if(e){if("string"==typeof e)return b(e,r);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)?b(e,r):void 0}}function g(){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 h=t.extend({defaultProps:{__TYPE:"Chip",label:null,icon:null,image:null,removable:!1,removeIcon:null,className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null,children:void 0},css:{classes:{root:function(e){return i("p-chip p-component",{"p-chip-image":null!=e.props.image})},removeIcon:"p-chip-remove-icon",icon:"p-chip-icon",label:"p-chip-text"},styles:"\n@layer primereact {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-chip-text {\n        line-height: 1.5;\n    }\n    \n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n    \n    .p-chip .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n    \n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n"}});function d(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function O(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?d(Object(t),!0).forEach((function(r){var n,o,i;n=e,i=t[r],(o=s(o=r))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var j=e.memo(e.forwardRef((function(t,p){var u,s,b=e.useContext(r),d=h.getProps(t,b),j=e.useRef(null),S=e.useState(!0),w=(s=2,f(u=S)||y(u,s)||v(u,s)||g()),P=w[0],E=w[1],I=h.setMetaData({props:d}),k=I.ptm,x=I.cx;n(h.css.styles,I.isUnstyled,{name:"chip"});var A,N,D=function(e){"Enter"!==e.key&&"Backspace"!==e.key||C(e)},C=function(e){E(!1),d.onRemove&&d.onRemove(e)},R=function(){var r=[],t=a({key:"removeIcon",tabIndex:0,className:x("removeIcon"),onClick:C,onKeyDown:D},k("removeIcon")),n=d.removeIcon||e.createElement(o,t);if(d.image){var i=a({key:"image",src:d.image,onError:d.onImageError},k("image"));r.push(e.createElement("img",m({alt:d.imageAlt},i)))}else if(d.icon){var l=a({key:"icon",className:x("icon")},k("icon"));r.push(c.getJSXIcon(d.icon,O({},l),{props:d}))}if(d.label){var p=a({key:"label",className:x("label")},k("label"));r.push(e.createElement("span",p,d.label))}return d.removable&&r.push(c.getJSXIcon(n,O({},t),{props:d})),r};return e.useImperativeHandle(p,(function(){return{props:d,getElement:function(){return j.current}}})),P&&(A=d.template?l.getJSXElement(d.template,d):R(),N=a({ref:j,style:d.style,className:i(d.className,x("root")),"aria-label":d.label},h.getOtherProps(d),k("root")),e.createElement("div",N,A))})));j.displayName="Chip";export{j as Chip};
+import*as e from"react";import{PrimeReactContext as r}from"primereact/api";import{ComponentBase as t,useHandleStyle as n}from"primereact/componentbase";import{TimesCircleIcon as o}from"primereact/icons/timescircle";import{classNames as i,ObjectUtils as l,mergeProps as a,IconUtils as c}from"primereact/utils";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 u(e,r){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function s(e){var r=u(e,"string");return"symbol"===p(r)?r:String(r)}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},m.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function y(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,l,a=[],c=!0,p=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=i.call(t)).done)&&(a.push(n.value),a.length!==r);c=!0);}catch(e){p=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(p)throw o}}return a}}function b(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function v(e,r){if(e){if("string"==typeof e)return b(e,r);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)?b(e,r):void 0}}function g(){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 h=t.extend({defaultProps:{__TYPE:"Chip",label:null,icon:null,image:null,removable:!1,removeIcon:null,className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null,children:void 0},css:{classes:{root:function(e){return i("p-chip p-component",{"p-chip-image":null!=e.props.image})},removeIcon:"p-chip-remove-icon",icon:"p-chip-icon",label:"p-chip-text"},styles:"\n@layer primereact {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-chip-text {\n        line-height: 1.5;\n    }\n    \n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n    \n    .p-chip .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n    \n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n"}});function d(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function O(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?d(Object(t),!0).forEach((function(r){var n,o,i;n=e,i=t[r],(o=s(o=r))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var j=e.memo(e.forwardRef((function(t,p){var u,s,b=e.useContext(r),d=h.getProps(t,b),j=e.useRef(null),S=e.useState(!0),w=(s=2,f(u=S)||y(u,s)||v(u,s)||g()),E=w[0],P=w[1],I=h.setMetaData({props:d}),k=I.ptm,x=I.cx;n(h.css.styles,I.isUnstyled,{name:"chip"});var A,N,D=function(e){"Enter"!==e.key&&"Backspace"!==e.key||C(e)},C=function(e){P(!1),d.onRemove&&d.onRemove({originalEvent:e,value:d.label||d.image||d.icon})},R=function(){var r=[],t=a({key:"removeIcon",role:"button",tabIndex:0,className:x("removeIcon"),onClick:C,onKeyDown:D},k("removeIcon")),n=d.removeIcon||e.createElement(o,t);if(d.image){var i=a({key:"image",src:d.image,onError:d.onImageError},k("image"));r.push(e.createElement("img",m({alt:d.imageAlt},i)))}else if(d.icon){var l=a({key:"icon",className:x("icon")},k("icon"));r.push(c.getJSXIcon(d.icon,O({},l),{props:d}))}if(d.label){var p=a({key:"label",className:x("label")},k("label"));r.push(e.createElement("span",p,d.label))}return d.removable&&r.push(c.getJSXIcon(n,O({},t),{props:d})),r};return e.useImperativeHandle(p,(function(){return{props:d,getElement:function(){return j.current}}})),E&&(A=d.template?l.getJSXElement(d.template,d):R(),N=a({ref:j,style:d.style,className:i(d.className,x("root")),"aria-label":d.label},h.getOtherProps(d),k("root")),e.createElement("div",N,A))})));j.displayName="Chip";export{j as Chip};

package/chip/chip.js

@@ -194,13 +194,17 @@ this.primereact.chip = (function (exports, React, api, componentbase, timescircl
     var close = function close(event) {
       setVisibleState(false);
       if (props.onRemove) {
-        props.onRemove(event);
+        props.onRemove({
+          originalEvent: event,
+          value: props.label || props.image || props.icon
+        });
       }
     };
     var createContent = function createContent() {
       var content = [];
       var removeIconProps = utils.mergeProps({
         key: 'removeIcon',
+        role: 'button',
         tabIndex: 0,
         className: cx('removeIcon'),
         onClick: close,

package/chip/chip.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.chip=function(e,r,t,n,o,i){"use strict";function l(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var c=l(r);function a(e){return a="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},a(e)}function s(e,r){if("object"!==a(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function u(e){var r=s(e,"string");return"symbol"===a(r)?r:String(r)}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},p.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function f(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,l,c=[],a=!0,s=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;a=!1}else for(;!(a=(n=i.call(t)).done)&&(c.push(n.value),c.length!==r);a=!0);}catch(e){s=!0,o=e}finally{try{if(!a&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw o}}return c}}function y(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function b(e,r){if(e){if("string"==typeof e)return y(e,r);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,r):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=n.ComponentBase.extend({defaultProps:{__TYPE:"Chip",label:null,icon:null,image:null,removable:!1,removeIcon:null,className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null,children:void 0},css:{classes:{root:function(e){return i.classNames("p-chip p-component",{"p-chip-image":null!=e.props.image})},removeIcon:"p-chip-remove-icon",icon:"p-chip-icon",label:"p-chip-text"},styles:"\n@layer primereact {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-chip-text {\n        line-height: 1.5;\n    }\n    \n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n    \n    .p-chip .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n    \n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n"}});function h(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?h(Object(t),!0).forEach((function(r){var n,o,i;n=e,i=t[r],(o=u(o=r))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):h(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var O=c.memo(c.forwardRef((function(e,r){var l,a,s=c.useContext(t.PrimeReactContext),u=g.getProps(e,s),y=c.useRef(null),h=c.useState(!0),O=(a=2,m(l=h)||f(l,a)||b(l,a)||v()),j=O[0],P=O[1],S=g.setMetaData({props:u}),I=S.ptm,w=S.cx;n.useHandleStyle(g.css.styles,S.isUnstyled,{name:"chip"});var E,k,N=function(e){"Enter"!==e.key&&"Backspace"!==e.key||x(e)},x=function(e){P(!1),u.onRemove&&u.onRemove(e)},C=function(){var e=[],r=i.mergeProps({key:"removeIcon",tabIndex:0,className:w("removeIcon"),onClick:x,onKeyDown:N},I("removeIcon")),t=u.removeIcon||c.createElement(o.TimesCircleIcon,r);if(u.image){var n=i.mergeProps({key:"image",src:u.image,onError:u.onImageError},I("image"));e.push(c.createElement("img",p({alt:u.imageAlt},n)))}else if(u.icon){var l=i.mergeProps({key:"icon",className:w("icon")},I("icon"));e.push(i.IconUtils.getJSXIcon(u.icon,d({},l),{props:u}))}if(u.label){var a=i.mergeProps({key:"label",className:w("label")},I("label"));e.push(c.createElement("span",a,u.label))}return u.removable&&e.push(i.IconUtils.getJSXIcon(t,d({},r),{props:u})),e};return c.useImperativeHandle(r,(function(){return{props:u,getElement:function(){return y.current}}})),j&&(E=u.template?i.ObjectUtils.getJSXElement(u.template,u):C(),k=i.mergeProps({ref:y,style:u.style,className:i.classNames(u.className,w("root")),"aria-label":u.label},g.getOtherProps(u),I("root")),c.createElement("div",k,E))})));return O.displayName="Chip",e.Chip=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.icons.timescircle,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.chip=function(e,r,t,n,o,i){"use strict";function l(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=l(r);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,r){if("object"!==c(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function s(e){var r=u(e,"string");return"symbol"===c(r)?r:String(r)}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},p.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function f(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,l,a=[],c=!0,u=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=i.call(t)).done)&&(a.push(n.value),a.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw o}}return a}}function b(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function y(e,r){if(e){if("string"==typeof e)return b(e,r);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)?b(e,r):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=n.ComponentBase.extend({defaultProps:{__TYPE:"Chip",label:null,icon:null,image:null,removable:!1,removeIcon:null,className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null,children:void 0},css:{classes:{root:function(e){return i.classNames("p-chip p-component",{"p-chip-image":null!=e.props.image})},removeIcon:"p-chip-remove-icon",icon:"p-chip-icon",label:"p-chip-text"},styles:"\n@layer primereact {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-chip-text {\n        line-height: 1.5;\n    }\n    \n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n    \n    .p-chip .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n    \n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n"}});function h(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?h(Object(t),!0).forEach((function(r){var n,o,i;n=e,i=t[r],(o=s(o=r))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):h(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var O=a.memo(a.forwardRef((function(e,r){var l,c,u=a.useContext(t.PrimeReactContext),s=g.getProps(e,u),b=a.useRef(null),h=a.useState(!0),O=(c=2,m(l=h)||f(l,c)||y(l,c)||v()),j=O[0],P=O[1],S=g.setMetaData({props:s}),I=S.ptm,w=S.cx;n.useHandleStyle(g.css.styles,S.isUnstyled,{name:"chip"});var E,k,N=function(e){"Enter"!==e.key&&"Backspace"!==e.key||x(e)},x=function(e){P(!1),s.onRemove&&s.onRemove({originalEvent:e,value:s.label||s.image||s.icon})},C=function(){var e=[],r=i.mergeProps({key:"removeIcon",role:"button",tabIndex:0,className:w("removeIcon"),onClick:x,onKeyDown:N},I("removeIcon")),t=s.removeIcon||a.createElement(o.TimesCircleIcon,r);if(s.image){var n=i.mergeProps({key:"image",src:s.image,onError:s.onImageError},I("image"));e.push(a.createElement("img",p({alt:s.imageAlt},n)))}else if(s.icon){var l=i.mergeProps({key:"icon",className:w("icon")},I("icon"));e.push(i.IconUtils.getJSXIcon(s.icon,d({},l),{props:s}))}if(s.label){var c=i.mergeProps({key:"label",className:w("label")},I("label"));e.push(a.createElement("span",c,s.label))}return s.removable&&e.push(i.IconUtils.getJSXIcon(t,d({},r),{props:s})),e};return a.useImperativeHandle(r,(function(){return{props:s,getElement:function(){return b.current}}})),j&&(E=s.template?i.ObjectUtils.getJSXElement(s.template,s):C(),k=i.mergeProps({ref:b,style:s.style,className:i.classNames(s.className,w("root")),"aria-label":s.label},g.getOtherProps(s),I("root")),a.createElement("div",k,E))})));return O.displayName="Chip",e.Chip=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.icons.timescircle,primereact.utils);

package/chips/chips.cjs.js

@@ -428,7 +428,8 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       className: cx('removeTokenIcon'),
       onClick: function onClick(event) {
         return removeItem(event, index);
-      }
+      },
+      'aria-hidden': 'true'
     }, ptm('removeTokenIcon'));
     var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, iconProps);
     var removeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {

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 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 s(e){return s="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},s(e)}function f(e,n){if("object"!==s(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==s(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"===s(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 y(e){if(Array.isArray(e))return m(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(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 y(e)||v(e)||b(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 P(){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 k=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:"p-chips-token p-highlight",inputToken:"p-chips-input-token",container:function(e){return a.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return a.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})}},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 j(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 x(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(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)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var D=c.memo(c.forwardRef((function(e,u){var s,f,d=c.useContext(n.PrimeReactContext),m=k.getProps(e,d),y=c.useState(!1),v=(f=2,O(s=y)||w(s,f)||b(s,f)||P()),h=v[0],j=v[1],D=k.setMetaData({props:m,state:{focused:h}}),E=D.ptm,S=D.cx;t.useHandleStyle(k.css.styles,D.isUnstyled,{name:"chips"});var I=c.useRef(null),N=c.useRef(null),T=c.useRef(m.inputRef),A=function(e,n){if(!m.disabled||!m.readOnly){var t=g(m.value),r=t.splice(n,1);_(r,n)&&(m.onRemove&&m.onRemove({originalEvent:e,value:r}),m.onChange&&m.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:t}}))}},C=function(e,n,t){if(n&&n.trim().length){var r=m.value?g(m.value):[];if(m.allowDuplicate||-1===r.indexOf(n)){var o=!0;m.onAdd&&(o=m.onAdd({originalEvent:e,value:n})),!1!==o&&r.push(n)}F(e,r,t)}},R=function(e){var n=e.target.value,t=m.value||[];if(m.onKeyDown&&m.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===T.current.value.length&&t.length>0&&A(e,t.length-1);break;case"Enter":n&&n.trim().length&&(!m.max||m.max>t.length)&&C(e,n,!0);break;default:m.keyfilter&&i.KeyFilter.onKeyPress(e,m.keyfilter),q()?e.preventDefault():","===m.separator&&(e.key===m.separator||a.DomHandler.isAndroid()&&229===e.which)&&C(e,n,!0)}},F=function(e,n,t){m.onChange&&m.onChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:n}}),T.current.value="",t&&e.preventDefault()},B=function(e){if(m.separator){var n=(e.clipboardData||window.clipboardData).getData("Text");if(m.keyfilter&&i.KeyFilter.onPaste(e,m.keyfilter),n){var t=m.value||[],r=n.split(m.separator);r=r.filter((function(e){return(m.allowDuplicate||-1===t.indexOf(e))&&e.trim().length})),t=[].concat(g(t),g(r)),F(e,t,!0)}}},U=function(e){if(m.addOnBlur){var n=e.target.value,t=m.value||[];n&&n.trim().length&&(!m.max||m.max>t.length)&&C(e,n,!0)}j(!1),m.onBlur&&m.onBlur(e)},q=function(){return m.max&&m.value&&m.max===m.value.length},K=T.current&&T.current.value,H=c.useMemo((function(){return a.ObjectUtils.isNotEmpty(m.value)||a.ObjectUtils.isNotEmpty(K)}),[m.value,K]),_=function(e,n){return a.ObjectUtils.getPropValue(m.removable,{value:e,index:n,props:m})};c.useImperativeHandle(u,(function(){return{props:m,focus:function(){return a.DomHandler.focus(T.current)},getElement:function(){return I.current},getInput:function(){return T.current}}})),c.useEffect((function(){a.ObjectUtils.combinedRefs(T,m.inputRef)}),[T,m.inputRef]),r.useMountEffect((function(){m.autoFocus&&a.DomHandler.focus(T.current,m.autoFocus)}));var M,z,J,L,V,X=function(e,n){var t=a.mergeProps({className:S("removeTokenIcon"),onClick:function(e){return A(e,n)}},E("removeTokenIcon")),r=a.IconUtils.getJSXIcon(m.removeIcon||c.createElement(o.TimesCircleIcon,t),x({},t),{props:m});return m.disabled||m.readOnly||!_(e,n)?null:r},Y=function(e,n){var t=m.itemTemplate?m.itemTemplate(e):e,r=a.mergeProps({className:S("label")},E("label")),o=c.createElement("span",r,t),i=X(e,n),l=a.mergeProps({key:n,className:S("token"),"data-p-highlight":!0},E("token"));return c.createElement("li",l,o,i)},$=a.ObjectUtils.isNotEmpty(m.tooltip),G=k.getOtherProps(m),Q=a.ObjectUtils.reduceKeys(G,a.DomHandler.ARIA_PROPS),W=(J=m.value?m.value.map(Y):null,M=a.mergeProps({className:S("inputToken")},E("inputToken")),z=a.mergeProps(x({id:m.inputId,ref:T,placeholder:m.placeholder,type:"text",name:m.name,disabled:m.disabled||q(),onKeyDown:function(e){return R(e)},onPaste:function(e){return B(e)},onFocus:function(e){return n=e,j(!0),void(m.onFocus&&m.onFocus(n));var n},onBlur:function(e){return U(e)},readOnly:m.readOnly},Q),E("input")),L=c.createElement("li",M,c.createElement("input",z)),V=a.mergeProps({ref:N,className:S("container",{focusedState:h}),onClick:function(e){a.DomHandler.focus(T.current)},"data-p-disabled":m.disabled,"data-p-focus":h},E("container")),c.createElement("ul",V,J,L)),Z=a.mergeProps({id:m.id,ref:I,className:a.classNames(m.className,S("root",{isFilled:H,focusedState:h})),style:m.style},E("root"));return c.createElement(c.Fragment,null,c.createElement("div",Z,W),$&&c.createElement(l.Tooltip,p({target:T,content:m.tooltip},m.tooltipOptions,{pt:E("tooltip")})))})));D.displayName="Chips",exports.Chips=D;
+"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 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 s(e){return s="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},s(e)}function f(e,n){if("object"!==s(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==s(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"===s(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 y(e){if(Array.isArray(e))return m(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(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 y(e)||v(e)||b(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 P(){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 k=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:"p-chips-token p-highlight",inputToken:"p-chips-input-token",container:function(e){return a.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return a.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})}},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 j(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 x(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(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)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var D=c.memo(c.forwardRef((function(e,u){var s,f,d=c.useContext(n.PrimeReactContext),m=k.getProps(e,d),y=c.useState(!1),v=(f=2,O(s=y)||w(s,f)||b(s,f)||P()),h=v[0],j=v[1],D=k.setMetaData({props:m,state:{focused:h}}),E=D.ptm,S=D.cx;t.useHandleStyle(k.css.styles,D.isUnstyled,{name:"chips"});var I=c.useRef(null),N=c.useRef(null),T=c.useRef(m.inputRef),A=function(e,n){if(!m.disabled||!m.readOnly){var t=g(m.value),r=t.splice(n,1);_(r,n)&&(m.onRemove&&m.onRemove({originalEvent:e,value:r}),m.onChange&&m.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:t}}))}},C=function(e,n,t){if(n&&n.trim().length){var r=m.value?g(m.value):[];if(m.allowDuplicate||-1===r.indexOf(n)){var o=!0;m.onAdd&&(o=m.onAdd({originalEvent:e,value:n})),!1!==o&&r.push(n)}F(e,r,t)}},R=function(e){var n=e.target.value,t=m.value||[];if(m.onKeyDown&&m.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===T.current.value.length&&t.length>0&&A(e,t.length-1);break;case"Enter":n&&n.trim().length&&(!m.max||m.max>t.length)&&C(e,n,!0);break;default:m.keyfilter&&i.KeyFilter.onKeyPress(e,m.keyfilter),q()?e.preventDefault():","===m.separator&&(e.key===m.separator||a.DomHandler.isAndroid()&&229===e.which)&&C(e,n,!0)}},F=function(e,n,t){m.onChange&&m.onChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:n}}),T.current.value="",t&&e.preventDefault()},B=function(e){if(m.separator){var n=(e.clipboardData||window.clipboardData).getData("Text");if(m.keyfilter&&i.KeyFilter.onPaste(e,m.keyfilter),n){var t=m.value||[],r=n.split(m.separator);r=r.filter((function(e){return(m.allowDuplicate||-1===t.indexOf(e))&&e.trim().length})),t=[].concat(g(t),g(r)),F(e,t,!0)}}},U=function(e){if(m.addOnBlur){var n=e.target.value,t=m.value||[];n&&n.trim().length&&(!m.max||m.max>t.length)&&C(e,n,!0)}j(!1),m.onBlur&&m.onBlur(e)},q=function(){return m.max&&m.value&&m.max===m.value.length},K=T.current&&T.current.value,H=c.useMemo((function(){return a.ObjectUtils.isNotEmpty(m.value)||a.ObjectUtils.isNotEmpty(K)}),[m.value,K]),_=function(e,n){return a.ObjectUtils.getPropValue(m.removable,{value:e,index:n,props:m})};c.useImperativeHandle(u,(function(){return{props:m,focus:function(){return a.DomHandler.focus(T.current)},getElement:function(){return I.current},getInput:function(){return T.current}}})),c.useEffect((function(){a.ObjectUtils.combinedRefs(T,m.inputRef)}),[T,m.inputRef]),r.useMountEffect((function(){m.autoFocus&&a.DomHandler.focus(T.current,m.autoFocus)}));var M,z,J,L,V,X=function(e,n){var t=a.mergeProps({className:S("removeTokenIcon"),onClick:function(e){return A(e,n)},"aria-hidden":"true"},E("removeTokenIcon")),r=a.IconUtils.getJSXIcon(m.removeIcon||c.createElement(o.TimesCircleIcon,t),x({},t),{props:m});return m.disabled||m.readOnly||!_(e,n)?null:r},Y=function(e,n){var t=m.itemTemplate?m.itemTemplate(e):e,r=a.mergeProps({className:S("label")},E("label")),o=c.createElement("span",r,t),i=X(e,n),l=a.mergeProps({key:n,className:S("token"),"data-p-highlight":!0},E("token"));return c.createElement("li",l,o,i)},$=a.ObjectUtils.isNotEmpty(m.tooltip),G=k.getOtherProps(m),Q=a.ObjectUtils.reduceKeys(G,a.DomHandler.ARIA_PROPS),W=(J=m.value?m.value.map(Y):null,M=a.mergeProps({className:S("inputToken")},E("inputToken")),z=a.mergeProps(x({id:m.inputId,ref:T,placeholder:m.placeholder,type:"text",name:m.name,disabled:m.disabled||q(),onKeyDown:function(e){return R(e)},onPaste:function(e){return B(e)},onFocus:function(e){return n=e,j(!0),void(m.onFocus&&m.onFocus(n));var n},onBlur:function(e){return U(e)},readOnly:m.readOnly},Q),E("input")),L=c.createElement("li",M,c.createElement("input",z)),V=a.mergeProps({ref:N,className:S("container",{focusedState:h}),onClick:function(e){a.DomHandler.focus(T.current)},"data-p-disabled":m.disabled,"data-p-focus":h},E("container")),c.createElement("ul",V,J,L)),Z=a.mergeProps({id:m.id,ref:I,className:a.classNames(m.className,S("root",{isFilled:H,focusedState:h})),style:m.style},E("root"));return c.createElement(c.Fragment,null,c.createElement("div",Z,W),$&&c.createElement(l.Tooltip,p({target:T,content:m.tooltip},m.tooltipOptions,{pt:E("tooltip")})))})));D.displayName="Chips",exports.Chips=D;

package/chips/chips.esm.js

@@ -404,7 +404,8 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
       className: cx('removeTokenIcon'),
       onClick: function onClick(event) {
         return removeItem(event, index);
-      }
+      },
+      'aria-hidden': 'true'
     }, ptm('removeTokenIcon'));
     var icon = props.removeIcon || /*#__PURE__*/React.createElement(TimesCircleIcon, iconProps);
     var removeIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {

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{useMountEffect as o}from"primereact/hooks";import{TimesCircleIcon as i}from"primereact/icons/timescircle";import{KeyFilter as l}from"primereact/keyfilter";import{Tooltip as a}from"primereact/tooltip";import{classNames as u,ObjectUtils as c,DomHandler as p,mergeProps as s,IconUtils as f}from"primereact/utils";function m(){return m=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},m.apply(this,arguments)}function d(e){return d="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},d(e)}function y(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=y(e,"string");return"symbol"===d(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 O(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 w(){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 k(e){return b(e)||g(e)||O(e)||w()}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,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 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.")}var S=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:"p-chips-token p-highlight",inputToken:"p-chips-input-token",container:function(e){return u("p-inputtext p-chips-multiple-container",{"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return u("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})}},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 j(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?j(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=v(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)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var I=e.memo(e.forwardRef((function(t,d){var y,v,h=e.useContext(n),b=S.getProps(t,h),g=e.useState(!1),w=(v=2,x(y=g)||P(y,v)||O(y,v)||E()),j=w[0],I=w[1],A=S.setMetaData({props:b,state:{focused:j}}),R=A.ptm,T=A.cx;r(S.css.styles,A.isUnstyled,{name:"chips"});var N=e.useRef(null),C=e.useRef(null),F=e.useRef(b.inputRef),B=function(e,n){if(!b.disabled||!b.readOnly){var t=k(b.value),r=t.splice(n,1);X(r,n)&&(b.onRemove&&b.onRemove({originalEvent:e,value:r}),b.onChange&&b.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:b.name,id:b.id,value:t}}))}},K=function(e,n,t){if(n&&n.trim().length){var r=b.value?k(b.value):[];if(b.allowDuplicate||-1===r.indexOf(n)){var o=!0;b.onAdd&&(o=b.onAdd({originalEvent:e,value:n})),!1!==o&&r.push(n)}_(e,r,t)}},M=function(e){var n=e.target.value,t=b.value||[];if(b.onKeyDown&&b.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===F.current.value.length&&t.length>0&&B(e,t.length-1);break;case"Enter":n&&n.trim().length&&(!b.max||b.max>t.length)&&K(e,n,!0);break;default:b.keyfilter&&l.onKeyPress(e,b.keyfilter),J()?e.preventDefault():","===b.separator&&(e.key===b.separator||p.isAndroid()&&229===e.which)&&K(e,n,!0)}},_=function(e,n,t){b.onChange&&b.onChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:b.name,id:b.id,value:n}}),F.current.value="",t&&e.preventDefault()},U=function(e){if(b.separator){var n=(e.clipboardData||window.clipboardData).getData("Text");if(b.keyfilter&&l.onPaste(e,b.keyfilter),n){var t=b.value||[],r=n.split(b.separator);r=r.filter((function(e){return(b.allowDuplicate||-1===t.indexOf(e))&&e.trim().length})),t=[].concat(k(t),k(r)),_(e,t,!0)}}},H=function(e){if(b.addOnBlur){var n=e.target.value,t=b.value||[];n&&n.trim().length&&(!b.max||b.max>t.length)&&K(e,n,!0)}I(!1),b.onBlur&&b.onBlur(e)},J=function(){return b.max&&b.value&&b.max===b.value.length},L=F.current&&F.current.value,V=e.useMemo((function(){return c.isNotEmpty(b.value)||c.isNotEmpty(L)}),[b.value,L]),X=function(e,n){return c.getPropValue(b.removable,{value:e,index:n,props:b})};e.useImperativeHandle(d,(function(){return{props:b,focus:function(){return p.focus(F.current)},getElement:function(){return N.current},getInput:function(){return F.current}}})),e.useEffect((function(){c.combinedRefs(F,b.inputRef)}),[F,b.inputRef]),o((function(){b.autoFocus&&p.focus(F.current,b.autoFocus)}));var Y,$,q,z,G,Q=function(n,t){var r=s({className:T("removeTokenIcon"),onClick:function(e){return B(e,t)}},R("removeTokenIcon")),o=f.getJSXIcon(b.removeIcon||e.createElement(i,r),D({},r),{props:b});return b.disabled||b.readOnly||!X(n,t)?null:o},W=function(n,t){var r=b.itemTemplate?b.itemTemplate(n):n,o=s({className:T("label")},R("label")),i=e.createElement("span",o,r),l=Q(n,t),a=s({key:t,className:T("token"),"data-p-highlight":!0},R("token"));return e.createElement("li",a,i,l)},Z=c.isNotEmpty(b.tooltip),ee=S.getOtherProps(b),ne=c.reduceKeys(ee,p.ARIA_PROPS),te=(q=b.value?b.value.map(W):null,Y=s({className:T("inputToken")},R("inputToken")),$=s(D({id:b.inputId,ref:F,placeholder:b.placeholder,type:"text",name:b.name,disabled:b.disabled||J(),onKeyDown:function(e){return M(e)},onPaste:function(e){return U(e)},onFocus:function(e){return n=e,I(!0),void(b.onFocus&&b.onFocus(n));var n},onBlur:function(e){return H(e)},readOnly:b.readOnly},ne),R("input")),z=e.createElement("li",Y,e.createElement("input",$)),G=s({ref:C,className:T("container",{focusedState:j}),onClick:function(e){p.focus(F.current)},"data-p-disabled":b.disabled,"data-p-focus":j},R("container")),e.createElement("ul",G,q,z)),re=s({id:b.id,ref:N,className:u(b.className,T("root",{isFilled:V,focusedState:j})),style:b.style},R("root"));return e.createElement(e.Fragment,null,e.createElement("div",re,te),Z&&e.createElement(a,m({target:F,content:b.tooltip},b.tooltipOptions,{pt:R("tooltip")})))})));I.displayName="Chips";export{I 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{useMountEffect as o}from"primereact/hooks";import{TimesCircleIcon as i}from"primereact/icons/timescircle";import{KeyFilter as l}from"primereact/keyfilter";import{Tooltip as a}from"primereact/tooltip";import{classNames as u,ObjectUtils as c,DomHandler as p,mergeProps as s,IconUtils as f}from"primereact/utils";function m(){return m=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},m.apply(this,arguments)}function d(e){return d="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},d(e)}function y(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=y(e,"string");return"symbol"===d(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 O(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 w(){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 k(e){return b(e)||g(e)||O(e)||w()}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,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 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.")}var S=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:"p-chips-token p-highlight",inputToken:"p-chips-input-token",container:function(e){return u("p-inputtext p-chips-multiple-container",{"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return u("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})}},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 j(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?j(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=v(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)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var I=e.memo(e.forwardRef((function(t,d){var y,v,h=e.useContext(n),b=S.getProps(t,h),g=e.useState(!1),w=(v=2,x(y=g)||P(y,v)||O(y,v)||E()),j=w[0],I=w[1],A=S.setMetaData({props:b,state:{focused:j}}),R=A.ptm,T=A.cx;r(S.css.styles,A.isUnstyled,{name:"chips"});var N=e.useRef(null),C=e.useRef(null),F=e.useRef(b.inputRef),B=function(e,n){if(!b.disabled||!b.readOnly){var t=k(b.value),r=t.splice(n,1);X(r,n)&&(b.onRemove&&b.onRemove({originalEvent:e,value:r}),b.onChange&&b.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:b.name,id:b.id,value:t}}))}},K=function(e,n,t){if(n&&n.trim().length){var r=b.value?k(b.value):[];if(b.allowDuplicate||-1===r.indexOf(n)){var o=!0;b.onAdd&&(o=b.onAdd({originalEvent:e,value:n})),!1!==o&&r.push(n)}_(e,r,t)}},M=function(e){var n=e.target.value,t=b.value||[];if(b.onKeyDown&&b.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===F.current.value.length&&t.length>0&&B(e,t.length-1);break;case"Enter":n&&n.trim().length&&(!b.max||b.max>t.length)&&K(e,n,!0);break;default:b.keyfilter&&l.onKeyPress(e,b.keyfilter),J()?e.preventDefault():","===b.separator&&(e.key===b.separator||p.isAndroid()&&229===e.which)&&K(e,n,!0)}},_=function(e,n,t){b.onChange&&b.onChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:b.name,id:b.id,value:n}}),F.current.value="",t&&e.preventDefault()},U=function(e){if(b.separator){var n=(e.clipboardData||window.clipboardData).getData("Text");if(b.keyfilter&&l.onPaste(e,b.keyfilter),n){var t=b.value||[],r=n.split(b.separator);r=r.filter((function(e){return(b.allowDuplicate||-1===t.indexOf(e))&&e.trim().length})),t=[].concat(k(t),k(r)),_(e,t,!0)}}},H=function(e){if(b.addOnBlur){var n=e.target.value,t=b.value||[];n&&n.trim().length&&(!b.max||b.max>t.length)&&K(e,n,!0)}I(!1),b.onBlur&&b.onBlur(e)},J=function(){return b.max&&b.value&&b.max===b.value.length},L=F.current&&F.current.value,V=e.useMemo((function(){return c.isNotEmpty(b.value)||c.isNotEmpty(L)}),[b.value,L]),X=function(e,n){return c.getPropValue(b.removable,{value:e,index:n,props:b})};e.useImperativeHandle(d,(function(){return{props:b,focus:function(){return p.focus(F.current)},getElement:function(){return N.current},getInput:function(){return F.current}}})),e.useEffect((function(){c.combinedRefs(F,b.inputRef)}),[F,b.inputRef]),o((function(){b.autoFocus&&p.focus(F.current,b.autoFocus)}));var Y,$,q,z,G,Q=function(n,t){var r=s({className:T("removeTokenIcon"),onClick:function(e){return B(e,t)},"aria-hidden":"true"},R("removeTokenIcon")),o=f.getJSXIcon(b.removeIcon||e.createElement(i,r),D({},r),{props:b});return b.disabled||b.readOnly||!X(n,t)?null:o},W=function(n,t){var r=b.itemTemplate?b.itemTemplate(n):n,o=s({className:T("label")},R("label")),i=e.createElement("span",o,r),l=Q(n,t),a=s({key:t,className:T("token"),"data-p-highlight":!0},R("token"));return e.createElement("li",a,i,l)},Z=c.isNotEmpty(b.tooltip),ee=S.getOtherProps(b),ne=c.reduceKeys(ee,p.ARIA_PROPS),te=(q=b.value?b.value.map(W):null,Y=s({className:T("inputToken")},R("inputToken")),$=s(D({id:b.inputId,ref:F,placeholder:b.placeholder,type:"text",name:b.name,disabled:b.disabled||J(),onKeyDown:function(e){return M(e)},onPaste:function(e){return U(e)},onFocus:function(e){return n=e,I(!0),void(b.onFocus&&b.onFocus(n));var n},onBlur:function(e){return H(e)},readOnly:b.readOnly},ne),R("input")),z=e.createElement("li",Y,e.createElement("input",$)),G=s({ref:C,className:T("container",{focusedState:j}),onClick:function(e){p.focus(F.current)},"data-p-disabled":b.disabled,"data-p-focus":j},R("container")),e.createElement("ul",G,q,z)),re=s({id:b.id,ref:N,className:u(b.className,T("root",{isFilled:V,focusedState:j})),style:b.style},R("root"));return e.createElement(e.Fragment,null,e.createElement("div",re,te),Z&&e.createElement(a,m({target:F,content:b.tooltip},b.tooltipOptions,{pt:R("tooltip")})))})));I.displayName="Chips";export{I as Chips};

package/chips/chips.js

@@ -418,7 +418,8 @@ this.primereact.chips = (function (exports, React, api, componentbase, hooks, ti
         className: cx('removeTokenIcon'),
         onClick: function onClick(event) {
           return removeItem(event, index);
-        }
+        },
+        'aria-hidden': 'true'
       }, ptm('removeTokenIcon'));
       var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, iconProps);
       var removeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {

package/chips/chips.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.chips=function(e,n,t,r,o,i,l,a,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 p=c(n);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 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 m(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 d(e){var n=m(e,"string");return"symbol"===f(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 v(e){if(Array.isArray(e))return y(e)}function b(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 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 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 v(e)||b(e)||h(e)||g()}function w(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,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.")}var j=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:"p-chips-token p-highlight",inputToken:"p-chips-input-token",container:function(e){return u.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return u.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})}},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 x(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?x(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)):x(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var E=p.memo(p.forwardRef((function(e,n){var c,f,m=p.useContext(t.PrimeReactContext),d=j.getProps(e,m),y=p.useState(!1),v=(f=2,w(c=y)||P(c,f)||h(c,f)||k()),b=v[0],g=v[1],x=j.setMetaData({props:d,state:{focused:b}}),E=x.ptm,S=x.cx;r.useHandleStyle(j.css.styles,x.isUnstyled,{name:"chips"});var I=p.useRef(null),N=p.useRef(null),R=p.useRef(d.inputRef),T=function(e,n){if(!d.disabled||!d.readOnly){var t=O(d.value),r=t.splice(n,1);M(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}}))}},A=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)}F(e,r,t)}},C=function(e){var n=e.target.value,t=d.value||[];if(d.onKeyDown&&d.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===R.current.value.length&&t.length>0&&T(e,t.length-1);break;case"Enter":n&&n.trim().length&&(!d.max||d.max>t.length)&&A(e,n,!0);break;default:d.keyfilter&&l.KeyFilter.onKeyPress(e,d.keyfilter),K()?e.preventDefault():","===d.separator&&(e.key===d.separator||u.DomHandler.isAndroid()&&229===e.which)&&A(e,n,!0)}},F=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}}),R.current.value="",t&&e.preventDefault()},B=function(e){if(d.separator){var n=(e.clipboardData||window.clipboardData).getData("Text");if(d.keyfilter&&l.KeyFilter.onPaste(e,d.keyfilter),n){var t=d.value||[],r=n.split(d.separator);r=r.filter((function(e){return(d.allowDuplicate||-1===t.indexOf(e))&&e.trim().length})),t=[].concat(O(t),O(r)),F(e,t,!0)}}},U=function(e){if(d.addOnBlur){var n=e.target.value,t=d.value||[];n&&n.trim().length&&(!d.max||d.max>t.length)&&A(e,n,!0)}g(!1),d.onBlur&&d.onBlur(e)},K=function(){return d.max&&d.value&&d.max===d.value.length},H=R.current&&R.current.value,_=p.useMemo((function(){return u.ObjectUtils.isNotEmpty(d.value)||u.ObjectUtils.isNotEmpty(H)}),[d.value,H]),M=function(e,n){return u.ObjectUtils.getPropValue(d.removable,{value:e,index:n,props:d})};p.useImperativeHandle(n,(function(){return{props:d,focus:function(){return u.DomHandler.focus(R.current)},getElement:function(){return I.current},getInput:function(){return R.current}}})),p.useEffect((function(){u.ObjectUtils.combinedRefs(R,d.inputRef)}),[R,d.inputRef]),o.useMountEffect((function(){d.autoFocus&&u.DomHandler.focus(R.current,d.autoFocus)}));var z,J,L,V,X,Y=function(e,n){var t=u.mergeProps({className:S("removeTokenIcon"),onClick:function(e){return T(e,n)}},E("removeTokenIcon")),r=u.IconUtils.getJSXIcon(d.removeIcon||p.createElement(i.TimesCircleIcon,t),D({},t),{props:d});return d.disabled||d.readOnly||!M(e,n)?null:r},$=function(e,n){var t=d.itemTemplate?d.itemTemplate(e):e,r=u.mergeProps({className:S("label")},E("label")),o=p.createElement("span",r,t),i=Y(e,n),l=u.mergeProps({key:n,className:S("token"),"data-p-highlight":!0},E("token"));return p.createElement("li",l,o,i)},q=u.ObjectUtils.isNotEmpty(d.tooltip),G=j.getOtherProps(d),Q=u.ObjectUtils.reduceKeys(G,u.DomHandler.ARIA_PROPS),W=(L=d.value?d.value.map($):null,z=u.mergeProps({className:S("inputToken")},E("inputToken")),J=u.mergeProps(D({id:d.inputId,ref:R,placeholder:d.placeholder,type:"text",name:d.name,disabled:d.disabled||K(),onKeyDown:function(e){return C(e)},onPaste:function(e){return B(e)},onFocus:function(e){return n=e,g(!0),void(d.onFocus&&d.onFocus(n));var n},onBlur:function(e){return U(e)},readOnly:d.readOnly},Q),E("input")),V=p.createElement("li",z,p.createElement("input",J)),X=u.mergeProps({ref:N,className:S("container",{focusedState:b}),onClick:function(e){u.DomHandler.focus(R.current)},"data-p-disabled":d.disabled,"data-p-focus":b},E("container")),p.createElement("ul",X,L,V)),Z=u.mergeProps({id:d.id,ref:I,className:u.classNames(d.className,S("root",{isFilled:_,focusedState:b})),style:d.style},E("root"));return p.createElement(p.Fragment,null,p.createElement("div",Z,W),q&&p.createElement(a.Tooltip,s({target:R,content:d.tooltip},d.tooltipOptions,{pt:E("tooltip")})))})));return E.displayName="Chips",e.Chips=E,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,o,i,l,a,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 p=c(n);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 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 m(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 d(e){var n=m(e,"string");return"symbol"===f(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 v(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(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 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 v(e)||h(e)||b(e)||g()}function w(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,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.")}var j=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:"p-chips-token p-highlight",inputToken:"p-chips-input-token",container:function(e){return u.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return u.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})}},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 x(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?x(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)):x(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var E=p.memo(p.forwardRef((function(e,n){var c,f,m=p.useContext(t.PrimeReactContext),d=j.getProps(e,m),y=p.useState(!1),v=(f=2,w(c=y)||P(c,f)||b(c,f)||k()),h=v[0],g=v[1],x=j.setMetaData({props:d,state:{focused:h}}),E=x.ptm,S=x.cx;r.useHandleStyle(j.css.styles,x.isUnstyled,{name:"chips"});var I=p.useRef(null),N=p.useRef(null),R=p.useRef(d.inputRef),T=function(e,n){if(!d.disabled||!d.readOnly){var t=O(d.value),r=t.splice(n,1);M(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}}))}},A=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)}F(e,r,t)}},C=function(e){var n=e.target.value,t=d.value||[];if(d.onKeyDown&&d.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===R.current.value.length&&t.length>0&&T(e,t.length-1);break;case"Enter":n&&n.trim().length&&(!d.max||d.max>t.length)&&A(e,n,!0);break;default:d.keyfilter&&l.KeyFilter.onKeyPress(e,d.keyfilter),K()?e.preventDefault():","===d.separator&&(e.key===d.separator||u.DomHandler.isAndroid()&&229===e.which)&&A(e,n,!0)}},F=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}}),R.current.value="",t&&e.preventDefault()},B=function(e){if(d.separator){var n=(e.clipboardData||window.clipboardData).getData("Text");if(d.keyfilter&&l.KeyFilter.onPaste(e,d.keyfilter),n){var t=d.value||[],r=n.split(d.separator);r=r.filter((function(e){return(d.allowDuplicate||-1===t.indexOf(e))&&e.trim().length})),t=[].concat(O(t),O(r)),F(e,t,!0)}}},U=function(e){if(d.addOnBlur){var n=e.target.value,t=d.value||[];n&&n.trim().length&&(!d.max||d.max>t.length)&&A(e,n,!0)}g(!1),d.onBlur&&d.onBlur(e)},K=function(){return d.max&&d.value&&d.max===d.value.length},H=R.current&&R.current.value,_=p.useMemo((function(){return u.ObjectUtils.isNotEmpty(d.value)||u.ObjectUtils.isNotEmpty(H)}),[d.value,H]),M=function(e,n){return u.ObjectUtils.getPropValue(d.removable,{value:e,index:n,props:d})};p.useImperativeHandle(n,(function(){return{props:d,focus:function(){return u.DomHandler.focus(R.current)},getElement:function(){return I.current},getInput:function(){return R.current}}})),p.useEffect((function(){u.ObjectUtils.combinedRefs(R,d.inputRef)}),[R,d.inputRef]),o.useMountEffect((function(){d.autoFocus&&u.DomHandler.focus(R.current,d.autoFocus)}));var z,J,L,V,X,Y=function(e,n){var t=u.mergeProps({className:S("removeTokenIcon"),onClick:function(e){return T(e,n)},"aria-hidden":"true"},E("removeTokenIcon")),r=u.IconUtils.getJSXIcon(d.removeIcon||p.createElement(i.TimesCircleIcon,t),D({},t),{props:d});return d.disabled||d.readOnly||!M(e,n)?null:r},$=function(e,n){var t=d.itemTemplate?d.itemTemplate(e):e,r=u.mergeProps({className:S("label")},E("label")),o=p.createElement("span",r,t),i=Y(e,n),l=u.mergeProps({key:n,className:S("token"),"data-p-highlight":!0},E("token"));return p.createElement("li",l,o,i)},q=u.ObjectUtils.isNotEmpty(d.tooltip),G=j.getOtherProps(d),Q=u.ObjectUtils.reduceKeys(G,u.DomHandler.ARIA_PROPS),W=(L=d.value?d.value.map($):null,z=u.mergeProps({className:S("inputToken")},E("inputToken")),J=u.mergeProps(D({id:d.inputId,ref:R,placeholder:d.placeholder,type:"text",name:d.name,disabled:d.disabled||K(),onKeyDown:function(e){return C(e)},onPaste:function(e){return B(e)},onFocus:function(e){return n=e,g(!0),void(d.onFocus&&d.onFocus(n));var n},onBlur:function(e){return U(e)},readOnly:d.readOnly},Q),E("input")),V=p.createElement("li",z,p.createElement("input",J)),X=u.mergeProps({ref:N,className:S("container",{focusedState:h}),onClick:function(e){u.DomHandler.focus(R.current)},"data-p-disabled":d.disabled,"data-p-focus":h},E("container")),p.createElement("ul",X,L,V)),Z=u.mergeProps({id:d.id,ref:I,className:u.classNames(d.className,S("root",{isFilled:_,focusedState:h})),style:d.style},E("root"));return p.createElement(p.Fragment,null,p.createElement("div",Z,W),q&&p.createElement(a.Tooltip,s({target:R,content:d.tooltip},d.tooltipOptions,{pt:E("tooltip")})))})));return E.displayName="Chips",e.Chips=E,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.d.ts

@@ -149,7 +149,7 @@ export interface ColorPickerProps extends Omit<React.DetailedHTMLProps<React.Inp
      * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and "self". The "self" value is used to render a component where it is located.
      * @defaultValue document.body
      */
-    appendTo?: 'self' | HTMLElement | undefined | null;
+    appendTo?: 'self' | HTMLElement | undefined | null | (() => HTMLElement);
     /**
      * When present, it specifies that the component should automatically get focus on load.
      * @defaultValue false

package/componentbase/componentbase.cjs.js

@@ -11,6 +11,37 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableSpread() {
+  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 _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+
 function _typeof(o) {
   "@babel/helpers - typeof";
 
@@ -97,7 +128,7 @@ var buttonStyles = "\n.p-button {\n    margin: 0;\n    display: inline-flex;\n
 var checkboxStyles = "\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";
 var inputTextStyles = "\n.p-inputtext {\n    margin: 0;\n}\n\n.p-fluid .p-inputtext {\n    width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup-addon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n    display: block;\n    position: relative;\n}\n\n.p-float-label label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    margin-top: -0.5rem;\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n}\n\n.p-float-label textarea ~ label,\n.p-float-label .p-mention ~ label {\n    top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label,\n.p-float-label .p-tooltip-target-wrapper ~ label {\n    top: -0.75rem;\n    font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n    opacity: 0;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n    opacity: 1;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n    position: relative;\n    display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-right > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > svg,\n.p-input-icon-left > .p-input-prefix,\n.p-input-icon-right > .p-input-suffix {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n    display: block;\n    width: 100%;\n}\n";
 var radioButtonStyles = "\n.p-radiobutton {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n}\n\n.p-radiobutton-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.p-radiobutton-icon {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    transform: translateZ(0) scale(.1);\n    border-radius: 50%;\n    visibility: hidden;\n}\n\n.p-radiobutton-box.p-highlight .p-radiobutton-icon {\n    transform: translateZ(0) scale(1.0, 1.0);\n    visibility: visible;\n}\n\n";
-var iconStyles = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\nsvg.p-icon {\n    pointer-events: auto;\n}\n\nsvg.p-icon g {\n    pointer-events: none;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
+var iconStyles = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\nsvg.p-icon {\n    pointer-events: auto;\n}\n\nsvg.p-icon g,\n.p-disabled svg.p-icon {\n    pointer-events: none;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
 var commonStyle = "\n@layer primereact {\n    .p-component, .p-component * {\n        box-sizing: border-box;\n    }\n\n    .p-hidden {\n        display: none;\n    }\n\n    .p-hidden-space {\n        visibility: hidden;\n    }\n\n    .p-reset {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        text-decoration: none;\n        font-size: 100%;\n        list-style: none;\n    }\n\n    .p-disabled, .p-disabled * {\n        cursor: default;\n        pointer-events: none;\n        user-select: none;\n    }\n\n    .p-component-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .p-unselectable-text {\n        user-select: none;\n    }\n\n    .p-scrollbar-measure {\n        width: 100px;\n        height: 100px;\n        overflow: scroll;\n        position: absolute;\n        top: -9999px;\n    }\n\n    @-webkit-keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n    @keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n\n    .p-link {\n        text-align: left;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        border: none;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-link:disabled {\n        cursor: default;\n    }\n\n    /* Non react overlay animations */\n    .p-connected-overlay {\n        opacity: 0;\n        transform: scaleY(0.8);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-visible {\n        opacity: 1;\n        transform: scaleY(1);\n    }\n\n    .p-connected-overlay-hidden {\n        opacity: 0;\n        transform: scaleY(1);\n        transition: opacity .1s linear;\n    }\n\n    /* React based overlay animations */\n    .p-connected-overlay-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n\n    .p-connected-overlay-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-enter-done {\n        transform: none;\n    }\n\n    .p-connected-overlay-exit {\n        opacity: 1;\n    }\n\n    .p-connected-overlay-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n\n    /* Toggleable Content */\n    .p-toggleable-content-enter {\n        max-height: 0;\n    }\n\n    .p-toggleable-content-enter-active {\n        overflow: hidden;\n        max-height: 1000px;\n        transition: max-height 1s ease-in-out;\n    }\n\n    .p-toggleable-content-enter-done {\n        transform: none;\n    }\n\n    .p-toggleable-content-exit {\n        max-height: 1000px;\n    }\n\n    .p-toggleable-content-exit-active {\n        overflow: hidden;\n        max-height: 0;\n        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n    }\n\n    .p-sr-only {\n        border: 0;\n        clip: rect(1px, 1px, 1px, 1px);\n        clip-path: inset(50%);\n        height: 1px;\n        margin: -1px;\n        overflow: hidden;\n        padding: 0;\n        position: absolute;\n        width: 1px;\n        word-wrap: normal;\n    }\n\n    /* @todo Refactor */\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    ".concat(buttonStyles, "\n    ").concat(checkboxStyles, "\n    ").concat(inputTextStyles, "\n    ").concat(radioButtonStyles, "\n    ").concat(iconStyles, "\n}\n");
 var ComponentBase = {
   cProps: undefined,
@@ -135,12 +166,13 @@ var ComponentBase = {
       if (obj.hasOwnProperty('pt') && obj.pt !== undefined) {
         obj = obj.pt;
       }
+      var originalkey = key;
+      var isNestedParam = /./g.test(originalkey) && !!params[originalkey.split('.')[0]];
+      var fkey = isNestedParam ? utils.ObjectUtils.toFlatCase(originalkey.split('.')[1]) : utils.ObjectUtils.toFlatCase(originalkey);
       var hostName = params.hostName && utils.ObjectUtils.toFlatCase(params.hostName);
       var componentName = hostName || params.props && params.props.__TYPE && utils.ObjectUtils.toFlatCase(params.props.__TYPE) || '';
-      var isNestedParam = /./g.test(key) && !!params[key.split('.')[0]];
-      var isTransition = key === 'transition' || /./g.test(key) && !!(key.split('.')[1] === 'transition');
+      var isTransition = fkey === 'transition';
       var datasetPrefix = 'data-pc-';
-      var fkey = isNestedParam ? utils.ObjectUtils.toFlatCase(key.split('.')[1]) : utils.ObjectUtils.toFlatCase(key);
       var getHostInstance = function getHostInstance(params) {
         return params !== null && params !== void 0 && params.props ? params.hostName ? params.props.__TYPE === params.hostName ? params.props : getHostInstance(params.parent) : params.parent : undefined;
       };
@@ -157,12 +189,21 @@ var ComponentBase = {
         useMergeProps = _ref$mergeProps === void 0 ? false : _ref$mergeProps;
       var getPTClassValue = function getPTClassValue() {
         var value = getOptionValue.apply(void 0, arguments);
-        return utils.ObjectUtils.isString(value) ? {
+        if (Array.isArray(value)) return {
+          className: utils.classNames.apply(void 0, _toConsumableArray(value))
+        };
+        if (utils.ObjectUtils.isString(value)) return {
           className: value
-        } : value;
+        };
+        if (value !== null && value !== void 0 && value.hasOwnProperty('className') && Array.isArray(value.className)) {
+          return {
+            className: utils.classNames.apply(void 0, _toConsumableArray(value.className))
+          };
+        }
+        return value;
       };
-      var globalPT = searchInDefaultPT ? isNestedParam ? _useGlobalPT(getPTClassValue, key, params) : _useDefaultPT(getPTClassValue, key, params) : undefined;
-      var self = isNestedParam ? undefined : _usePT(_getPT(obj, componentName), getPTClassValue, key, params);
+      var globalPT = searchInDefaultPT ? isNestedParam ? _useGlobalPT(getPTClassValue, originalkey, params) : _useDefaultPT(getPTClassValue, originalkey, params) : undefined;
+      var self = isNestedParam ? undefined : _usePT(_getPT(obj, componentName), getPTClassValue, originalkey, params);
       var datasetProps = !isTransition && _objectSpread(_objectSpread({}, fkey === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), params.props && params.props.__parentMetadata ? utils.ObjectUtils.toFlatCase(params.props.__TYPE) : componentName)), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), fkey));
       return mergeSections || !mergeSections && self ? useMergeProps ? mergeProps(globalPT, self, Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread(_objectSpread(_objectSpread({}, globalPT), self), Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread(_objectSpread({}, self), Object.keys(datasetProps).length ? datasetProps : {});
     };