primereact 10.3.0 → 10.3.2

package/chip/chip.esm.js

@@ -2,8 +2,9 @@
 import * as React from 'react';
 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, mergeProps, IconUtils } from 'primereact/utils';
+import { classNames, ObjectUtils, IconUtils } from 'primereact/utils';
 
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -153,6 +154,7 @@ var ChipBase = ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = ChipBase.getProps(inProps, context);
   var elementRef = React.useRef(null);
@@ -170,20 +172,24 @@ var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
     name: 'chip'
   });
   var onKeyDown = function onKeyDown(event) {
-    if (event.key === 'Enter' || event.key === 'Backspace') {
+    if (event.code === 'Enter' || event.code === 'Backspace') {
       close(event);
     }
   };
   var close = function close(event) {
     setVisibleState(false);
     if (props.onRemove) {
-      props.onRemove(event);
+      props.onRemove({
+        originalEvent: event,
+        value: props.label || props.image || props.icon
+      });
     }
   };
   var createContent = function createContent() {
     var content = [];
     var removeIconProps = mergeProps({
       key: 'removeIcon',
+      role: 'button',
       tabIndex: 0,
       className: cx('removeIcon'),
       onClick: close,

package/chip/chip.esm.min.js

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

package/chip/chip.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.chip = (function (exports, React, api, componentbase, timescircle, utils) {
+this.primereact.chip = (function (exports, React, api, componentbase, hooks, timescircle, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -170,6 +170,7 @@ this.primereact.chip = (function (exports, React, api, componentbase, timescircl
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = ChipBase.getProps(inProps, context);
     var elementRef = React__namespace.useRef(null);
@@ -187,20 +188,24 @@ this.primereact.chip = (function (exports, React, api, componentbase, timescircl
       name: 'chip'
     });
     var onKeyDown = function onKeyDown(event) {
-      if (event.key === 'Enter' || event.key === 'Backspace') {
+      if (event.code === 'Enter' || event.code === 'Backspace') {
         close(event);
       }
     };
     var close = function close(event) {
       setVisibleState(false);
       if (props.onRemove) {
-        props.onRemove(event);
+        props.onRemove({
+          originalEvent: event,
+          value: props.label || props.image || props.icon
+        });
       }
     };
     var createContent = function createContent() {
       var content = [];
-      var removeIconProps = utils.mergeProps({
+      var removeIconProps = mergeProps({
         key: 'removeIcon',
+        role: 'button',
         tabIndex: 0,
         className: cx('removeIcon'),
         onClick: close,
@@ -208,7 +213,7 @@ this.primereact.chip = (function (exports, React, api, componentbase, timescircl
       }, ptm('removeIcon'));
       var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, removeIconProps);
       if (props.image) {
-        var imageProps = utils.mergeProps({
+        var imageProps = mergeProps({
           key: 'image',
           src: props.image,
           onError: props.onImageError
@@ -217,7 +222,7 @@ this.primereact.chip = (function (exports, React, api, componentbase, timescircl
           alt: props.imageAlt
         }, imageProps)));
       } else if (props.icon) {
-        var chipIconProps = utils.mergeProps({
+        var chipIconProps = mergeProps({
           key: 'icon',
           className: cx('icon')
         }, ptm('icon'));
@@ -226,7 +231,7 @@ this.primereact.chip = (function (exports, React, api, componentbase, timescircl
         }));
       }
       if (props.label) {
-        var labelProps = utils.mergeProps({
+        var labelProps = mergeProps({
           key: 'label',
           className: cx('label')
         }, ptm('label'));
@@ -241,7 +246,7 @@ this.primereact.chip = (function (exports, React, api, componentbase, timescircl
     };
     var createElement = function createElement() {
       var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props) : createContent();
-      var rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         ref: elementRef,
         style: props.style,
         className: utils.classNames(props.className, cx('root')),
@@ -267,4 +272,4 @@ this.primereact.chip = (function (exports, React, api, componentbase, timescircl
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.icons.timescircle, primereact.utils);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.timescircle, primereact.utils);

package/chip/chip.min.js

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

package/chips/chips.cjs.js

@@ -224,6 +224,7 @@ var ChipsBase = componentbase.ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = ChipsBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -424,11 +425,12 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     }
   });
   var createRemoveIcon = function createRemoveIcon(value, index) {
-    var iconProps = utils.mergeProps({
+    var iconProps = mergeProps({
       className: cx('removeTokenIcon'),
       onClick: function onClick(event) {
         return removeItem(event, index);
-      }
+      },
+      'aria-hidden': 'true'
     }, ptm('removeTokenIcon'));
     var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, iconProps);
     var removeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
@@ -441,12 +443,12 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   };
   var createItem = function createItem(value, index) {
     var content = props.itemTemplate ? props.itemTemplate(value) : value;
-    var labelProps = utils.mergeProps({
+    var labelProps = mergeProps({
       className: cx('label')
     }, ptm('label'));
     var label = /*#__PURE__*/React__namespace.createElement("span", labelProps, content);
     var icon = createRemoveIcon(value, index);
-    var tokenProps = utils.mergeProps({
+    var tokenProps = mergeProps({
       key: index,
       className: cx('token'),
       'data-p-highlight': true
@@ -454,10 +456,10 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     return /*#__PURE__*/React__namespace.createElement("li", tokenProps, label, icon);
   };
   var createInput = function createInput() {
-    var inputTokenProps = utils.mergeProps({
+    var inputTokenProps = mergeProps({
       className: cx('inputToken')
     }, ptm('inputToken'));
-    var inputProps = utils.mergeProps(_objectSpread({
+    var inputProps = mergeProps(_objectSpread({
       id: props.inputId,
       ref: inputRef,
       placeholder: props.placeholder,
@@ -486,7 +488,7 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   var createList = function createList() {
     var items = createItems();
     var input = createInput();
-    var containerProps = utils.mergeProps({
+    var containerProps = mergeProps({
       ref: listRef,
       className: cx('container', {
         focusedState: focusedState
@@ -503,7 +505,7 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   var otherProps = ChipsBase.getOtherProps(props);
   var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
   var list = createList();
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     id: props.id,
     ref: elementRef,
     className: utils.classNames(props.className, cx('root', {

package/chips/chips.cjs.min.js

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

package/chips/chips.esm.js

@@ -2,11 +2,11 @@
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useMountEffect } from 'primereact/hooks';
+import { useMergeProps, useMountEffect } from 'primereact/hooks';
 import { TimesCircleIcon } from 'primereact/icons/timescircle';
 import { KeyFilter } from 'primereact/keyfilter';
 import { Tooltip } from 'primereact/tooltip';
-import { classNames, ObjectUtils, DomHandler, mergeProps, IconUtils } from 'primereact/utils';
+import { classNames, ObjectUtils, DomHandler, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -200,6 +200,7 @@ var ChipsBase = ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = ChipsBase.getProps(inProps, context);
   var _React$useState = React.useState(false),
@@ -404,7 +405,8 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
       className: cx('removeTokenIcon'),
       onClick: function onClick(event) {
         return removeItem(event, index);
-      }
+      },
+      'aria-hidden': 'true'
     }, ptm('removeTokenIcon'));
     var icon = props.removeIcon || /*#__PURE__*/React.createElement(TimesCircleIcon, iconProps);
     var removeIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {

package/chips/chips.esm.min.js

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

package/chips/chips.js

@@ -214,6 +214,7 @@ this.primereact.chips = (function (exports, React, api, componentbase, hooks, ti
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = ChipsBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(false),
@@ -414,11 +415,12 @@ this.primereact.chips = (function (exports, React, api, componentbase, hooks, ti
       }
     });
     var createRemoveIcon = function createRemoveIcon(value, index) {
-      var iconProps = utils.mergeProps({
+      var iconProps = mergeProps({
         className: cx('removeTokenIcon'),
         onClick: function onClick(event) {
           return removeItem(event, index);
-        }
+        },
+        'aria-hidden': 'true'
       }, ptm('removeTokenIcon'));
       var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, iconProps);
       var removeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
@@ -431,12 +433,12 @@ this.primereact.chips = (function (exports, React, api, componentbase, hooks, ti
     };
     var createItem = function createItem(value, index) {
       var content = props.itemTemplate ? props.itemTemplate(value) : value;
-      var labelProps = utils.mergeProps({
+      var labelProps = mergeProps({
         className: cx('label')
       }, ptm('label'));
       var label = /*#__PURE__*/React__namespace.createElement("span", labelProps, content);
       var icon = createRemoveIcon(value, index);
-      var tokenProps = utils.mergeProps({
+      var tokenProps = mergeProps({
         key: index,
         className: cx('token'),
         'data-p-highlight': true
@@ -444,10 +446,10 @@ this.primereact.chips = (function (exports, React, api, componentbase, hooks, ti
       return /*#__PURE__*/React__namespace.createElement("li", tokenProps, label, icon);
     };
     var createInput = function createInput() {
-      var inputTokenProps = utils.mergeProps({
+      var inputTokenProps = mergeProps({
         className: cx('inputToken')
       }, ptm('inputToken'));
-      var inputProps = utils.mergeProps(_objectSpread({
+      var inputProps = mergeProps(_objectSpread({
         id: props.inputId,
         ref: inputRef,
         placeholder: props.placeholder,
@@ -476,7 +478,7 @@ this.primereact.chips = (function (exports, React, api, componentbase, hooks, ti
     var createList = function createList() {
       var items = createItems();
       var input = createInput();
-      var containerProps = utils.mergeProps({
+      var containerProps = mergeProps({
         ref: listRef,
         className: cx('container', {
           focusedState: focusedState
@@ -493,7 +495,7 @@ this.primereact.chips = (function (exports, React, api, componentbase, hooks, ti
     var otherProps = ChipsBase.getOtherProps(props);
     var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var list = createList();
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       id: props.id,
       ref: elementRef,
       className: utils.classNames(props.className, cx('root', {

package/chips/chips.min.js

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

package/colorpicker/colorpicker.cjs.js

@@ -261,6 +261,7 @@ ColorPickerPanel.displayName = 'ColorPickerPanel';
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = ColorPickerBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -704,7 +705,7 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     utils.ZIndexUtils.clear(overlayRef.current);
   });
   var createColorSelector = function createColorSelector() {
-    var selectorProps = utils.mergeProps({
+    var selectorProps = mergeProps({
       ref: colorSelectorRef,
       className: cx('selector'),
       onMouseDown: function onMouseDown(e) {
@@ -718,17 +719,17 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       },
       onTouchEnd: onDragEnd
     }, ptm('selector'));
-    var colorProps = utils.mergeProps({
+    var colorProps = mergeProps({
       className: cx('color')
     }, ptm('color'));
-    var colorHandlerProps = utils.mergeProps({
+    var colorHandlerProps = mergeProps({
       ref: colorHandleRef,
       className: cx('colorHandle')
     }, ptm('colorHandle'));
     return /*#__PURE__*/React__namespace.createElement("div", selectorProps, /*#__PURE__*/React__namespace.createElement("div", colorProps, /*#__PURE__*/React__namespace.createElement("div", colorHandlerProps)));
   };
   var createHue = function createHue() {
-    var hueProps = utils.mergeProps({
+    var hueProps = mergeProps({
       className: cx('hue'),
       onMouseDown: function onMouseDown(e) {
         return onHueMousedown(e);
@@ -741,7 +742,7 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       },
       onTouchEnd: onDragEnd
     }, ptm('hue'));
-    var hueHandlerProps = utils.mergeProps({
+    var hueHandlerProps = mergeProps({
       className: cx('hueHandle')
     }, ptm('hueHandle'));
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -753,7 +754,7 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   var createContent = function createContent() {
     var colorSelector = createColorSelector();
     var hue = createHue();
-    var contentProps = utils.mergeProps({
+    var contentProps = mergeProps({
       className: cx('content')
     }, ptm('content'));
     return /*#__PURE__*/React__namespace.createElement("div", contentProps, colorSelector, hue);
@@ -761,7 +762,7 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   var createInput = function createInput() {
     if (!props.inline) {
       var inputProps = ColorPickerBase.getOtherProps(props);
-      var _inputProps = utils.mergeProps(_objectSpread({
+      var _inputProps = mergeProps(_objectSpread({
         ref: inputRef,
         type: 'text',
         readOnly: true,
@@ -780,7 +781,7 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
   var content = createContent();
   var input = createInput();
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     id: props.id,
     ref: elementRef,
     style: props.style,