primereact 10.8.5 → 10.9.0

package/chip/chip.js

@@ -32,43 +32,54 @@ this.primereact.chip = (function (exports, React, api, componentbase, hooks, tim
     }, _typeof(o);
   }
 
-  function toPrimitive(t, r) {
-    if ("object" != _typeof(t) || !t) return t;
-    var e = t[Symbol.toPrimitive];
-    if (void 0 !== e) {
-      var i = e.call(t, r || "default");
-      if ("object" != _typeof(i)) return i;
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return ("string" === r ? String : Number)(t);
+    return (hint === "string" ? String : Number)(input);
   }
 
-  function toPropertyKey(t) {
-    var i = toPrimitive(t, "string");
-    return "symbol" == _typeof(i) ? i : i + "";
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
   }
 
-  function _defineProperty(e, r, t) {
-    return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-      value: t,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
-    }) : e[r] = t, e;
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
   }
 
   function _extends() {
-    return _extends = Object.assign ? Object.assign.bind() : function (n) {
-      for (var e = 1; e < arguments.length; e++) {
-        var t = arguments[e];
-        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
       }
-      return n;
-    }, _extends.apply(null, arguments);
+      return target;
+    };
+    return _extends.apply(this, arguments);
   }
 
-  function _arrayWithHoles(r) {
-    if (Array.isArray(r)) return r;
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
   }
 
   function _iterableToArrayLimit(r, l) {
@@ -99,26 +110,27 @@ this.primereact.chip = (function (exports, React, api, componentbase, hooks, tim
     }
   }
 
-  function _arrayLikeToArray(r, a) {
-    (null == a || a > r.length) && (a = r.length);
-    for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-    return n;
+  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 _unsupportedIterableToArray(r, a) {
-    if (r) {
-      if ("string" == typeof r) return _arrayLikeToArray(r, a);
-      var t = {}.toString.call(r).slice(8, -1);
-      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-    }
+  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 _nonIterableRest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
-  function _slicedToArray(r, e) {
-    return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
   var classes = {
@@ -208,7 +220,9 @@ this.primereact.chip = (function (exports, React, api, componentbase, hooks, tim
         }, ptm('image'));
         content.push(/*#__PURE__*/React__namespace.createElement("img", _extends({
           alt: props.imageAlt
-        }, imageProps)));
+        }, imageProps, {
+          key: utils.UniqueComponentId('image')
+        })));
       } else if (props.icon) {
         var chipIconProps = mergeProps({
           className: cx('icon')
@@ -222,7 +236,7 @@ this.primereact.chip = (function (exports, React, api, componentbase, hooks, tim
           className: cx('label')
         }, ptm('label'));
         content.push(/*#__PURE__*/React__namespace.createElement("span", _extends({}, labelProps, {
-          key: "label"
+          key: utils.UniqueComponentId('label')
         }), props.label));
       }
       if (props.removable) {
@@ -240,7 +254,9 @@ this.primereact.chip = (function (exports, React, api, componentbase, hooks, tim
         className: utils.classNames(props.className, cx('root')),
         'aria-label': props.label
       }, ChipBase.getOtherProps(props), ptm('root'));
-      return /*#__PURE__*/React__namespace.createElement("div", rootProps, content);
+      return /*#__PURE__*/React__namespace.createElement("div", _extends({}, rootProps, {
+        key: utils.UniqueComponentId('chip')
+      }), content);
     };
     React__namespace.useImperativeHandle(ref, function () {
       return {

package/chip/chip.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.chip=function(e,t,r,n,o,i,l){"use strict";function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=c(t);function u(e){return u="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},u(e)}function s(e,t){if("object"!=u(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=s(e,"string");return"symbol"==u(t)?t:t+""}function m(e,t,r){return(t=p(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},f.apply(null,arguments)}function b(e){if(Array.isArray(e))return e}function y(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,l,c=[],a=!0,u=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return c}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function h(e,t){if(e){if("string"==typeof e)return v(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?v(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 d=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 l.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 O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=a.memo(a.forwardRef((function(e,t){var c,u,s=o.useMergeProps(),p=a.useContext(r.PrimeReactContext),m=d.getProps(e,p),v=a.useRef(null),O=a.useState(!0),P=(u=2,b(c=O)||y(c,u)||h(c,u)||g()),I=P[0],S=P[1],E=d.setMetaData({props:m}),w=E.ptm,N=E.cx;n.useHandleStyle(d.css.styles,E.isUnstyled,{name:"chip"});var C,x,A=function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Backspace"!==e.code||k(e)},k=function(e){S(!1),m.onRemove&&m.onRemove({originalEvent:e,value:m.label||m.image||m.icon})},D=function(){var e=[],t=s({role:"button",tabIndex:0,className:N("removeIcon"),onClick:k,onKeyDown:A},w("removeIcon")),r=m.removeIcon||a.createElement(i.TimesCircleIcon,f({},t,{key:l.UniqueComponentId("removeIcon")}));if(m.image){var n=s({src:m.image,onError:m.onImageError},w("image"));e.push(a.createElement("img",f({alt:m.imageAlt},n)))}else if(m.icon){var o=s({className:N("icon")},w("icon"));e.push(l.IconUtils.getJSXIcon(m.icon,j({},o),{props:m}))}if(m.label){var c=s({className:N("label")},w("label"));e.push(a.createElement("span",f({},c,{key:"label"}),m.label))}return m.removable&&e.push(l.IconUtils.getJSXIcon(r,j({},t),{props:m})),e};return a.useImperativeHandle(t,(function(){return{props:m,getElement:function(){return v.current}}})),I&&(C=m.template?l.ObjectUtils.getJSXElement(m.template,m):D(),x=s({ref:v,style:m.style,className:l.classNames(m.className,N("root")),"aria-label":m.label},d.getOtherProps(m),w("root")),a.createElement("div",x,C))})));return P.displayName="Chip",e.Chip=P,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.timescircle,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.chip=function(e,t,r,n,o,i,l){"use strict";function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=c(t);function u(e){return u="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},u(e)}function p(e,t){if("object"!==u(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function s(e){var t=p(e,"string");return"symbol"===u(t)?t:String(t)}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},m.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,l,c=[],a=!0,u=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return c}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function v(e,t){if(e){if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(e,t):void 0}}function h(){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 l.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 d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=s(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=a.memo(a.forwardRef((function(e,t){var c,u,p=o.useMergeProps(),s=a.useContext(r.PrimeReactContext),y=g.getProps(e,s),d=a.useRef(null),j=a.useState(!0),I=(u=2,f(c=j)||b(c,u)||v(c,u)||h()),P=I[0],S=I[1],E=g.setMetaData({props:y}),w=E.ptm,C=E.cx;n.useHandleStyle(g.css.styles,E.isUnstyled,{name:"chip"});var N,k,x=function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Backspace"!==e.code||U(e)},U=function(e){S(!1),y.onRemove&&y.onRemove({originalEvent:e,value:y.label||y.image||y.icon})},A=function(){var e=[],t=p({role:"button",tabIndex:0,className:C("removeIcon"),onClick:U,onKeyDown:x},w("removeIcon")),r=y.removeIcon||a.createElement(i.TimesCircleIcon,m({},t,{key:l.UniqueComponentId("removeIcon")}));if(y.image){var n=p({src:y.image,onError:y.onImageError},w("image"));e.push(a.createElement("img",m({alt:y.imageAlt},n,{key:l.UniqueComponentId("image")})))}else if(y.icon){var o=p({className:C("icon")},w("icon"));e.push(l.IconUtils.getJSXIcon(y.icon,O({},o),{props:y}))}if(y.label){var c=p({className:C("label")},w("label"));e.push(a.createElement("span",m({},c,{key:l.UniqueComponentId("label")}),y.label))}return y.removable&&e.push(l.IconUtils.getJSXIcon(r,O({},t),{props:y})),e};return a.useImperativeHandle(t,(function(){return{props:y,getElement:function(){return d.current}}})),P&&(N=y.template?l.ObjectUtils.getJSXElement(y.template,y):A(),k=p({ref:d,style:y.style,className:l.classNames(y.className,C("root")),"aria-label":y.label},g.getOtherProps(y),w("root")),a.createElement("div",m({},k,{key:l.UniqueComponentId("chip")}),N))})));return j.displayName="Chip",e.Chip=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.timescircle,primereact.utils);

package/chips/chips.cjs.js

@@ -32,16 +32,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-
 function _typeof(o) {
   "@babel/helpers - typeof";
 
@@ -52,63 +42,85 @@ function _typeof(o) {
   }, _typeof(o);
 }
 
-function toPrimitive(t, r) {
-  if ("object" != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != _typeof(i)) return i;
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return ("string" === r ? String : Number)(t);
+  return (hint === "string" ? String : Number)(input);
 }
 
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
 }
 
-function _defineProperty(e, r, t) {
-  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[r] = t, e;
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
 
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
 }
 
-function _arrayWithoutHoles(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray(r);
+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 _iterableToArray(r) {
-  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
 
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
+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(r) {
-  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
-function _arrayWithHoles(r) {
-  if (Array.isArray(r)) return r;
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
 }
 
 function _iterableToArrayLimit(r, l) {
@@ -143,8 +155,8 @@ function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _slicedToArray(r, e) {
-  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
 var 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";
@@ -502,7 +514,9 @@ var Chips = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.for
         },
         'aria-hidden': 'true'
       }, ptm('removeTokenIcon'));
-      var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, iconProps);
+      var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, _extends({}, iconProps, {
+        key: "".concat(index, "_icon")
+      }));
       var removeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
         props: props
       });
@@ -515,7 +529,9 @@ var Chips = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.for
     var labelProps = mergeProps({
       className: cx('label')
     }, ptm('label'));
-    var label = /*#__PURE__*/React__namespace.createElement("span", labelProps, content);
+    var label = /*#__PURE__*/React__namespace.createElement("span", _extends({}, labelProps, {
+      key: "".concat(index, "_").concat(value, "_span")
+    }), content);
     var icon = createRemoveIcon(value, index);
     var tokenProps = mergeProps({
       id: props.inputId + '_chips_item_' + index,
@@ -613,7 +629,9 @@ var Chips = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.for
     })),
     style: props.style
   }, ptm('root'));
-  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, list), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({}, rootProps, {
+    key: "chips"
+  }), list), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
     target: inputRef,
     content: props.tooltip,
     pt: ptm('tooltip')

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

package/chips/chips.esm.js

@@ -8,16 +8,6 @@ import { KeyFilter } from 'primereact/keyfilter';
 import { Tooltip } from 'primereact/tooltip';
 import { classNames, ObjectUtils, DomHandler, IconUtils } from 'primereact/utils';
 
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-
 function _typeof(o) {
   "@babel/helpers - typeof";
 
@@ -28,63 +18,85 @@ function _typeof(o) {
   }, _typeof(o);
 }
 
-function toPrimitive(t, r) {
-  if ("object" != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != _typeof(i)) return i;
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return ("string" === r ? String : Number)(t);
+  return (hint === "string" ? String : Number)(input);
 }
 
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
 }
 
-function _defineProperty(e, r, t) {
-  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[r] = t, e;
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
 
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
 }
 
-function _arrayWithoutHoles(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray(r);
+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 _iterableToArray(r) {
-  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
 
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
+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(r) {
-  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
-function _arrayWithHoles(r) {
-  if (Array.isArray(r)) return r;
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
 }
 
 function _iterableToArrayLimit(r, l) {
@@ -119,8 +131,8 @@ function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _slicedToArray(r, e) {
-  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
 var 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";
@@ -478,7 +490,9 @@ var Chips = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPr
         },
         'aria-hidden': 'true'
       }, ptm('removeTokenIcon'));
-      var icon = props.removeIcon || /*#__PURE__*/React.createElement(TimesCircleIcon, iconProps);
+      var icon = props.removeIcon || /*#__PURE__*/React.createElement(TimesCircleIcon, _extends({}, iconProps, {
+        key: "".concat(index, "_icon")
+      }));
       var removeIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
         props: props
       });
@@ -491,7 +505,9 @@ var Chips = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPr
     var labelProps = mergeProps({
       className: cx('label')
     }, ptm('label'));
-    var label = /*#__PURE__*/React.createElement("span", labelProps, content);
+    var label = /*#__PURE__*/React.createElement("span", _extends({}, labelProps, {
+      key: "".concat(index, "_").concat(value, "_span")
+    }), content);
     var icon = createRemoveIcon(value, index);
     var tokenProps = mergeProps({
       id: props.inputId + '_chips_item_' + index,
@@ -589,7 +605,9 @@ var Chips = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPr
     })),
     style: props.style
   }, ptm('root'));
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, list), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({}, rootProps, {
+    key: "chips"
+  }), list), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: inputRef,
     content: props.tooltip,
     pt: ptm('tooltip')