primereact 9.2.2 → 9.3.0

package/chip/chip.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.chip = (function (exports, React, utils) {
+this.primereact.chip = (function (exports, React, utils, timescircle) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -37,6 +37,47 @@ this.primereact.chip = (function (exports, React, utils) {
     return _extends.apply(this, arguments);
   }
 
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -99,7 +140,7 @@ this.primereact.chip = (function (exports, React, utils) {
       icon: null,
       image: null,
       removable: false,
-      removeIcon: 'pi pi-times-circle',
+      removeIcon: null,
       className: null,
       style: null,
       template: null,
@@ -116,6 +157,8 @@ this.primereact.chip = (function (exports, React, utils) {
     }
   };
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var props = ChipBase.getProps(inProps);
     var elementRef = React__namespace.useRef(null);
@@ -137,6 +180,14 @@ this.primereact.chip = (function (exports, React, utils) {
     };
     var createContent = function createContent() {
       var content = [];
+      var iconProps = {
+        key: 'removeIcon',
+        tabIndex: 0,
+        className: 'p-chip-remove-icon',
+        onClick: close,
+        onKeyDown: onKeyDown
+      };
+      var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, iconProps);
       if (props.image) {
         content.push( /*#__PURE__*/React__namespace.createElement("img", {
           key: "image",
@@ -159,13 +210,7 @@ this.primereact.chip = (function (exports, React, utils) {
         }, props.label));
       }
       if (props.removable) {
-        content.push(utils.IconUtils.getJSXIcon(props.removeIcon, {
-          key: 'removeIcon',
-          tabIndex: 0,
-          className: 'p-chip-remove-icon',
-          onClick: close,
-          onKeyDown: onKeyDown
-        }, {
+        content.push(utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
           props: props
         }));
       }
@@ -201,4 +246,4 @@ this.primereact.chip = (function (exports, React, utils) {
 
   return exports;
 
-})({}, React, primereact.utils);
+})({}, React, primereact.utils, primereact.icons/timescircle);

package/chip/chip.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.chip=function(e,t,r){"use strict";function n(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 o=n(t);function l(){return l=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},l.apply(this,arguments)}function a(e){if(Array.isArray(e))return e}function i(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,a,i=[],c=!0,u=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function c(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 u(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function s(){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={defaultProps:{__TYPE:"Chip",label:null,icon:null,image:null,removable:!1,removeIcon:"pi pi-times-circle",className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,p.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,p.defaultProps)}},m=o.memo(o.forwardRef((function(e,t){var n,c,m,f,g,y=p.getProps(e),h=o.useRef(null),b=o.useState(!0),v=(c=2,a(n=b)||i(n,c)||u(n,c)||s()),d=v[0],O=v[1],j=function(e){13===e.keyCode&&I(e)},I=function(e){O(!1),y.onRemove&&y.onRemove(e)},P=function(){var e=[];return y.image?e.push(o.createElement("img",{key:"image",src:y.image,alt:y.imageAlt,onError:y.onImageError})):y.icon&&e.push(r.IconUtils.getJSXIcon(y.icon,{key:"icon",className:"p-chip-icon"},{props:y})),y.label&&e.push(o.createElement("span",{key:"label",className:"p-chip-text"},y.label)),y.removable&&e.push(r.IconUtils.getJSXIcon(y.removeIcon,{key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:I,onKeyDown:j},{props:y})),e};return o.useImperativeHandle(t,(function(){return{props:y,getElement:function(){return h.current}}})),d&&(m=p.getOtherProps(y),f=r.classNames("p-chip p-component",{"p-chip-image":null!=y.image},y.className),g=y.template?r.ObjectUtils.getJSXElement(y.template,y):P(),o.createElement("div",l({ref:h,className:f,style:y.style},m),g))})));return m.displayName="Chip",e.Chip=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.chip=function(e,t,r,n){"use strict";function o(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 i=o(t);function l(){return l=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},l.apply(this,arguments)}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function a(e,t){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function u(e){var t=a(e,"string");return"symbol"===c(t)?t:String(t)}function s(e,t,r){return(t=u(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(e){if(Array.isArray(e))return e}function f(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 m(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 b(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var g={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},getProps:function(e){return r.ObjectUtils.getMergedProps(e,g.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,g.defaultProps)}};function v(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 h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var O=i.memo(i.forwardRef((function(e,t){var o,c,a,u,s,m=g.getProps(e),v=i.useRef(null),O=i.useState(!0),d=(c=2,p(o=O)||f(o,c)||b(o,c)||y()),j=d[0],P=d[1],S=function(e){13===e.keyCode&&w(e)},w=function(e){P(!1),m.onRemove&&m.onRemove(e)},E=function(){var e=[],t={key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:w,onKeyDown:S},o=m.removeIcon||i.createElement(n.TimesCircleIcon,t);return m.image?e.push(i.createElement("img",{key:"image",src:m.image,alt:m.imageAlt,onError:m.onImageError})):m.icon&&e.push(r.IconUtils.getJSXIcon(m.icon,{key:"icon",className:"p-chip-icon"},{props:m})),m.label&&e.push(i.createElement("span",{key:"label",className:"p-chip-text"},m.label)),m.removable&&e.push(r.IconUtils.getJSXIcon(o,h({},t),{props:m})),e};return i.useImperativeHandle(t,(function(){return{props:m,getElement:function(){return v.current}}})),j&&(a=g.getOtherProps(m),u=r.classNames("p-chip p-component",{"p-chip-image":null!=m.image},m.className),s=m.template?r.ObjectUtils.getJSXElement(m.template,m):E(),i.createElement("div",l({ref:v,className:u,style:m.style},a),s))})));return O.displayName="Chip",e.Chip=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.icons/timescircle);

package/chips/chips.cjs.js

@@ -6,6 +6,7 @@ var React = require('react');
 var keyfilter = require('primereact/keyfilter');
 var tooltip = require('primereact/tooltip');
 var utils = require('primereact/utils');
+var timescircle = require('primereact/icons/timescircle');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -42,6 +43,47 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -126,6 +168,7 @@ var ChipsBase = {
     disabled: null,
     readOnly: false,
     removable: true,
+    removeIcon: null,
     style: null,
     className: null,
     tooltip: null,
@@ -152,6 +195,8 @@ var ChipsBase = {
   }
 };
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var props = ChipsBase.getProps(inProps);
   var _React$useState = React__namespace.useState(false),
@@ -327,13 +372,18 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
   var createRemoveIcon = function createRemoveIcon(value, index) {
+    var iconProps = {
+      className: 'p-chips-token-icon',
+      onClick: function onClick(event) {
+        return removeItem(event, index);
+      }
+    };
+    var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, iconProps);
+    var removeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+      props: props
+    });
     if (!props.disabled && !props.readOnly && isRemovable(value, index)) {
-      return /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-chips-token-icon pi pi-times-circle",
-        onClick: function onClick(event) {
-          return removeItem(event, index);
-        }
-      });
+      return removeIcon;
     }
     return null;
   };

package/chips/chips.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/keyfilter"),n=require("primereact/tooltip"),r=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=l(e);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(this,arguments)}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function u(e){if(Array.isArray(e))return i(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}function p(){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 f(e){return u(e)||c(e)||s(e)||p()}function d(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a,o,i=[],u=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw l}}return i}}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 y={defaultProps:{__TYPE:"Chips",id:null,inputRef:null,inputId:null,name:null,placeholder:null,value:null,max:null,disabled:null,readOnly:!1,removable:!0,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,keyfilter:null,addOnBlur:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null,onKeyDown:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,y.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,y.defaultProps)}},b=a.memo(a.forwardRef((function(e,l){var i,u,c=y.getProps(e),p=a.useState(!1),b=(u=2,d(i=p)||m(i,u)||s(i,u)||v()),h=b[0],g=b[1],O=a.useRef(null),j=a.useRef(null),w=a.useRef(c.inputRef),E=function(e,t){if(!c.disabled||!c.readOnly){var n=f(c.value),r=n.splice(t,1);U(r,t)&&(c.onRemove&&c.onRemove({originalEvent:e,value:r}),c.onChange&&c.onChange({originalEvent:e,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:c.name,id:c.id,value:n}}))}},P=function(e,t,n){if(t&&t.trim().length){var r=c.value?f(c.value):[];if(c.allowDuplicate||-1===r.indexOf(t)){var l=!0;c.onAdd&&(l=c.onAdd({originalEvent:e,value:t})),!1!==l&&r.push(t)}x(e,r,n)}},D=function(){r.DomHandler.focus(w.current)},k=function(e){var n=e.target.value,l=c.value||[];if(c.onKeyDown&&c.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===w.current.value.length&&l.length>0&&E(e,l.length-1);break;case"Enter":n&&n.trim().length&&(!c.max||c.max>l.length)&&P(e,n,!0);break;default:c.keyfilter&&t.KeyFilter.onKeyPress(e,c.keyfilter),C()?e.preventDefault():","===c.separator&&(e.key===c.separator||r.DomHandler.isAndroid()&&229===e.which)&&P(e,n,!0)}},x=function(e,t,n){c.onChange&&c.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:c.name,id:c.id,value:t}}),w.current.value="",n&&e.preventDefault()},A=function(e){if(c.separator){var n=(e.clipboardData||window.clipboardData).getData("Text");if(c.keyfilter&&t.KeyFilter.onPaste(e,c.keyfilter),n){var r=c.value||[],l=n.split(c.separator);l=l.filter((function(e){return(c.allowDuplicate||-1===r.indexOf(e))&&e.trim().length})),r=[].concat(f(r),f(l)),x(e,r,!0)}}},N=function(e){g(!0),c.onFocus&&c.onFocus(e)},R=function(e){if(c.addOnBlur){var t=e.target.value,n=c.value||[];t&&t.trim().length&&(!c.max||c.max>n.length)&&P(e,t,!0)}g(!1),c.onBlur&&c.onBlur(e)},C=function(){return c.max&&c.value&&c.max===c.value.length},I=w.current&&w.current.value,S=a.useMemo((function(){return r.ObjectUtils.isNotEmpty(c.value)||r.ObjectUtils.isNotEmpty(I)}),[c.value,I]),U=function(e,t){return r.ObjectUtils.getPropValue(c.removable,{value:e,index:t,props:c})};a.useImperativeHandle(l,(function(){return{props:c,focus:function(){return r.DomHandler.focus(w.current)},getElement:function(){return O.current},getInput:function(){return w.current}}})),a.useEffect((function(){r.ObjectUtils.combinedRefs(w,c.inputRef)}),[w,c.inputRef]);var B=function(e,t){return c.disabled||c.readOnly||!U(e,t)?null:a.createElement("span",{className:"p-chips-token-icon pi pi-times-circle",onClick:function(e){return E(e,t)}})},K=function(e,t){var n=c.itemTemplate?c.itemTemplate(e):e,r=a.createElement("span",{className:"p-chips-token-label"},n),l=B(e,t);return a.createElement("li",{key:t,className:"p-chips-token p-highlight"},r,l)},T=r.ObjectUtils.isNotEmpty(c.tooltip),F=y.getOtherProps(c),_=r.ObjectUtils.reduceKeys(F,r.DomHandler.ARIA_PROPS),H=r.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":S,"p-inputwrapper-focus":h},c.className),M=function(){var e=r.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":c.disabled,"p-focus":h}),t=c.value?c.value.map(K):null,n=a.createElement("li",{className:"p-chips-input-token"},a.createElement("input",o({ref:w,id:c.inputId,placeholder:c.placeholder,type:"text",name:c.name,disabled:c.disabled||C(),onKeyDown:k,onPaste:A,onFocus:N,onBlur:R,readOnly:c.readOnly},_)));return a.createElement("ul",{ref:j,className:e,onClick:D},t,n)}();return a.createElement(a.Fragment,null,a.createElement("div",o({ref:O,id:c.id,className:H,style:c.style},F),M),T&&a.createElement(n.Tooltip,o({target:w,content:c.tooltip},c.tooltipOptions)))})));b.displayName="Chips",exports.Chips=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/keyfilter"),n=require("primereact/tooltip"),r=require("primereact/utils"),l=require("primereact/icons/timescircle");function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=o(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}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 c(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function s(e){var t=c(e,"string");return"symbol"===u(t)?t:String(t)}function p(e,t,n){return(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function m(e){if(Array.isArray(e))return f(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,t){if(e){if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}function v(){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 b(e){return m(e)||d(e)||y(e)||v()}function g(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],u=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw l}}return i}}function O(){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={defaultProps:{__TYPE:"Chips",id:null,inputRef:null,inputId:null,name:null,placeholder:null,value:null,max:null,disabled:null,readOnly:!1,removable:!0,removeIcon:null,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,keyfilter:null,addOnBlur:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null,onKeyDown:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,j.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,j.defaultProps)}};function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){p(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=a.memo(a.forwardRef((function(e,o){var u,c,s=j.getProps(e),p=a.useState(!1),f=(c=2,g(u=p)||h(u,c)||y(u,c)||O()),m=f[0],d=f[1],v=a.useRef(null),P=a.useRef(null),E=a.useRef(s.inputRef),D=function(e,t){if(!s.disabled||!s.readOnly){var n=b(s.value),r=n.splice(t,1);B(r,t)&&(s.onRemove&&s.onRemove({originalEvent:e,value:r}),s.onChange&&s.onChange({originalEvent:e,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:s.name,id:s.id,value:n}}))}},S=function(e,t,n){if(t&&t.trim().length){var r=s.value?b(s.value):[];if(s.allowDuplicate||-1===r.indexOf(t)){var l=!0;s.onAdd&&(l=s.onAdd({originalEvent:e,value:t})),!1!==l&&r.push(t)}A(e,r,n)}},k=function(){r.DomHandler.focus(E.current)},x=function(e){var n=e.target.value,l=s.value||[];if(s.onKeyDown&&s.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===E.current.value.length&&l.length>0&&D(e,l.length-1);break;case"Enter":n&&n.trim().length&&(!s.max||s.max>l.length)&&S(e,n,!0);break;default:s.keyfilter&&t.KeyFilter.onKeyPress(e,s.keyfilter),C()?e.preventDefault():","===s.separator&&(e.key===s.separator||r.DomHandler.isAndroid()&&229===e.which)&&S(e,n,!0)}},A=function(e,t,n){s.onChange&&s.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:s.name,id:s.id,value:t}}),E.current.value="",n&&e.preventDefault()},I=function(e){if(s.separator){var n=(e.clipboardData||window.clipboardData).getData("Text");if(s.keyfilter&&t.KeyFilter.onPaste(e,s.keyfilter),n){var r=s.value||[],l=n.split(s.separator);l=l.filter((function(e){return(s.allowDuplicate||-1===r.indexOf(e))&&e.trim().length})),r=[].concat(b(r),b(l)),A(e,r,!0)}}},N=function(e){d(!0),s.onFocus&&s.onFocus(e)},R=function(e){if(s.addOnBlur){var t=e.target.value,n=s.value||[];t&&t.trim().length&&(!s.max||s.max>n.length)&&S(e,t,!0)}d(!1),s.onBlur&&s.onBlur(e)},C=function(){return s.max&&s.value&&s.max===s.value.length},T=E.current&&E.current.value,U=a.useMemo((function(){return r.ObjectUtils.isNotEmpty(s.value)||r.ObjectUtils.isNotEmpty(T)}),[s.value,T]),B=function(e,t){return r.ObjectUtils.getPropValue(s.removable,{value:e,index:t,props:s})};a.useImperativeHandle(o,(function(){return{props:s,focus:function(){return r.DomHandler.focus(E.current)},getElement:function(){return v.current},getInput:function(){return E.current}}})),a.useEffect((function(){r.ObjectUtils.combinedRefs(E,s.inputRef)}),[E,s.inputRef]);var K=function(e,t){var n={className:"p-chips-token-icon",onClick:function(e){return D(e,t)}},o=r.IconUtils.getJSXIcon(s.removeIcon||a.createElement(l.TimesCircleIcon,n),w({},n),{props:s});return s.disabled||s.readOnly||!B(e,t)?null:o},F=function(e,t){var n=s.itemTemplate?s.itemTemplate(e):e,r=a.createElement("span",{className:"p-chips-token-label"},n),l=K(e,t);return a.createElement("li",{key:t,className:"p-chips-token p-highlight"},r,l)},_=r.ObjectUtils.isNotEmpty(s.tooltip),q=j.getOtherProps(s),H=r.ObjectUtils.reduceKeys(q,r.DomHandler.ARIA_PROPS),M=r.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":U,"p-inputwrapper-focus":m},s.className),z=function(){var e=r.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":s.disabled,"p-focus":m}),t=s.value?s.value.map(F):null,n=a.createElement("li",{className:"p-chips-input-token"},a.createElement("input",i({ref:E,id:s.inputId,placeholder:s.placeholder,type:"text",name:s.name,disabled:s.disabled||C(),onKeyDown:x,onPaste:I,onFocus:N,onBlur:R,readOnly:s.readOnly},H)));return a.createElement("ul",{ref:P,className:e,onClick:k},t,n)}();return a.createElement(a.Fragment,null,a.createElement("div",i({ref:v,id:s.id,className:M,style:s.style},q),z),_&&a.createElement(n.Tooltip,i({target:E,content:s.tooltip},s.tooltipOptions)))})));E.displayName="Chips",exports.Chips=E;

package/chips/chips.d.ts

@@ -11,6 +11,7 @@ import * as React from 'react';
 import { KeyFilterType } from '../keyfilter';
 import { TooltipOptions } from '../tooltip/tooltipoptions';
 import { FormEvent } from '../ts-helpers';
+import { IconType } from '../utils/utils';
 
 /**
  * @group Others
@@ -113,6 +114,10 @@ export interface ChipsProps extends Omit<React.DetailedHTMLProps<React.InputHTML
      * @defaultValue true
      */
     removable?: boolean | ((options: ChipsRemovableOptions) => boolean);
+    /**
+     * Icon of the remove element.
+     */
+    removeIcon?: IconType<ChipsProps> | undefined;
     /**
      * Content of the tooltip.
      */

package/chips/chips.esm.js

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { KeyFilter } from 'primereact/keyfilter';
 import { Tooltip } from 'primereact/tooltip';
-import { ObjectUtils, DomHandler, classNames } from 'primereact/utils';
+import { ObjectUtils, DomHandler, classNames, IconUtils } from 'primereact/utils';
+import { TimesCircleIcon } from 'primereact/icons/timescircle';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -18,6 +19,47 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -102,6 +144,7 @@ var ChipsBase = {
     disabled: null,
     readOnly: false,
     removable: true,
+    removeIcon: null,
     style: null,
     className: null,
     tooltip: null,
@@ -128,6 +171,8 @@ var ChipsBase = {
   }
 };
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var props = ChipsBase.getProps(inProps);
   var _React$useState = React.useState(false),
@@ -303,13 +348,18 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
   var createRemoveIcon = function createRemoveIcon(value, index) {
+    var iconProps = {
+      className: 'p-chips-token-icon',
+      onClick: function onClick(event) {
+        return removeItem(event, index);
+      }
+    };
+    var icon = props.removeIcon || /*#__PURE__*/React.createElement(TimesCircleIcon, iconProps);
+    var removeIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+      props: props
+    });
     if (!props.disabled && !props.readOnly && isRemovable(value, index)) {
-      return /*#__PURE__*/React.createElement("span", {
-        className: "p-chips-token-icon pi pi-times-circle",
-        onClick: function onClick(event) {
-          return removeItem(event, index);
-        }
-      });
+      return removeIcon;
     }
     return null;
   };

package/chips/chips.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{KeyFilter as t}from"primereact/keyfilter";import{Tooltip as n}from"primereact/tooltip";import{ObjectUtils as r,DomHandler as l,classNames as a}from"primereact/utils";function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(this,arguments)}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function u(e){if(Array.isArray(e))return i(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}function s(){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 f(e){return u(e)||c(e)||p(e)||s()}function m(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a,o,i=[],u=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw l}}return i}}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 y={defaultProps:{__TYPE:"Chips",id:null,inputRef:null,inputId:null,name:null,placeholder:null,value:null,max:null,disabled:null,readOnly:!1,removable:!0,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,keyfilter:null,addOnBlur:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null,onKeyDown:null,children:void 0},getProps:function(e){return r.getMergedProps(e,y.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,y.defaultProps)}},h=e.memo(e.forwardRef((function(i,u){var c,s,h=y.getProps(i),g=e.useState(!1),b=(s=2,m(c=g)||d(c,s)||p(c,s)||v()),w=b[0],E=b[1],O=e.useRef(null),P=e.useRef(null),k=e.useRef(h.inputRef),x=function(e,t){if(!h.disabled||!h.readOnly){var n=f(h.value),r=n.splice(t,1);K(r,t)&&(h.onRemove&&h.onRemove({originalEvent:e,value:r}),h.onChange&&h.onChange({originalEvent:e,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:h.name,id:h.id,value:n}}))}},A=function(e,t,n){if(t&&t.trim().length){var r=h.value?f(h.value):[];if(h.allowDuplicate||-1===r.indexOf(t)){var l=!0;h.onAdd&&(l=h.onAdd({originalEvent:e,value:t})),!1!==l&&r.push(t)}N(e,r,n)}},D=function(){l.focus(k.current)},R=function(e){var n=e.target.value,r=h.value||[];if(h.onKeyDown&&h.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===k.current.value.length&&r.length>0&&x(e,r.length-1);break;case"Enter":n&&n.trim().length&&(!h.max||h.max>r.length)&&A(e,n,!0);break;default:h.keyfilter&&t.onKeyPress(e,h.keyfilter),j()?e.preventDefault():","===h.separator&&(e.key===h.separator||l.isAndroid()&&229===e.which)&&A(e,n,!0)}},N=function(e,t,n){h.onChange&&h.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:h.name,id:h.id,value:t}}),k.current.value="",n&&e.preventDefault()},C=function(e){if(h.separator){var n=(e.clipboardData||window.clipboardData).getData("Text");if(h.keyfilter&&t.onPaste(e,h.keyfilter),n){var r=h.value||[],l=n.split(h.separator);l=l.filter((function(e){return(h.allowDuplicate||-1===r.indexOf(e))&&e.trim().length})),r=[].concat(f(r),f(l)),N(e,r,!0)}}},I=function(e){E(!0),h.onFocus&&h.onFocus(e)},S=function(e){if(h.addOnBlur){var t=e.target.value,n=h.value||[];t&&t.trim().length&&(!h.max||h.max>n.length)&&A(e,t,!0)}E(!1),h.onBlur&&h.onBlur(e)},j=function(){return h.max&&h.value&&h.max===h.value.length},B=k.current&&k.current.value,T=e.useMemo((function(){return r.isNotEmpty(h.value)||r.isNotEmpty(B)}),[h.value,B]),K=function(e,t){return r.getPropValue(h.removable,{value:e,index:t,props:h})};e.useImperativeHandle(u,(function(){return{props:h,focus:function(){return l.focus(k.current)},getElement:function(){return O.current},getInput:function(){return k.current}}})),e.useEffect((function(){r.combinedRefs(k,h.inputRef)}),[k,h.inputRef]);var F=function(t,n){return h.disabled||h.readOnly||!K(t,n)?null:e.createElement("span",{className:"p-chips-token-icon pi pi-times-circle",onClick:function(e){return x(e,n)}})},M=function(t,n){var r=h.itemTemplate?h.itemTemplate(t):t,l=e.createElement("span",{className:"p-chips-token-label"},r),a=F(t,n);return e.createElement("li",{key:n,className:"p-chips-token p-highlight"},l,a)},_=r.isNotEmpty(h.tooltip),H=y.getOtherProps(h),L=r.reduceKeys(H,l.ARIA_PROPS),U=a("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":T,"p-inputwrapper-focus":w},h.className),V=function(){var t=a("p-inputtext p-chips-multiple-container",{"p-disabled":h.disabled,"p-focus":w}),n=h.value?h.value.map(M):null,r=e.createElement("li",{className:"p-chips-input-token"},e.createElement("input",o({ref:k,id:h.inputId,placeholder:h.placeholder,type:"text",name:h.name,disabled:h.disabled||j(),onKeyDown:R,onPaste:C,onFocus:I,onBlur:S,readOnly:h.readOnly},L)));return e.createElement("ul",{ref:P,className:t,onClick:D},n,r)}();return e.createElement(e.Fragment,null,e.createElement("div",o({ref:O,id:h.id,className:U,style:h.style},H),V),_&&e.createElement(n,o({target:k,content:h.tooltip},h.tooltipOptions)))})));h.displayName="Chips";export{h as Chips};
+import*as e from"react";import{KeyFilter as t}from"primereact/keyfilter";import{Tooltip as n}from"primereact/tooltip";import{ObjectUtils as r,DomHandler as o,classNames as l,IconUtils as a}from"primereact/utils";import{TimesCircleIcon as i}from"primereact/icons/timescircle";function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function p(e,t){if("object"!==c(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==c(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===c(t)?t:String(t)}function s(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e){if(Array.isArray(e))return m(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}function b(){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 d(e)||y(e)||v(e)||b()}function h(e){if(Array.isArray(e))return e}function O(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,i=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw o}}return i}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var P={defaultProps:{__TYPE:"Chips",id:null,inputRef:null,inputId:null,name:null,placeholder:null,value:null,max:null,disabled:null,readOnly:!1,removable:!0,removeIcon:null,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,keyfilter:null,addOnBlur:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null,onKeyDown:null,children:void 0},getProps:function(e){return r.getMergedProps(e,P.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,P.defaultProps)}};function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var S=e.memo(e.forwardRef((function(c,p){var f,s,m=P.getProps(c),d=e.useState(!1),y=(s=2,h(f=d)||O(f,s)||v(f,s)||w()),b=y[0],E=y[1],S=e.useRef(null),k=e.useRef(null),D=e.useRef(m.inputRef),x=function(e,t){if(!m.disabled||!m.readOnly){var n=g(m.value),r=n.splice(t,1);_(r,t)&&(m.onRemove&&m.onRemove({originalEvent:e,value:r}),m.onChange&&m.onChange({originalEvent:e,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:m.name,id:m.id,value:n}}))}},A=function(e,t,n){if(t&&t.trim().length){var r=m.value?g(m.value):[];if(m.allowDuplicate||-1===r.indexOf(t)){var o=!0;m.onAdd&&(o=m.onAdd({originalEvent:e,value:t})),!1!==o&&r.push(t)}N(e,r,n)}},R=function(){o.focus(D.current)},I=function(e){var n=e.target.value,r=m.value||[];if(m.onKeyDown&&m.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===D.current.value.length&&r.length>0&&x(e,r.length-1);break;case"Enter":n&&n.trim().length&&(!m.max||m.max>r.length)&&A(e,n,!0);break;default:m.keyfilter&&t.onKeyPress(e,m.keyfilter),K()?e.preventDefault():","===m.separator&&(e.key===m.separator||o.isAndroid()&&229===e.which)&&A(e,n,!0)}},N=function(e,t,n){m.onChange&&m.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:m.name,id:m.id,value:t}}),D.current.value="",n&&e.preventDefault()},C=function(e){if(m.separator){var n=(e.clipboardData||window.clipboardData).getData("Text");if(m.keyfilter&&t.onPaste(e,m.keyfilter),n){var r=m.value||[],o=n.split(m.separator);o=o.filter((function(e){return(m.allowDuplicate||-1===r.indexOf(e))&&e.trim().length})),r=[].concat(g(r),g(o)),N(e,r,!0)}}},B=function(e){E(!0),m.onFocus&&m.onFocus(e)},T=function(e){if(m.addOnBlur){var t=e.target.value,n=m.value||[];t&&t.trim().length&&(!m.max||m.max>n.length)&&A(e,t,!0)}E(!1),m.onBlur&&m.onBlur(e)},K=function(){return m.max&&m.value&&m.max===m.value.length},F=D.current&&D.current.value,M=e.useMemo((function(){return r.isNotEmpty(m.value)||r.isNotEmpty(F)}),[m.value,F]),_=function(e,t){return r.getPropValue(m.removable,{value:e,index:t,props:m})};e.useImperativeHandle(p,(function(){return{props:m,focus:function(){return o.focus(D.current)},getElement:function(){return S.current},getInput:function(){return D.current}}})),e.useEffect((function(){r.combinedRefs(D,m.inputRef)}),[D,m.inputRef]);var H=function(t,n){var r={className:"p-chips-token-icon",onClick:function(e){return x(e,n)}},o=a.getJSXIcon(m.removeIcon||e.createElement(i,r),j({},r),{props:m});return m.disabled||m.readOnly||!_(t,n)?null:o},J=function(t,n){var r=m.itemTemplate?m.itemTemplate(t):t,o=e.createElement("span",{className:"p-chips-token-label"},r),l=H(t,n);return e.createElement("li",{key:n,className:"p-chips-token p-highlight"},o,l)},L=r.isNotEmpty(m.tooltip),U=P.getOtherProps(m),V=r.reduceKeys(U,o.ARIA_PROPS),X=l("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":M,"p-inputwrapper-focus":b},m.className),Y=function(){var t=l("p-inputtext p-chips-multiple-container",{"p-disabled":m.disabled,"p-focus":b}),n=m.value?m.value.map(J):null,r=e.createElement("li",{className:"p-chips-input-token"},e.createElement("input",u({ref:D,id:m.inputId,placeholder:m.placeholder,type:"text",name:m.name,disabled:m.disabled||K(),onKeyDown:I,onPaste:C,onFocus:B,onBlur:T,readOnly:m.readOnly},V)));return e.createElement("ul",{ref:k,className:t,onClick:R},n,r)}();return e.createElement(e.Fragment,null,e.createElement("div",u({ref:S,id:m.id,className:X,style:m.style},U),Y),L&&e.createElement(n,u({target:D,content:m.tooltip},m.tooltipOptions)))})));S.displayName="Chips";export{S as Chips};

package/chips/chips.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.chips = (function (exports, React, keyfilter, tooltip, utils) {
+this.primereact.chips = (function (exports, React, keyfilter, tooltip, utils, timescircle) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -37,6 +37,47 @@ this.primereact.chips = (function (exports, React, keyfilter, tooltip, utils) {
     return _extends.apply(this, arguments);
   }
 
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -121,6 +162,7 @@ this.primereact.chips = (function (exports, React, keyfilter, tooltip, utils) {
       disabled: null,
       readOnly: false,
       removable: true,
+      removeIcon: null,
       style: null,
       className: null,
       tooltip: null,
@@ -147,6 +189,8 @@ this.primereact.chips = (function (exports, React, keyfilter, tooltip, utils) {
     }
   };
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var props = ChipsBase.getProps(inProps);
     var _React$useState = React__namespace.useState(false),
@@ -322,13 +366,18 @@ this.primereact.chips = (function (exports, React, keyfilter, tooltip, utils) {
       utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
     }, [inputRef, props.inputRef]);
     var createRemoveIcon = function createRemoveIcon(value, index) {
+      var iconProps = {
+        className: 'p-chips-token-icon',
+        onClick: function onClick(event) {
+          return removeItem(event, index);
+        }
+      };
+      var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, iconProps);
+      var removeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+        props: props
+      });
       if (!props.disabled && !props.readOnly && isRemovable(value, index)) {
-        return /*#__PURE__*/React__namespace.createElement("span", {
-          className: "p-chips-token-icon pi pi-times-circle",
-          onClick: function onClick(event) {
-            return removeItem(event, index);
-          }
-        });
+        return removeIcon;
       }
       return null;
     };
@@ -402,4 +451,4 @@ this.primereact.chips = (function (exports, React, keyfilter, tooltip, utils) {
 
   return exports;
 
-})({}, React, primereact.keyfilter, primereact.tooltip, primereact.utils);
+})({}, React, primereact.keyfilter, primereact.tooltip, primereact.utils, primereact.icons/timescircle);

package/chips/chips.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.chips=function(e,t,n,r,l){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=a(t);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(this,arguments)}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function c(e){if(Array.isArray(e))return u(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return u(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}function f(){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 d(e){return c(e)||s(e)||p(e)||f()}function m(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a,i,o=[],u=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(o.push(r.value),o.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw l}}return o}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var h={defaultProps:{__TYPE:"Chips",id:null,inputRef:null,inputId:null,name:null,placeholder:null,value:null,max:null,disabled:null,readOnly:!1,removable:!0,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,keyfilter:null,addOnBlur:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null,onKeyDown:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,h.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,h.defaultProps)}},b=i.memo(i.forwardRef((function(e,t){var a,u,c=h.getProps(e),s=i.useState(!1),f=(u=2,m(a=s)||v(a,u)||p(a,u)||y()),b=f[0],g=f[1],O=i.useRef(null),j=i.useRef(null),w=i.useRef(c.inputRef),E=function(e,t){if(!c.disabled||!c.readOnly){var n=d(c.value),r=n.splice(t,1);U(r,t)&&(c.onRemove&&c.onRemove({originalEvent:e,value:r}),c.onChange&&c.onChange({originalEvent:e,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:c.name,id:c.id,value:n}}))}},P=function(e,t,n){if(t&&t.trim().length){var r=c.value?d(c.value):[];if(c.allowDuplicate||-1===r.indexOf(t)){var l=!0;c.onAdd&&(l=c.onAdd({originalEvent:e,value:t})),!1!==l&&r.push(t)}A(e,r,n)}},D=function(){l.DomHandler.focus(w.current)},k=function(e){var t=e.target.value,r=c.value||[];if(c.onKeyDown&&c.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===w.current.value.length&&r.length>0&&E(e,r.length-1);break;case"Enter":t&&t.trim().length&&(!c.max||c.max>r.length)&&P(e,t,!0);break;default:c.keyfilter&&n.KeyFilter.onKeyPress(e,c.keyfilter),C()?e.preventDefault():","===c.separator&&(e.key===c.separator||l.DomHandler.isAndroid()&&229===e.which)&&P(e,t,!0)}},A=function(e,t,n){c.onChange&&c.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:c.name,id:c.id,value:t}}),w.current.value="",n&&e.preventDefault()},R=function(e){if(c.separator){var t=(e.clipboardData||window.clipboardData).getData("Text");if(c.keyfilter&&n.KeyFilter.onPaste(e,c.keyfilter),t){var r=c.value||[],l=t.split(c.separator);l=l.filter((function(e){return(c.allowDuplicate||-1===r.indexOf(e))&&e.trim().length})),r=[].concat(d(r),d(l)),A(e,r,!0)}}},x=function(e){g(!0),c.onFocus&&c.onFocus(e)},N=function(e){if(c.addOnBlur){var t=e.target.value,n=c.value||[];t&&t.trim().length&&(!c.max||c.max>n.length)&&P(e,t,!0)}g(!1),c.onBlur&&c.onBlur(e)},C=function(){return c.max&&c.value&&c.max===c.value.length},I=w.current&&w.current.value,S=i.useMemo((function(){return l.ObjectUtils.isNotEmpty(c.value)||l.ObjectUtils.isNotEmpty(I)}),[c.value,I]),U=function(e,t){return l.ObjectUtils.getPropValue(c.removable,{value:e,index:t,props:c})};i.useImperativeHandle(t,(function(){return{props:c,focus:function(){return l.DomHandler.focus(w.current)},getElement:function(){return O.current},getInput:function(){return w.current}}})),i.useEffect((function(){l.ObjectUtils.combinedRefs(w,c.inputRef)}),[w,c.inputRef]);var B=function(e,t){return c.disabled||c.readOnly||!U(e,t)?null:i.createElement("span",{className:"p-chips-token-icon pi pi-times-circle",onClick:function(e){return E(e,t)}})},K=function(e,t){var n=c.itemTemplate?c.itemTemplate(e):e,r=i.createElement("span",{className:"p-chips-token-label"},n),l=B(e,t);return i.createElement("li",{key:t,className:"p-chips-token p-highlight"},r,l)},T=l.ObjectUtils.isNotEmpty(c.tooltip),F=h.getOtherProps(c),_=l.ObjectUtils.reduceKeys(F,l.DomHandler.ARIA_PROPS),H=l.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":S,"p-inputwrapper-focus":b},c.className),M=function(){var e=l.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":c.disabled,"p-focus":b}),t=c.value?c.value.map(K):null,n=i.createElement("li",{className:"p-chips-input-token"},i.createElement("input",o({ref:w,id:c.inputId,placeholder:c.placeholder,type:"text",name:c.name,disabled:c.disabled||C(),onKeyDown:k,onPaste:R,onFocus:x,onBlur:N,readOnly:c.readOnly},_)));return i.createElement("ul",{ref:j,className:e,onClick:D},t,n)}();return i.createElement(i.Fragment,null,i.createElement("div",o({ref:O,id:c.id,className:H,style:c.style},F),M),T&&i.createElement(r.Tooltip,o({target:w,content:c.tooltip},c.tooltipOptions)))})));return b.displayName="Chips",e.Chips=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.keyfilter,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.chips=function(e,t,n,r,l,o){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=a(t);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function s(e,t){if("object"!==c(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==c(r))return r;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"===c(t)?t:String(t)}function f(e,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e){if(Array.isArray(e))return m(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}function b(){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 d(e)||y(e)||v(e)||b()}function h(e){if(Array.isArray(e))return e}function O(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],u=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw l}}return i}}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={defaultProps:{__TYPE:"Chips",id:null,inputRef:null,inputId:null,name:null,placeholder:null,value:null,max:null,disabled:null,readOnly:!1,removable:!0,removeIcon:null,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,keyfilter:null,addOnBlur:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null,onKeyDown:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,P.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,P.defaultProps)}};function w(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=i.memo(i.forwardRef((function(e,t){var a,c,s=P.getProps(e),p=i.useState(!1),f=(c=2,h(a=p)||O(a,c)||v(a,c)||j()),m=f[0],d=f[1],y=i.useRef(null),b=i.useRef(null),w=i.useRef(s.inputRef),D=function(e,t){if(!s.disabled||!s.readOnly){var n=g(s.value),r=n.splice(t,1);B(r,t)&&(s.onRemove&&s.onRemove({originalEvent:e,value:r}),s.onChange&&s.onChange({originalEvent:e,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:s.name,id:s.id,value:n}}))}},S=function(e,t,n){if(t&&t.trim().length){var r=s.value?g(s.value):[];if(s.allowDuplicate||-1===r.indexOf(t)){var l=!0;s.onAdd&&(l=s.onAdd({originalEvent:e,value:t})),!1!==l&&r.push(t)}I(e,r,n)}},k=function(){l.DomHandler.focus(w.current)},A=function(e){var t=e.target.value,r=s.value||[];if(s.onKeyDown&&s.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===w.current.value.length&&r.length>0&&D(e,r.length-1);break;case"Enter":t&&t.trim().length&&(!s.max||s.max>r.length)&&S(e,t,!0);break;default:s.keyfilter&&n.KeyFilter.onKeyPress(e,s.keyfilter),C()?e.preventDefault():","===s.separator&&(e.key===s.separator||l.DomHandler.isAndroid()&&229===e.which)&&S(e,t,!0)}},I=function(e,t,n){s.onChange&&s.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:s.name,id:s.id,value:t}}),w.current.value="",n&&e.preventDefault()},N=function(e){if(s.separator){var t=(e.clipboardData||window.clipboardData).getData("Text");if(s.keyfilter&&n.KeyFilter.onPaste(e,s.keyfilter),t){var r=s.value||[],l=t.split(s.separator);l=l.filter((function(e){return(s.allowDuplicate||-1===r.indexOf(e))&&e.trim().length})),r=[].concat(g(r),g(l)),I(e,r,!0)}}},R=function(e){d(!0),s.onFocus&&s.onFocus(e)},x=function(e){if(s.addOnBlur){var t=e.target.value,n=s.value||[];t&&t.trim().length&&(!s.max||s.max>n.length)&&S(e,t,!0)}d(!1),s.onBlur&&s.onBlur(e)},C=function(){return s.max&&s.value&&s.max===s.value.length},T=w.current&&w.current.value,U=i.useMemo((function(){return l.ObjectUtils.isNotEmpty(s.value)||l.ObjectUtils.isNotEmpty(T)}),[s.value,T]),B=function(e,t){return l.ObjectUtils.getPropValue(s.removable,{value:e,index:t,props:s})};i.useImperativeHandle(t,(function(){return{props:s,focus:function(){return l.DomHandler.focus(w.current)},getElement:function(){return y.current},getInput:function(){return w.current}}})),i.useEffect((function(){l.ObjectUtils.combinedRefs(w,s.inputRef)}),[w,s.inputRef]);var K=function(e,t){var n={className:"p-chips-token-icon",onClick:function(e){return D(e,t)}},r=l.IconUtils.getJSXIcon(s.removeIcon||i.createElement(o.TimesCircleIcon,n),E({},n),{props:s});return s.disabled||s.readOnly||!B(e,t)?null:r},F=function(e,t){var n=s.itemTemplate?s.itemTemplate(e):e,r=i.createElement("span",{className:"p-chips-token-label"},n),l=K(e,t);return i.createElement("li",{key:t,className:"p-chips-token p-highlight"},r,l)},_=l.ObjectUtils.isNotEmpty(s.tooltip),H=P.getOtherProps(s),M=l.ObjectUtils.reduceKeys(H,l.DomHandler.ARIA_PROPS),z=l.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":U,"p-inputwrapper-focus":m},s.className),J=function(){var e=l.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":s.disabled,"p-focus":m}),t=s.value?s.value.map(F):null,n=i.createElement("li",{className:"p-chips-input-token"},i.createElement("input",u({ref:w,id:s.inputId,placeholder:s.placeholder,type:"text",name:s.name,disabled:s.disabled||C(),onKeyDown:A,onPaste:N,onFocus:R,onBlur:x,readOnly:s.readOnly},M)));return i.createElement("ul",{ref:b,className:e,onClick:k},t,n)}();return i.createElement(i.Fragment,null,i.createElement("div",u({ref:y,id:s.id,className:z,style:s.style},H),J),_&&i.createElement(r.Tooltip,u({target:w,content:s.tooltip},s.tooltipOptions)))})));return D.displayName="Chips",e.Chips=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.keyfilter,primereact.tooltip,primereact.utils,primereact.icons/timescircle);

package/column/column.d.ts

@@ -10,6 +10,7 @@
  */
 import * as React from 'react';
 import { TooltipOptions } from '../tooltip/tooltipoptions';
+import { IconType } from '../utils/utils';
 
 interface ColumnHeaderOptions {
     /**
@@ -682,9 +683,8 @@ export interface ColumnProps {
     rowReorder?: boolean | undefined;
     /**
      * Icon of the drag handle to reorder rows.
-     * @defaultValue pi pi-bars
      */
-    rowReorderIcon?: string | undefined;
+    rowReorderIcon?: IconType<ColumnProps> | undefined;
     /**
      * Number of rows to span for grouping.
      */