primereact 10.8.2 → 10.8.3

package/chip/chip.esm.js

@@ -4,7 +4,7 @@ import { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { useMergeProps } from 'primereact/hooks';
 import { TimesCircleIcon } from 'primereact/icons/timescircle';
-import { classNames, ObjectUtils, IconUtils } from 'primereact/utils';
+import { classNames, ObjectUtils, UniqueComponentId, IconUtils } from 'primereact/utils';
 
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -188,17 +188,17 @@ var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
   var createContent = function createContent() {
     var content = [];
     var removeIconProps = mergeProps({
-      key: 'removeIcon',
       role: 'button',
       tabIndex: 0,
       className: cx('removeIcon'),
       onClick: close,
       onKeyDown: onKeyDown
     }, ptm('removeIcon'));
-    var icon = props.removeIcon || /*#__PURE__*/React.createElement(TimesCircleIcon, removeIconProps);
+    var icon = props.removeIcon || /*#__PURE__*/React.createElement(TimesCircleIcon, _extends({}, removeIconProps, {
+      key: UniqueComponentId('removeIcon')
+    }));
     if (props.image) {
       var imageProps = mergeProps({
-        key: 'image',
         src: props.image,
         onError: props.onImageError
       }, ptm('image'));
@@ -207,7 +207,6 @@ var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
       }, imageProps)));
     } else if (props.icon) {
       var chipIconProps = mergeProps({
-        key: 'icon',
         className: cx('icon')
       }, ptm('icon'));
       content.push(IconUtils.getJSXIcon(props.icon, _objectSpread({}, chipIconProps), {
@@ -216,10 +215,11 @@ var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
     }
     if (props.label) {
       var labelProps = mergeProps({
-        key: 'label',
         className: cx('label')
       }, ptm('label'));
-      content.push( /*#__PURE__*/React.createElement("span", labelProps, props.label));
+      content.push( /*#__PURE__*/React.createElement("span", _extends({}, labelProps, {
+        key: "label"
+      }), props.label));
     }
     if (props.removable) {
       content.push(IconUtils.getJSXIcon(icon, _objectSpread({}, removeIconProps), {

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{useMergeProps as o}from"primereact/hooks";import{TimesCircleIcon as i}from"primereact/icons/timescircle";import{classNames as l,ObjectUtils 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 m(e){var r=u(e,"string");return"symbol"===p(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 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 l("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=m(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,m,b=o(),d=e.useContext(r),j=h.getProps(t,d),S=e.useRef(null),E=e.useState(!0),w=(m=2,f(u=E)||y(u,m)||v(u,m)||g()),P=w[0],I=w[1],x=h.setMetaData({props:j}),N=x.ptm,k=x.cx;n(h.css.styles,x.isUnstyled,{name:"chip"});var A,D,C=function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Backspace"!==e.code||R(e)},R=function(e){I(!1),j.onRemove&&j.onRemove({originalEvent:e,value:j.label||j.image||j.icon})},J=function(){var r=[],t=b({key:"removeIcon",role:"button",tabIndex:0,className:k("removeIcon"),onClick:R,onKeyDown:C},N("removeIcon")),n=j.removeIcon||e.createElement(i,t);if(j.image){var o=b({key:"image",src:j.image,onError:j.onImageError},N("image"));r.push(e.createElement("img",s({alt:j.imageAlt},o)))}else if(j.icon){var l=b({key:"icon",className:k("icon")},N("icon"));r.push(c.getJSXIcon(j.icon,O({},l),{props:j}))}if(j.label){var a=b({key:"label",className:k("label")},N("label"));r.push(e.createElement("span",a,j.label))}return j.removable&&r.push(c.getJSXIcon(n,O({},t),{props:j})),r};return e.useImperativeHandle(p,(function(){return{props:j,getElement:function(){return S.current}}})),P&&(A=j.template?a.getJSXElement(j.template,j):J(),D=b({ref:S,style:j.style,className:l(j.className,k("root")),"aria-label":j.label},h.getOtherProps(j),N("root")),e.createElement("div",D,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{useMergeProps as o}from"primereact/hooks";import{TimesCircleIcon as i}from"primereact/icons/timescircle";import{classNames as l,ObjectUtils as a,UniqueComponentId as c,IconUtils as p}from"primereact/utils";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 m(e,r){if("object"!==u(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function s(e){var r=m(e,"string");return"symbol"===u(r)?r:String(r)}function f(){return f=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},f.apply(this,arguments)}function b(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 v(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 g(e,r){if(e){if("string"==typeof e)return v(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)?v(e,r):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 d=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 l("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,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 j(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?O(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)):O(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var S=e.memo(e.forwardRef((function(t,u){var m,s,v=o(),O=e.useContext(r),S=d.getProps(t,O),E=e.useRef(null),w=e.useState(!0),P=(s=2,b(m=w)||y(m,s)||g(m,s)||h()),I=P[0],x=P[1],N=d.setMetaData({props:S}),A=N.ptm,k=N.cx;n(d.css.styles,N.isUnstyled,{name:"chip"});var D,C,R=function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Backspace"!==e.code||J(e)},J=function(e){x(!1),S.onRemove&&S.onRemove({originalEvent:e,value:S.label||S.image||S.icon})},T=function(){var r=[],t=v({role:"button",tabIndex:0,className:k("removeIcon"),onClick:J,onKeyDown:R},A("removeIcon")),n=S.removeIcon||e.createElement(i,f({},t,{key:c("removeIcon")}));if(S.image){var o=v({src:S.image,onError:S.onImageError},A("image"));r.push(e.createElement("img",f({alt:S.imageAlt},o)))}else if(S.icon){var l=v({className:k("icon")},A("icon"));r.push(p.getJSXIcon(S.icon,j({},l),{props:S}))}if(S.label){var a=v({className:k("label")},A("label"));r.push(e.createElement("span",f({},a,{key:"label"}),S.label))}return S.removable&&r.push(p.getJSXIcon(n,j({},t),{props:S})),r};return e.useImperativeHandle(u,(function(){return{props:S,getElement:function(){return E.current}}})),I&&(D=S.template?a.getJSXElement(S.template,S):T(),C=v({ref:E,style:S.style,className:l(S.className,k("root")),"aria-label":S.label},d.getOtherProps(S),A("root")),e.createElement("div",C,D))})));S.displayName="Chip";export{S as Chip};

package/chip/chip.js

@@ -204,17 +204,17 @@ this.primereact.chip = (function (exports, React, api, componentbase, hooks, tim
     var createContent = function createContent() {
       var content = [];
       var removeIconProps = mergeProps({
-        key: 'removeIcon',
         role: 'button',
         tabIndex: 0,
         className: cx('removeIcon'),
         onClick: close,
         onKeyDown: onKeyDown
       }, ptm('removeIcon'));
-      var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, removeIconProps);
+      var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, _extends({}, removeIconProps, {
+        key: utils.UniqueComponentId('removeIcon')
+      }));
       if (props.image) {
         var imageProps = mergeProps({
-          key: 'image',
           src: props.image,
           onError: props.onImageError
         }, ptm('image'));
@@ -223,7 +223,6 @@ this.primereact.chip = (function (exports, React, api, componentbase, hooks, tim
         }, imageProps)));
       } else if (props.icon) {
         var chipIconProps = mergeProps({
-          key: 'icon',
           className: cx('icon')
         }, ptm('icon'));
         content.push(utils.IconUtils.getJSXIcon(props.icon, _objectSpread({}, chipIconProps), {
@@ -232,10 +231,11 @@ this.primereact.chip = (function (exports, React, api, componentbase, hooks, tim
       }
       if (props.label) {
         var labelProps = mergeProps({
-          key: 'label',
           className: cx('label')
         }, ptm('label'));
-        content.push( /*#__PURE__*/React__namespace.createElement("span", labelProps, props.label));
+        content.push( /*#__PURE__*/React__namespace.createElement("span", _extends({}, labelProps, {
+          key: "label"
+        }), props.label));
       }
       if (props.removable) {
         content.push(utils.IconUtils.getJSXIcon(icon, _objectSpread({}, removeIconProps), {

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)||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 p(e){var t=s(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=p(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,s=o.useMergeProps(),p=a.useContext(r.PrimeReactContext),y=g.getProps(e,p),d=a.useRef(null),j=a.useState(!0),P=(u=2,f(c=j)||b(c,u)||v(c,u)||h()),S=P[0],E=P[1],I=g.setMetaData({props:y}),w=I.ptm,N=I.cx;n.useHandleStyle(g.css.styles,I.isUnstyled,{name:"chip"});var k,x,C=function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Backspace"!==e.code||A(e)},A=function(e){E(!1),y.onRemove&&y.onRemove({originalEvent:e,value:y.label||y.image||y.icon})},D=function(){var e=[],t=s({key:"removeIcon",role:"button",tabIndex:0,className:N("removeIcon"),onClick:A,onKeyDown:C},w("removeIcon")),r=y.removeIcon||a.createElement(i.TimesCircleIcon,t);if(y.image){var n=s({key:"image",src:y.image,onError:y.onImageError},w("image"));e.push(a.createElement("img",m({alt:y.imageAlt},n)))}else if(y.icon){var o=s({key:"icon",className:N("icon")},w("icon"));e.push(l.IconUtils.getJSXIcon(y.icon,O({},o),{props:y}))}if(y.label){var c=s({key:"label",className:N("label")},w("label"));e.push(a.createElement("span",c,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}}})),S&&(k=y.template?l.ObjectUtils.getJSXElement(y.template,y):D(),x=s({ref:d,style:y.style,className:l.classNames(y.className,N("root")),"aria-label":y.label},g.getOtherProps(y),w("root")),a.createElement("div",x,k))})));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);
+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)||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 p(e){var t=s(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=p(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,s=o.useMergeProps(),p=a.useContext(r.PrimeReactContext),y=g.getProps(e,p),d=a.useRef(null),j=a.useState(!0),P=(u=2,f(c=j)||b(c,u)||v(c,u)||h()),S=P[0],I=P[1],E=g.setMetaData({props:y}),w=E.ptm,N=E.cx;n.useHandleStyle(g.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){I(!1),y.onRemove&&y.onRemove({originalEvent:e,value:y.label||y.image||y.icon})},D=function(){var e=[],t=s({role:"button",tabIndex:0,className:N("removeIcon"),onClick:k,onKeyDown:A},w("removeIcon")),r=y.removeIcon||a.createElement(i.TimesCircleIcon,m({},t,{key:l.UniqueComponentId("removeIcon")}));if(y.image){var n=s({src:y.image,onError:y.onImageError},w("image"));e.push(a.createElement("img",m({alt:y.imageAlt},n)))}else if(y.icon){var o=s({className:N("icon")},w("icon"));e.push(l.IconUtils.getJSXIcon(y.icon,O({},o),{props:y}))}if(y.label){var c=s({className:N("label")},w("label"));e.push(a.createElement("span",m({},c,{key:"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}}})),S&&(C=y.template?l.ObjectUtils.getJSXElement(y.template,y):D(),x=s({ref:d,style:y.style,className:l.classNames(y.className,N("root")),"aria-label":y.label},g.getOtherProps(y),w("root")),a.createElement("div",x,C))})));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

@@ -530,7 +530,6 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     var label = /*#__PURE__*/React__namespace.createElement("span", labelProps, content);
     var icon = createRemoveIcon(value, index);
     var tokenProps = mergeProps({
-      key: "".concat(index, "_").concat(value),
       id: props.inputId + '_chips_item_' + index,
       role: 'option',
       'aria-label': value,
@@ -544,7 +543,9 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       'data-p-highlight': true,
       'data-p-focused': focusedIndex === index
     }, ptm('token'));
-    return /*#__PURE__*/React__namespace.createElement("li", tokenProps, label, icon);
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, tokenProps, {
+      key: "".concat(index, "_").concat(value)
+    }), label, icon);
   };
   var createInput = function createInput() {
     var inputTokenProps = mergeProps({

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)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},s.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,n){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function d(e){var n=f(e,"string");return"symbol"===p(n)?n:String(n)}function m(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function v(e){if(Array.isArray(e))return m(e)}function 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 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 k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,n){return O(e)||w(e,n)||b(e,n)||k()}var j=t.ComponentBase.extend({defaultProps:{__TYPE:"Chips",addOnBlur:null,allowDuplicate:!0,ariaLabelledBy:null,autoFocus:!1,className:null,disabled:null,id:null,inputId:null,inputRef:null,invalid:!1,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=d(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 p=r.useMergeProps(),f=c.useContext(n.PrimeReactContext),d=j.getProps(e,f),m=x(c.useState(!1),2),v=m[0],y=m[1],b=x(c.useState(null),2),h=b[0],O=b[1],w=j.setMetaData({props:d,state:{focused:v}}),k=w.ptm,P=w.cx;t.useHandleStyle(j.css.styles,w.isUnstyled,{name:"chips"});var E=c.useRef(null),S=c.useRef(null),I=c.useRef(d.inputRef),A=function(e,n){if(!d.disabled||!d.readOnly){var t=g(d.value),r=t.splice(n,1)[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?g(d.value):[];if(d.allowDuplicate||-1===r.indexOf(n)){var i=!0;d.onAdd&&(i=d.onAdd({originalEvent:e,value:n})),!1!==i&&r.push(n)}B(e,r,t)}},R=function(e){switch(e.code){case"ArrowLeft":C();break;case"ArrowRight":T();break;case"Backspace":_(e)}},C=function(){var e=h;0===I.current.value.length&&d.value&&d.value.length>0&&(e=null===e?d.value.length-1:e-1)<0&&(e=0),O(e)},T=function(){var e=h;0===I.current.value.length&&d.value&&d.value.length>0&&(e===d.value.length-1?(e=null,I.current.focus()):e++),O(e)},_=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(g(r),g(i)),B(e,r,!0)}}},q=function(){y(!0)},H=function(){O(-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 E.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:P("removeTokenIcon"),onClick:function(e){return A(e,n)},"aria-hidden":"true"},k("removeTokenIcon"));return o.IconUtils.getJSXIcon(d.removeIcon||c.createElement(i.TimesCircleIcon,t),D({},t),{props:d})}return null},Z=function(e,n){var t=d.itemTemplate?d.itemTemplate(e):e,r=p({className:P("label")},k("label")),i=c.createElement("span",r,t),l=Q(e,n),a=p({key:"".concat(n,"_").concat(e),id:d.inputId+"_chips_item_"+n,role:"option","aria-label":e,className:P("token",{focusedIndex:h,index:n}),"aria-selected":!0,"aria-setsize":d.value.length,"aria-posinset":n+1,"data-p-highlight":!0,"data-p-focused":h===n},k("token"));return c.createElement("li",a,i,l)},ee=o.ObjectUtils.isNotEmpty(d.tooltip),ne=j.getOtherProps(d),te=o.ObjectUtils.reduceKeys(ne,o.DomHandler.ARIA_PROPS),re=(Y=d.value?d.value.map(Z):null,W=p({className:P("inputToken")},k("inputToken")),X=p(D({id:d.inputId,ref:I,placeholder:d.placeholder,type:"text",enterKeyHint:"enter",name:d.name,disabled:d.disabled||L(),onKeyDown:function(e){return 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(d.onFocus&&d.onFocus(n));var n},onBlur:function(e){return M(e)},readOnly:d.readOnly},te),k("input")),$=c.createElement("li",W,c.createElement("input",X)),G=p({ref:S,className:P("container",{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},k("container")),c.createElement("ul",G,Y,$)),ie=p({id:d.id,ref:E,className:o.classNames(d.className,P("root",{isFilled:J,focusedState:v,disabled:d.disabled,invalid:d.invalid})),style:d.style},k("root"));return c.createElement(c.Fragment,null,c.createElement("div",ie,re),ee&&c.createElement(a.Tooltip,s({target:I,content:d.tooltip,pt:k("tooltip")},d.tooltipOptions)))})));E.displayName="Chips",exports.Chips=E;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),i=require("primereact/icons/timescircle"),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)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},s.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,n){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function d(e){var n=f(e,"string");return"symbol"===p(n)?n:String(n)}function m(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function v(e){if(Array.isArray(e))return m(e)}function 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 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 k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,n){return O(e)||w(e,n)||b(e,n)||k()}var j=t.ComponentBase.extend({defaultProps:{__TYPE:"Chips",addOnBlur:null,allowDuplicate:!0,ariaLabelledBy:null,autoFocus:!1,className:null,disabled:null,id:null,inputId:null,inputRef:null,invalid:!1,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=d(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 p=r.useMergeProps(),f=c.useContext(n.PrimeReactContext),d=j.getProps(e,f),m=x(c.useState(!1),2),v=m[0],y=m[1],b=x(c.useState(null),2),h=b[0],O=b[1],w=j.setMetaData({props:d,state:{focused:v}}),k=w.ptm,P=w.cx;t.useHandleStyle(j.css.styles,w.isUnstyled,{name:"chips"});var E=c.useRef(null),S=c.useRef(null),I=c.useRef(d.inputRef),A=function(e,n){if(!d.disabled||!d.readOnly){var t=g(d.value),r=t.splice(n,1)[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?g(d.value):[];if(d.allowDuplicate||-1===r.indexOf(n)){var i=!0;d.onAdd&&(i=d.onAdd({originalEvent:e,value:n})),!1!==i&&r.push(n)}B(e,r,t)}},R=function(e){switch(e.code){case"ArrowLeft":C();break;case"ArrowRight":T();break;case"Backspace":_(e)}},C=function(){var e=h;0===I.current.value.length&&d.value&&d.value.length>0&&(e=null===e?d.value.length-1:e-1)<0&&(e=0),O(e)},T=function(){var e=h;0===I.current.value.length&&d.value&&d.value.length>0&&(e===d.value.length-1?(e=null,I.current.focus()):e++),O(e)},_=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(g(r),g(i)),B(e,r,!0)}}},q=function(){y(!0)},H=function(){O(-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 E.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:P("removeTokenIcon"),onClick:function(e){return A(e,n)},"aria-hidden":"true"},k("removeTokenIcon"));return o.IconUtils.getJSXIcon(d.removeIcon||c.createElement(i.TimesCircleIcon,t),D({},t),{props:d})}return null},Z=function(e,n){var t=d.itemTemplate?d.itemTemplate(e):e,r=p({className:P("label")},k("label")),i=c.createElement("span",r,t),l=Q(e,n),a=p({id:d.inputId+"_chips_item_"+n,role:"option","aria-label":e,className:P("token",{focusedIndex:h,index:n}),"aria-selected":!0,"aria-setsize":d.value.length,"aria-posinset":n+1,"data-p-highlight":!0,"data-p-focused":h===n},k("token"));return c.createElement("li",s({},a,{key:"".concat(n,"_").concat(e)}),i,l)},ee=o.ObjectUtils.isNotEmpty(d.tooltip),ne=j.getOtherProps(d),te=o.ObjectUtils.reduceKeys(ne,o.DomHandler.ARIA_PROPS),re=(Y=d.value?d.value.map(Z):null,W=p({className:P("inputToken")},k("inputToken")),X=p(D({id:d.inputId,ref:I,placeholder:d.placeholder,type:"text",enterKeyHint:"enter",name:d.name,disabled:d.disabled||L(),onKeyDown:function(e){return 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(d.onFocus&&d.onFocus(n));var n},onBlur:function(e){return M(e)},readOnly:d.readOnly},te),k("input")),$=c.createElement("li",W,c.createElement("input",X)),G=p({ref:S,className:P("container",{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},k("container")),c.createElement("ul",G,Y,$)),ie=p({id:d.id,ref:E,className:o.classNames(d.className,P("root",{isFilled:J,focusedState:v,disabled:d.disabled,invalid:d.invalid})),style:d.style},k("root"));return c.createElement(c.Fragment,null,c.createElement("div",ie,re),ee&&c.createElement(a.Tooltip,s({target:I,content:d.tooltip,pt:k("tooltip")},d.tooltipOptions)))})));E.displayName="Chips",exports.Chips=E;

package/chips/chips.esm.js

@@ -506,7 +506,6 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
     var label = /*#__PURE__*/React.createElement("span", labelProps, content);
     var icon = createRemoveIcon(value, index);
     var tokenProps = mergeProps({
-      key: "".concat(index, "_").concat(value),
       id: props.inputId + '_chips_item_' + index,
       role: 'option',
       'aria-label': value,
@@ -520,7 +519,9 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
       'data-p-highlight': true,
       'data-p-focused': focusedIndex === index
     }, ptm('token'));
-    return /*#__PURE__*/React.createElement("li", tokenProps, label, icon);
+    return /*#__PURE__*/React.createElement("li", _extends({}, tokenProps, {
+      key: "".concat(index, "_").concat(value)
+    }), label, icon);
   };
   var createInput = function createInput() {
     var inputTokenProps = mergeProps({

package/chips/chips.esm.min.js

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

package/chips/chips.js

@@ -520,7 +520,6 @@ this.primereact.chips = (function (exports, React, api, componentbase, hooks, ti
       var label = /*#__PURE__*/React__namespace.createElement("span", labelProps, content);
       var icon = createRemoveIcon(value, index);
       var tokenProps = mergeProps({
-        key: "".concat(index, "_").concat(value),
         id: props.inputId + '_chips_item_' + index,
         role: 'option',
         'aria-label': value,
@@ -534,7 +533,9 @@ this.primereact.chips = (function (exports, React, api, componentbase, hooks, ti
         'data-p-highlight': true,
         'data-p-focused': focusedIndex === index
       }, ptm('token'));
-      return /*#__PURE__*/React__namespace.createElement("li", tokenProps, label, icon);
+      return /*#__PURE__*/React__namespace.createElement("li", _extends({}, tokenProps, {
+        key: "".concat(index, "_").concat(value)
+      }), label, icon);
     };
     var createInput = function createInput() {
       var inputTokenProps = mergeProps({

package/chips/chips.min.js

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

package/confirmdialog/confirmdialog.cjs.js

@@ -336,7 +336,7 @@ var ConfirmDialog = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     var rejectClassName = utils.classNames('p-confirm-dialog-reject', {
       'p-button-text': !getPropValue('rejectClassName')
     }, getPropValue('rejectClassName'));
-    var rejectButtonProps = {
+    var rejectButtonProps = mergeProps({
       label: rejectLabel,
       autoFocus: defaultFocus === 'reject',
       icon: getPropValue('rejectIcon'),
@@ -349,7 +349,7 @@ var ConfirmDialog = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
       __parentMetadata: {
         parent: metaData
       }
-    };
+    }, ptm('rejectButton'));
     var acceptButtonProps = mergeProps({
       label: acceptLabel,
       autoFocus: defaultFocus === undefined || defaultFocus === 'accept',

package/confirmdialog/confirmdialog.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/button"),n=require("primereact/componentbase"),o=require("primereact/dialog"),a=require("primereact/hooks"),c=require("primereact/overlayservice"),i=require("primereact/portal"),l=require("primereact/utils");function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=u(e);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function m(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,c,i=[],l=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=r.return&&(c=r.return(),Object(c)!==c))return}finally{if(u)throw o}}return i}}function b(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 b(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)?b(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.")}function d(e,t){return f(e)||m(e,t)||v(e,t)||g()}function y(e){return y="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},y(e)}function j(e,t){if("object"!==y(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=j(e,"string");return"symbol"===y(t)?t:String(t)}var h=n.ComponentBase.extend({defaultProps:{__TYPE:"ConfirmDialog",accept:null,acceptClassName:null,acceptIcon:null,acceptLabel:null,appendTo:null,breakpoints:null,children:void 0,className:null,content:null,defaultFocus:"accept",footer:null,icon:null,message:null,onHide:null,reject:null,rejectClassName:null,rejectIcon:null,rejectLabel:null,tagKey:void 0,visible:void 0},css:{classes:{root:"p-confirm-dialog",message:"p-confirm-dialog-message",icon:"p-confirm-dialog-icon",acceptButton:"p-confirm-dialog-accept",rejectButton:function(e){return l.classNames("p-confirm-dialog-reject",{"p-button-text":!(0,e.getPropValue)("rejectClassName")})}}}});function S(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 N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(Object(r),!0).forEach((function(t){var n,o,a;n=e,a=r[t],(o=O(o=t))in n?Object.defineProperty(n,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=s.memo(s.forwardRef((function(e,u){var f=a.useMergeProps(),m=s.useContext(t.PrimeReactContext),b=h.getProps(e,m),v=d(s.useState(b.visible),2),g=v[0],y=v[1],j=d(s.useState(!1),2),O=j[0],S=j[1],P=s.useRef(null),C=s.useRef(!1),E=s.useRef(null),w=function(){var e=b.group;return P.current&&(e=P.current.group),Object.assign({},b,P.current,{group:e})},D=function(e){return w()[e]},_=function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return l.ObjectUtils.getPropValue(D(e),r)},x=D("acceptLabel")||t.localeOption("accept"),B=D("rejectLabel")||t.localeOption("reject"),I={props:b,state:{visible:g}},q=h.setMetaData(I),k=q.ptm,M=q.cx;n.useHandleStyle(h.css.styles,q.isUnstyled,{name:"confirmdialog"});var T=function(){C.current||(C.current=!0,_("accept"),H("accept"))},U=function(){C.current||(C.current=!0,_("reject"),H("reject"))},A=function(){w().group===b.group&&(y(!0),C.current=!1,E.current=document.activeElement)},H=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"cancel";y(!1),_("onHide",{result:e}),l.DomHandler.focus(E.current),E.current=null},L=function(e){if(e.tagKey===b.tagKey){var t=g!==e.visible;D("target")!==e.target&&!b.target?(H(),P.current=e,S(!0)):t&&(P.current=e,e.visible?A():H())}};s.useEffect((function(){b.visible?A():H()}),[b.visible]),s.useEffect((function(){return b.target||b.message||c.OverlayService.on("confirm-dialog",L),function(){c.OverlayService.off("confirm-dialog",L)}}),[b.target]),a.useUpdateEffect((function(){O&&A()}),[O]),a.useUnmountEffect((function(){c.OverlayService.off("confirm-dialog",L)})),s.useImperativeHandle(u,(function(){return{props:b,confirm:L}}));var F,R,J,K,V,X,z,Y=function(){var e=D("defaultFocus"),t=l.classNames("p-confirm-dialog-accept",D("acceptClassName")),n=l.classNames("p-confirm-dialog-reject",{"p-button-text":!D("rejectClassName")},D("rejectClassName")),o={label:B,autoFocus:"reject"===e,icon:D("rejectIcon"),className:l.classNames(D("rejectClassName"),M("rejectButton",{getPropValue:D})),onClick:U,pt:k("rejectButton"),unstyled:b.unstyled,__parentMetadata:{parent:I}},a=f({label:x,autoFocus:void 0===e||"accept"===e,icon:D("acceptIcon"),className:l.classNames(D("acceptClassName"),M("acceptButton")),onClick:T,pt:k("acceptButton"),unstyled:b.unstyled,__parentMetadata:{parent:I}},k("acceptButton")),c=s.createElement(s.Fragment,null,s.createElement(r.Button,o),s.createElement(r.Button,a));if(D("footer")){var i={accept:T,reject:U,acceptClassName:t,rejectClassName:n,acceptLabel:x,rejectLabel:B,element:c,props:w()};return l.ObjectUtils.getJSXElement(D("footer"),i)}return c},$=(F=w(),R=l.ObjectUtils.getJSXElement(D("message"),F),J=f({className:M("icon")},k("icon")),K=l.IconUtils.getJSXIcon(D("icon"),N({},J),{props:F}),V=Y(),X=f({className:M("message")},k("message")),z=f({visible:g,className:l.classNames(D("className"),M("root")),footer:V,onHide:H,breakpoints:D("breakpoints"),pt:F.pt,unstyled:b.unstyled,appendTo:D("appendTo"),__parentMetadata:{parent:I}},h.getOtherProps(F)),s.createElement(o.Dialog,p({},z,{content:null==e?void 0:e.content}),K,s.createElement("span",X,R)));return s.createElement(i.Portal,{element:$,appendTo:D("appendTo")})})));P.displayName="ConfirmDialog",exports.ConfirmDialog=P,exports.confirmDialog=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(e=N(N({},e),{visible:void 0===e.visible||e.visible})).visible&&c.OverlayService.emit("confirm-dialog",e);return{show:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};c.OverlayService.emit("confirm-dialog",N(N(N({},e),t),{visible:!0}))},hide:function(){c.OverlayService.emit("confirm-dialog",{visible:!1})}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/button"),n=require("primereact/componentbase"),o=require("primereact/dialog"),a=require("primereact/hooks"),c=require("primereact/overlayservice"),i=require("primereact/portal"),l=require("primereact/utils");function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=u(e);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function m(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,c,i=[],l=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=r.return&&(c=r.return(),Object(c)!==c))return}finally{if(u)throw o}}return i}}function b(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 b(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)?b(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.")}function d(e,t){return f(e)||m(e,t)||v(e,t)||g()}function y(e){return y="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},y(e)}function j(e,t){if("object"!==y(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=j(e,"string");return"symbol"===y(t)?t:String(t)}var h=n.ComponentBase.extend({defaultProps:{__TYPE:"ConfirmDialog",accept:null,acceptClassName:null,acceptIcon:null,acceptLabel:null,appendTo:null,breakpoints:null,children:void 0,className:null,content:null,defaultFocus:"accept",footer:null,icon:null,message:null,onHide:null,reject:null,rejectClassName:null,rejectIcon:null,rejectLabel:null,tagKey:void 0,visible:void 0},css:{classes:{root:"p-confirm-dialog",message:"p-confirm-dialog-message",icon:"p-confirm-dialog-icon",acceptButton:"p-confirm-dialog-accept",rejectButton:function(e){return l.classNames("p-confirm-dialog-reject",{"p-button-text":!(0,e.getPropValue)("rejectClassName")})}}}});function S(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 N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(Object(r),!0).forEach((function(t){var n,o,a;n=e,a=r[t],(o=O(o=t))in n?Object.defineProperty(n,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=s.memo(s.forwardRef((function(e,u){var f=a.useMergeProps(),m=s.useContext(t.PrimeReactContext),b=h.getProps(e,m),v=d(s.useState(b.visible),2),g=v[0],y=v[1],j=d(s.useState(!1),2),O=j[0],S=j[1],P=s.useRef(null),C=s.useRef(!1),E=s.useRef(null),w=function(){var e=b.group;return P.current&&(e=P.current.group),Object.assign({},b,P.current,{group:e})},D=function(e){return w()[e]},_=function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return l.ObjectUtils.getPropValue(D(e),r)},B=D("acceptLabel")||t.localeOption("accept"),x=D("rejectLabel")||t.localeOption("reject"),I={props:b,state:{visible:g}},q=h.setMetaData(I),k=q.ptm,M=q.cx;n.useHandleStyle(h.css.styles,q.isUnstyled,{name:"confirmdialog"});var T=function(){C.current||(C.current=!0,_("accept"),H("accept"))},U=function(){C.current||(C.current=!0,_("reject"),H("reject"))},A=function(){w().group===b.group&&(y(!0),C.current=!1,E.current=document.activeElement)},H=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"cancel";y(!1),_("onHide",{result:e}),l.DomHandler.focus(E.current),E.current=null},L=function(e){if(e.tagKey===b.tagKey){var t=g!==e.visible;D("target")!==e.target&&!b.target?(H(),P.current=e,S(!0)):t&&(P.current=e,e.visible?A():H())}};s.useEffect((function(){b.visible?A():H()}),[b.visible]),s.useEffect((function(){return b.target||b.message||c.OverlayService.on("confirm-dialog",L),function(){c.OverlayService.off("confirm-dialog",L)}}),[b.target]),a.useUpdateEffect((function(){O&&A()}),[O]),a.useUnmountEffect((function(){c.OverlayService.off("confirm-dialog",L)})),s.useImperativeHandle(u,(function(){return{props:b,confirm:L}}));var F,R,J,K,V,X,z,Y=function(){var e=D("defaultFocus"),t=l.classNames("p-confirm-dialog-accept",D("acceptClassName")),n=l.classNames("p-confirm-dialog-reject",{"p-button-text":!D("rejectClassName")},D("rejectClassName")),o=f({label:x,autoFocus:"reject"===e,icon:D("rejectIcon"),className:l.classNames(D("rejectClassName"),M("rejectButton",{getPropValue:D})),onClick:U,pt:k("rejectButton"),unstyled:b.unstyled,__parentMetadata:{parent:I}},k("rejectButton")),a=f({label:B,autoFocus:void 0===e||"accept"===e,icon:D("acceptIcon"),className:l.classNames(D("acceptClassName"),M("acceptButton")),onClick:T,pt:k("acceptButton"),unstyled:b.unstyled,__parentMetadata:{parent:I}},k("acceptButton")),c=s.createElement(s.Fragment,null,s.createElement(r.Button,o),s.createElement(r.Button,a));if(D("footer")){var i={accept:T,reject:U,acceptClassName:t,rejectClassName:n,acceptLabel:B,rejectLabel:x,element:c,props:w()};return l.ObjectUtils.getJSXElement(D("footer"),i)}return c},$=(F=w(),R=l.ObjectUtils.getJSXElement(D("message"),F),J=f({className:M("icon")},k("icon")),K=l.IconUtils.getJSXIcon(D("icon"),N({},J),{props:F}),V=Y(),X=f({className:M("message")},k("message")),z=f({visible:g,className:l.classNames(D("className"),M("root")),footer:V,onHide:H,breakpoints:D("breakpoints"),pt:F.pt,unstyled:b.unstyled,appendTo:D("appendTo"),__parentMetadata:{parent:I}},h.getOtherProps(F)),s.createElement(o.Dialog,p({},z,{content:null==e?void 0:e.content}),K,s.createElement("span",X,R)));return s.createElement(i.Portal,{element:$,appendTo:D("appendTo")})})));P.displayName="ConfirmDialog",exports.ConfirmDialog=P,exports.confirmDialog=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(e=N(N({},e),{visible:void 0===e.visible||e.visible})).visible&&c.OverlayService.emit("confirm-dialog",e);return{show:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};c.OverlayService.emit("confirm-dialog",N(N(N({},e),t),{visible:!0}))},hide:function(){c.OverlayService.emit("confirm-dialog",{visible:!1})}}};

package/confirmdialog/confirmdialog.d.ts

@@ -9,7 +9,6 @@
  */
 import * as React from 'react';
 import { CSSTransitionProps as ReactCSSTransitionProps } from 'react-transition-group/CSSTransition';
-import { ButtonPassThroughOptions } from '../button/button';
 import { ComponentHooks } from '../componentbase/componentbase';
 import { DialogProps } from '../dialog';
 import { PassThroughOptions } from '../passthrough';
@@ -73,14 +72,12 @@ export interface ConfirmDialogPassThroughOptions {
     footer?: ConfirmDialogPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
     /**
      * Uses to pass attributes to the Button component.
-     * @see {@link ButtonPassThroughOptions}
      */
-    rejectButton?: ButtonPassThroughOptions;
+    rejectButton?: ConfirmDialogPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
     /**
      * Uses to pass attributes to the Button component.
-     * @see {@link ButtonPassThroughOptions}
      */
-    acceptButton?: ButtonPassThroughOptions;
+    acceptButton?: ConfirmDialogPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
     /**
      * Used to manage all lifecycle hooks
      * @see {@link ComponentHooks}
@@ -162,6 +159,10 @@ interface ConfirmDialogOptions {
  * @group Properties
  */
 export interface ConfirmDialogProps extends Omit<DialogProps, 'onHide' | 'footer' | 'pt'> {
+    /**
+     * Optional key to match the key of the confirmation, useful to target a specific confirm dialog instance.
+     */
+    group?: string | undefined;
     /**
      * Unique tag key used to separate the confirmDialog components in the page.
      */

package/confirmdialog/confirmdialog.esm.js

@@ -312,7 +312,7 @@ var ConfirmDialog = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     var rejectClassName = classNames('p-confirm-dialog-reject', {
       'p-button-text': !getPropValue('rejectClassName')
     }, getPropValue('rejectClassName'));
-    var rejectButtonProps = {
+    var rejectButtonProps = mergeProps({
       label: rejectLabel,
       autoFocus: defaultFocus === 'reject',
       icon: getPropValue('rejectIcon'),
@@ -325,7 +325,7 @@ var ConfirmDialog = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
       __parentMetadata: {
         parent: metaData
       }
-    };
+    }, ptm('rejectButton'));
     var acceptButtonProps = mergeProps({
       label: acceptLabel,
       autoFocus: defaultFocus === undefined || defaultFocus === 'accept',

package/confirmdialog/confirmdialog.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t,localeOption as r}from"primereact/api";import{Button as n}from"primereact/button";import{ComponentBase as o,useHandleStyle as a}from"primereact/componentbase";import{Dialog as c}from"primereact/dialog";import{useMergeProps as i,useUpdateEffect as l,useUnmountEffect as u}from"primereact/hooks";import{OverlayService as s}from"primereact/overlayservice";import{Portal as p}from"primereact/portal";import{classNames as f,DomHandler as m,ObjectUtils as b,IconUtils as g}from"primereact/utils";function d(){return d=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},d.apply(this,arguments)}function v(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,a,c,i=[],l=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=r.return&&(c=r.return(),Object(c)!==c))return}finally{if(u)throw o}}return i}}function j(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 O(e,t){if(e){if("string"==typeof e)return j(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)?j(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.")}function S(e,t){return v(e)||y(e,t)||O(e,t)||h()}function N(e){return N="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},N(e)}function P(e,t){if("object"!==N(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==N(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function w(e){var t=P(e,"string");return"symbol"===N(t)?t:String(t)}var C=o.extend({defaultProps:{__TYPE:"ConfirmDialog",accept:null,acceptClassName:null,acceptIcon:null,acceptLabel:null,appendTo:null,breakpoints:null,children:void 0,className:null,content:null,defaultFocus:"accept",footer:null,icon:null,message:null,onHide:null,reject:null,rejectClassName:null,rejectIcon:null,rejectLabel:null,tagKey:void 0,visible:void 0},css:{classes:{root:"p-confirm-dialog",message:"p-confirm-dialog-message",icon:"p-confirm-dialog-icon",acceptButton:"p-confirm-dialog-accept",rejectButton:function(e){return f("p-confirm-dialog-reject",{"p-button-text":!(0,e.getPropValue)("rejectClassName")})}}}});function E(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 I(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){var n,o,a;n=e,a=r[t],(o=w(o=t))in n?Object.defineProperty(n,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var T=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(e=I(I({},e),{visible:void 0===e.visible||e.visible})).visible&&s.emit("confirm-dialog",e);return{show:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};s.emit("confirm-dialog",I(I(I({},e),t),{visible:!0}))},hide:function(){s.emit("confirm-dialog",{visible:!1})}}},_=e.memo(e.forwardRef((function(o,v){var y=i(),j=e.useContext(t),O=C.getProps(o,j),h=S(e.useState(O.visible),2),N=h[0],P=h[1],w=S(e.useState(!1),2),E=w[0],T=w[1],_=e.useRef(null),k=e.useRef(!1),x=e.useRef(null),A=function(){var e=O.group;return _.current&&(e=_.current.group),Object.assign({},O,_.current,{group:e})},B=function(e){return A()[e]},D=function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return b.getPropValue(B(e),r)},L=B("acceptLabel")||r("accept"),F=B("rejectLabel")||r("reject"),M={props:O,state:{visible:N}},H=C.setMetaData(M),R=H.ptm,J=H.cx;a(C.css.styles,H.isUnstyled,{name:"confirmdialog"});var K=function(){k.current||(k.current=!0,D("accept"),U("accept"))},V=function(){k.current||(k.current=!0,D("reject"),U("reject"))},X=function(){A().group===O.group&&(P(!0),k.current=!1,x.current=document.activeElement)},U=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"cancel";P(!1),D("onHide",{result:e}),m.focus(x.current),x.current=null},Y=function(e){if(e.tagKey===O.tagKey){var t=N!==e.visible;B("target")!==e.target&&!O.target?(U(),_.current=e,T(!0)):t&&(_.current=e,e.visible?X():U())}};e.useEffect((function(){O.visible?X():U()}),[O.visible]),e.useEffect((function(){return O.target||O.message||s.on("confirm-dialog",Y),function(){s.off("confirm-dialog",Y)}}),[O.target]),l((function(){E&&X()}),[E]),u((function(){s.off("confirm-dialog",Y)})),e.useImperativeHandle(v,(function(){return{props:O,confirm:Y}}));var $,q,z,G,Q,W,Z,ee=function(){var t=B("defaultFocus"),r=f("p-confirm-dialog-accept",B("acceptClassName")),o=f("p-confirm-dialog-reject",{"p-button-text":!B("rejectClassName")},B("rejectClassName")),a={label:F,autoFocus:"reject"===t,icon:B("rejectIcon"),className:f(B("rejectClassName"),J("rejectButton",{getPropValue:B})),onClick:V,pt:R("rejectButton"),unstyled:O.unstyled,__parentMetadata:{parent:M}},c=y({label:L,autoFocus:void 0===t||"accept"===t,icon:B("acceptIcon"),className:f(B("acceptClassName"),J("acceptButton")),onClick:K,pt:R("acceptButton"),unstyled:O.unstyled,__parentMetadata:{parent:M}},R("acceptButton")),i=e.createElement(e.Fragment,null,e.createElement(n,a),e.createElement(n,c));if(B("footer")){var l={accept:K,reject:V,acceptClassName:r,rejectClassName:o,acceptLabel:L,rejectLabel:F,element:i,props:A()};return b.getJSXElement(B("footer"),l)}return i},te=($=A(),q=b.getJSXElement(B("message"),$),z=y({className:J("icon")},R("icon")),G=g.getJSXIcon(B("icon"),I({},z),{props:$}),Q=ee(),W=y({className:J("message")},R("message")),Z=y({visible:N,className:f(B("className"),J("root")),footer:Q,onHide:U,breakpoints:B("breakpoints"),pt:$.pt,unstyled:O.unstyled,appendTo:B("appendTo"),__parentMetadata:{parent:M}},C.getOtherProps($)),e.createElement(c,d({},Z,{content:null==o?void 0:o.content}),G,e.createElement("span",W,q)));return e.createElement(p,{element:te,appendTo:B("appendTo")})})));_.displayName="ConfirmDialog";export{_ as ConfirmDialog,T as confirmDialog};
+import*as e from"react";import{PrimeReactContext as t,localeOption as r}from"primereact/api";import{Button as n}from"primereact/button";import{ComponentBase as o,useHandleStyle as a}from"primereact/componentbase";import{Dialog as c}from"primereact/dialog";import{useMergeProps as i,useUpdateEffect as l,useUnmountEffect as u}from"primereact/hooks";import{OverlayService as s}from"primereact/overlayservice";import{Portal as p}from"primereact/portal";import{classNames as f,DomHandler as m,ObjectUtils as b,IconUtils as g}from"primereact/utils";function d(){return d=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},d.apply(this,arguments)}function v(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,a,c,i=[],l=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=r.return&&(c=r.return(),Object(c)!==c))return}finally{if(u)throw o}}return i}}function j(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 O(e,t){if(e){if("string"==typeof e)return j(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)?j(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.")}function S(e,t){return v(e)||y(e,t)||O(e,t)||h()}function N(e){return N="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},N(e)}function P(e,t){if("object"!==N(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==N(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function w(e){var t=P(e,"string");return"symbol"===N(t)?t:String(t)}var C=o.extend({defaultProps:{__TYPE:"ConfirmDialog",accept:null,acceptClassName:null,acceptIcon:null,acceptLabel:null,appendTo:null,breakpoints:null,children:void 0,className:null,content:null,defaultFocus:"accept",footer:null,icon:null,message:null,onHide:null,reject:null,rejectClassName:null,rejectIcon:null,rejectLabel:null,tagKey:void 0,visible:void 0},css:{classes:{root:"p-confirm-dialog",message:"p-confirm-dialog-message",icon:"p-confirm-dialog-icon",acceptButton:"p-confirm-dialog-accept",rejectButton:function(e){return f("p-confirm-dialog-reject",{"p-button-text":!(0,e.getPropValue)("rejectClassName")})}}}});function E(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 I(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){var n,o,a;n=e,a=r[t],(o=w(o=t))in n?Object.defineProperty(n,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var B=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(e=I(I({},e),{visible:void 0===e.visible||e.visible})).visible&&s.emit("confirm-dialog",e);return{show:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};s.emit("confirm-dialog",I(I(I({},e),t),{visible:!0}))},hide:function(){s.emit("confirm-dialog",{visible:!1})}}},T=e.memo(e.forwardRef((function(o,v){var y=i(),j=e.useContext(t),O=C.getProps(o,j),h=S(e.useState(O.visible),2),N=h[0],P=h[1],w=S(e.useState(!1),2),E=w[0],B=w[1],T=e.useRef(null),_=e.useRef(!1),k=e.useRef(null),x=function(){var e=O.group;return T.current&&(e=T.current.group),Object.assign({},O,T.current,{group:e})},A=function(e){return x()[e]},D=function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return b.getPropValue(A(e),r)},L=A("acceptLabel")||r("accept"),F=A("rejectLabel")||r("reject"),M={props:O,state:{visible:N}},H=C.setMetaData(M),R=H.ptm,J=H.cx;a(C.css.styles,H.isUnstyled,{name:"confirmdialog"});var K=function(){_.current||(_.current=!0,D("accept"),U("accept"))},V=function(){_.current||(_.current=!0,D("reject"),U("reject"))},X=function(){x().group===O.group&&(P(!0),_.current=!1,k.current=document.activeElement)},U=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"cancel";P(!1),D("onHide",{result:e}),m.focus(k.current),k.current=null},Y=function(e){if(e.tagKey===O.tagKey){var t=N!==e.visible;A("target")!==e.target&&!O.target?(U(),T.current=e,B(!0)):t&&(T.current=e,e.visible?X():U())}};e.useEffect((function(){O.visible?X():U()}),[O.visible]),e.useEffect((function(){return O.target||O.message||s.on("confirm-dialog",Y),function(){s.off("confirm-dialog",Y)}}),[O.target]),l((function(){E&&X()}),[E]),u((function(){s.off("confirm-dialog",Y)})),e.useImperativeHandle(v,(function(){return{props:O,confirm:Y}}));var $,q,z,G,Q,W,Z,ee=function(){var t=A("defaultFocus"),r=f("p-confirm-dialog-accept",A("acceptClassName")),o=f("p-confirm-dialog-reject",{"p-button-text":!A("rejectClassName")},A("rejectClassName")),a=y({label:F,autoFocus:"reject"===t,icon:A("rejectIcon"),className:f(A("rejectClassName"),J("rejectButton",{getPropValue:A})),onClick:V,pt:R("rejectButton"),unstyled:O.unstyled,__parentMetadata:{parent:M}},R("rejectButton")),c=y({label:L,autoFocus:void 0===t||"accept"===t,icon:A("acceptIcon"),className:f(A("acceptClassName"),J("acceptButton")),onClick:K,pt:R("acceptButton"),unstyled:O.unstyled,__parentMetadata:{parent:M}},R("acceptButton")),i=e.createElement(e.Fragment,null,e.createElement(n,a),e.createElement(n,c));if(A("footer")){var l={accept:K,reject:V,acceptClassName:r,rejectClassName:o,acceptLabel:L,rejectLabel:F,element:i,props:x()};return b.getJSXElement(A("footer"),l)}return i},te=($=x(),q=b.getJSXElement(A("message"),$),z=y({className:J("icon")},R("icon")),G=g.getJSXIcon(A("icon"),I({},z),{props:$}),Q=ee(),W=y({className:J("message")},R("message")),Z=y({visible:N,className:f(A("className"),J("root")),footer:Q,onHide:U,breakpoints:A("breakpoints"),pt:$.pt,unstyled:O.unstyled,appendTo:A("appendTo"),__parentMetadata:{parent:M}},C.getOtherProps($)),e.createElement(c,d({},Z,{content:null==o?void 0:o.content}),G,e.createElement("span",W,q)));return e.createElement(p,{element:te,appendTo:A("appendTo")})})));T.displayName="ConfirmDialog";export{T as ConfirmDialog,B as confirmDialog};

package/confirmdialog/confirmdialog.js

@@ -325,7 +325,7 @@ this.primereact.confirmdialog = (function (exports, React, api, button, componen
       var rejectClassName = utils.classNames('p-confirm-dialog-reject', {
         'p-button-text': !getPropValue('rejectClassName')
       }, getPropValue('rejectClassName'));
-      var rejectButtonProps = {
+      var rejectButtonProps = mergeProps({
         label: rejectLabel,
         autoFocus: defaultFocus === 'reject',
         icon: getPropValue('rejectIcon'),
@@ -338,7 +338,7 @@ this.primereact.confirmdialog = (function (exports, React, api, button, componen
         __parentMetadata: {
           parent: metaData
         }
-      };
+      }, ptm('rejectButton'));
       var acceptButtonProps = mergeProps({
         label: acceptLabel,
         autoFocus: defaultFocus === undefined || defaultFocus === 'accept',