primereact 8.7.3 → 9.0.0-rc.1

package/chip/chip.d.ts

@@ -1,19 +1,87 @@
+/**
+ *
+ * Chip represents people using icons, labels and images.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/chip)
+ *
+ * @module chip
+ *
+ */
 import * as React from 'react';
 import { IconType, TemplateType } from '../utils';
 
+/**
+ * Defines valid properties in Chip component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface ChipProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
+    /**
+     * Defines the text to display.
+     *
+     */
     label?: string;
-    icon?: IconType<ChipProps>;
-    image?: string;
-    removable?: boolean;
-    removeIcon?: string;
-    template?: TemplateType<ChipProps>;
-    imageAlt?: string;
+    /**
+     * Defines the icon to display.
+     *
+     */
+    icon?: IconType<ChipProps> | undefined;
+    /**
+     * Defines the image to display.
+     *
+     */
+    image?: string | undefined;
+    /**
+     * Whether to display a remove icon.
+     * @defaultValue false
+     */
+    removable?: boolean | undefined;
+    /**
+     * Icon of the remove element.
+     * @defaultValue pi pi-times-circle
+     */
+    removeIcon?: string | undefined;
+    /**
+     * Template of an item.
+     *
+     */
+    template?: TemplateType<ChipProps> | undefined;
+    /**
+     * It specifies an alternate text for an image, if the image cannot be displayed.
+     *
+     */
+    imageAlt?: string | undefined;
+    /**
+     * This event is triggered if an error occurs while loading an image file.
+     * @param {React.SyntheticEvent}  event - Browser event.
+     */
     onImageError?(event: React.SyntheticEvent): void;
+    /**
+     * Callback to invoke when a chip is removed.
+     * @param {React.MouseEvent}  event - Browser event.
+     */
     onRemove?(event: React.MouseEvent<HTMLElement>): void;
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Chip**
+ *
+ * _Chip represents people using icons, labels and images._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/chip/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Chip extends React.Component<ChipProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/chip/chip.esm.js

@@ -34,9 +34,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -52,9 +50,7 @@ function _iterableToArrayLimit(arr, i) {
 
 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];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -75,7 +71,32 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var ChipBase = {
+  defaultProps: {
+    __TYPE: 'Chip',
+    label: null,
+    icon: null,
+    image: null,
+    removable: false,
+    removeIcon: 'pi pi-times-circle',
+    className: null,
+    style: null,
+    template: null,
+    imageAlt: 'chip',
+    onImageError: null,
+    onRemove: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, ChipBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, ChipBase.defaultProps);
+  }
+};
+
+var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = ChipBase.getProps(inProps);
   var elementRef = React.useRef(null);
   var _React$useState = React.useState(true),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -130,7 +151,7 @@ var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (prop
     return content;
   };
   var createElement = function createElement() {
-    var otherProps = ObjectUtils.findDiffKeys(props, Chip.defaultProps);
+    var otherProps = ChipBase.getOtherProps(props);
     var className = classNames('p-chip p-component', {
       'p-chip-image': props.image != null
     }, props.className);
@@ -152,19 +173,5 @@ var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (prop
   return visibleState && createElement();
 }));
 Chip.displayName = 'Chip';
-Chip.defaultProps = {
-  __TYPE: 'Chip',
-  label: null,
-  icon: null,
-  image: null,
-  removable: false,
-  removeIcon: 'pi pi-times-circle',
-  className: null,
-  style: null,
-  template: null,
-  imageAlt: 'chip',
-  onImageError: null,
-  onRemove: null
-};
 
 export { Chip };

package/chip/chip.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as r,classNames as t,IconUtils as n}from"primereact/utils";function o(){return o=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},o.apply(this,arguments)}function l(e){if(Array.isArray(e))return e}function a(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,l,a,i=[],c=!0,u=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=l.call(t)).done)&&(i.push(n.value),i.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function i(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 c(e,r){if(e){if("string"==typeof e)return i(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)?i(e,r):void 0}}function u(){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 m=e.memo(e.forwardRef((function(i,p){var s,f,y,v,g,h=e.useRef(null),b=e.useState(!0),d=(f=2,l(s=b)||a(s,f)||c(s,f)||u()),I=d[0],E=d[1],S=function(e){13===e.keyCode&&j(e)},j=function(e){E(!1),i.onRemove&&i.onRemove(e)},A=function(){var r=[];return i.image?r.push(e.createElement("img",{key:"image",src:i.image,alt:i.imageAlt,onError:i.onImageError})):i.icon&&r.push(n.getJSXIcon(i.icon,{key:"icon",className:"p-chip-icon"},{props:i})),i.label&&r.push(e.createElement("span",{key:"label",className:"p-chip-text"},i.label)),i.removable&&r.push(n.getJSXIcon(i.removeIcon,{key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:j,onKeyDown:S},{props:i})),r};return e.useImperativeHandle(p,(function(){return{props:i,getElement:function(){return h.current}}})),I&&(y=r.findDiffKeys(i,m.defaultProps),v=t("p-chip p-component",{"p-chip-image":null!=i.image},i.className),g=i.template?r.getJSXElement(i.template,i):A(),e.createElement("div",o({ref:h,className:v,style:i.style},y),g))})));m.displayName="Chip",m.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};export{m as Chip};
+import*as e from"react";import{ObjectUtils as r,classNames as t,IconUtils as n}from"primereact/utils";function o(){return o=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},o.apply(this,arguments)}function l(e){if(Array.isArray(e))return e}function a(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,l,a,i=[],c=!0,u=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=l.call(t)).done)&&(i.push(n.value),i.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function i(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 c(e,r){if(e){if("string"==typeof e)return i(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)?i(e,r):void 0}}function u(){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.getMergedProps(e,p.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,p.defaultProps)}},s=e.memo(e.forwardRef((function(i,s){var m,f,g,y,h,v=p.getProps(i),b=e.useRef(null),d=e.useState(!0),I=(f=2,l(m=d)||a(m,f)||c(m,f)||u()),P=I[0],E=I[1],O=function(e){13===e.keyCode&&S(e)},S=function(e){E(!1),v.onRemove&&v.onRemove(e)},j=function(){var r=[];return v.image?r.push(e.createElement("img",{key:"image",src:v.image,alt:v.imageAlt,onError:v.onImageError})):v.icon&&r.push(n.getJSXIcon(v.icon,{key:"icon",className:"p-chip-icon"},{props:v})),v.label&&r.push(e.createElement("span",{key:"label",className:"p-chip-text"},v.label)),v.removable&&r.push(n.getJSXIcon(v.removeIcon,{key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:S,onKeyDown:O},{props:v})),r};return e.useImperativeHandle(s,(function(){return{props:v,getElement:function(){return b.current}}})),P&&(g=p.getOtherProps(v),y=t("p-chip p-component",{"p-chip-image":null!=v.image},v.className),h=v.template?r.getJSXElement(v.template,v):j(),e.createElement("div",o({ref:b,className:y,style:v.style},g),h))})));s.displayName="Chip";export{s as Chip};

package/chip/chip.js

@@ -55,9 +55,7 @@ this.primereact.chip = (function (exports, React, utils) {
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -73,9 +71,7 @@ this.primereact.chip = (function (exports, React, utils) {
 
   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];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -96,7 +92,32 @@ this.primereact.chip = (function (exports, React, utils) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var ChipBase = {
+    defaultProps: {
+      __TYPE: 'Chip',
+      label: null,
+      icon: null,
+      image: null,
+      removable: false,
+      removeIcon: 'pi pi-times-circle',
+      className: null,
+      style: null,
+      template: null,
+      imageAlt: 'chip',
+      onImageError: null,
+      onRemove: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, ChipBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, ChipBase.defaultProps);
+    }
+  };
+
+  var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = ChipBase.getProps(inProps);
     var elementRef = React__namespace.useRef(null);
     var _React$useState = React__namespace.useState(true),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -151,7 +172,7 @@ this.primereact.chip = (function (exports, React, utils) {
       return content;
     };
     var createElement = function createElement() {
-      var otherProps = utils.ObjectUtils.findDiffKeys(props, Chip.defaultProps);
+      var otherProps = ChipBase.getOtherProps(props);
       var className = utils.classNames('p-chip p-component', {
         'p-chip-image': props.image != null
       }, props.className);
@@ -173,20 +194,6 @@ this.primereact.chip = (function (exports, React, utils) {
     return visibleState && createElement();
   }));
   Chip.displayName = 'Chip';
-  Chip.defaultProps = {
-    __TYPE: 'Chip',
-    label: null,
-    icon: null,
-    image: null,
-    removable: false,
-    removeIcon: 'pi pi-times-circle',
-    className: null,
-    style: null,
-    template: null,
-    imageAlt: 'chip',
-    onImageError: null,
-    onRemove: null
-  };
 
   exports.Chip = Chip;
 

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 l=n(t);function a(){return a=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},a.apply(this,arguments)}function o(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,l,a,o,i=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){u=!0,l=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw l}}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=l.memo(l.forwardRef((function(e,t){var n,c,m,f,y,b=l.useRef(null),h=l.useState(!0),v=(c=2,o(n=h)||i(n,c)||u(n,c)||s()),g=v[0],d=v[1],O=function(e){13===e.keyCode&&j(e)},j=function(t){d(!1),e.onRemove&&e.onRemove(t)},I=function(){var t=[];return e.image?t.push(l.createElement("img",{key:"image",src:e.image,alt:e.imageAlt,onError:e.onImageError})):e.icon&&t.push(r.IconUtils.getJSXIcon(e.icon,{key:"icon",className:"p-chip-icon"},{props:e})),e.label&&t.push(l.createElement("span",{key:"label",className:"p-chip-text"},e.label)),e.removable&&t.push(r.IconUtils.getJSXIcon(e.removeIcon,{key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:j,onKeyDown:O},{props:e})),t};return l.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return b.current}}})),g&&(m=r.ObjectUtils.findDiffKeys(e,p.defaultProps),f=r.classNames("p-chip p-component",{"p-chip-image":null!=e.image},e.className),y=e.template?r.ObjectUtils.getJSXElement(e.template,e):I(),l.createElement("div",a({ref:b,className:f,style:e.style},m),y))})));return p.displayName="Chip",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},e.Chip=p,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+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);

package/chip/package.json

@@ -2,5 +2,6 @@
     "main": "./chip.cjs.js",
     "module": "./chip.esm.js",
     "unpkg": "./chip.min.js",
-    "types": "./chip.d.ts"
+    "types": "./chip.d.ts",
+    "sideEffects": false
 }

package/chips/chips.cjs.js

@@ -44,9 +44,7 @@ function _extends() {
 
 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];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -93,9 +91,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -117,7 +113,47 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var ChipsBase = {
+  defaultProps: {
+    __TYPE: 'Chips',
+    id: null,
+    inputRef: null,
+    inputId: null,
+    name: null,
+    placeholder: null,
+    value: null,
+    max: null,
+    disabled: null,
+    readOnly: false,
+    removable: true,
+    style: null,
+    className: null,
+    tooltip: null,
+    tooltipOptions: null,
+    ariaLabelledBy: null,
+    separator: null,
+    allowDuplicate: true,
+    itemTemplate: null,
+    keyfilter: null,
+    addOnBlur: null,
+    onAdd: null,
+    onRemove: null,
+    onChange: null,
+    onFocus: null,
+    onBlur: null,
+    onKeyDown: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, ChipsBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, ChipsBase.defaultProps);
+  }
+};
+
+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),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
@@ -184,16 +220,13 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     if (event.defaultPrevented) {
       return;
     }
-    switch (event.which) {
-      //backspace
-      case 8:
+    switch (event.key) {
+      case 'Backspace':
         if (inputRef.current.value.length === 0 && values.length > 0) {
           removeItem(event, values.length - 1);
         }
         break;
-
-      //enter
-      case 13:
+      case 'Enter':
         if (inputValue && inputValue.trim().length && (!props.max || props.max > values.length)) {
           addItem(event, inputValue, true);
         }
@@ -204,8 +237,11 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
         }
         if (isMaxedOut()) {
           event.preventDefault();
-        } else if (props.separator === ',' && event.which === 188) {
-          addItem(event, inputValue, true);
+        } else if (props.separator === ',') {
+          // GitHub #3885 Android Opera gives strange code 229 for comma
+          if (event.key === props.separator || utils.DomHandler.isAndroid() && event.which === 229) {
+            addItem(event, inputValue, true);
+          }
         }
         break;
     }
@@ -276,6 +312,9 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
+      focus: function focus() {
+        return utils.DomHandler.focus(inputRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       },
@@ -343,7 +382,7 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     }, items, input);
   };
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = utils.ObjectUtils.findDiffKeys(props, Chips.defaultProps);
+  var otherProps = ChipsBase.getOtherProps(props);
   var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
   var className = utils.classNames('p-chips p-component p-inputwrapper', {
     'p-inputwrapper-filled': isFilled,
@@ -361,34 +400,5 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   }, props.tooltipOptions)));
 }));
 Chips.displayName = 'Chips';
-Chips.defaultProps = {
-  __TYPE: 'Chips',
-  id: null,
-  inputRef: null,
-  inputId: null,
-  name: null,
-  placeholder: null,
-  value: null,
-  max: null,
-  disabled: null,
-  readOnly: false,
-  removable: true,
-  style: null,
-  className: null,
-  tooltip: null,
-  tooltipOptions: null,
-  ariaLabelledBy: null,
-  separator: null,
-  allowDuplicate: true,
-  itemTemplate: null,
-  keyfilter: null,
-  addOnBlur: null,
-  onAdd: null,
-  onRemove: null,
-  onChange: null,
-  onFocus: null,
-  onBlur: null,
-  onKeyDown: null
-};
 
 exports.Chips = Chips;

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 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,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 o(e){if(Array.isArray(e))return u(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 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 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 o(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,i,u=[],o=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=a.call(n)).done)&&(u.push(r.value),u.length!==t);o=!0);}catch(e){c=!0,l=e}finally{try{if(!o&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw l}}return u}}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=a.memo(a.forwardRef((function(e,l){var u,o,c=a.useState(!1),p=(o=2,d(u=c)||m(u,o)||s(u,o)||v()),b=p[0],h=p[1],g=a.useRef(null),O=a.useRef(null),w=a.useRef(e.inputRef),j=function(t,n){if(!e.disabled||!e.readOnly){var r=f(e.value),l=r.splice(n,1);S(l,n)&&(e.onRemove&&e.onRemove({originalEvent:t,value:l}),e.onChange&&e.onChange({originalEvent:t,value:r,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:r}}))}},E=function(t,n,r){if(n&&n.trim().length){var l=e.value?f(e.value):[];if(e.allowDuplicate||-1===l.indexOf(n)){var a=!0;e.onAdd&&(a=e.onAdd({originalEvent:t,value:n})),!1!==a&&l.push(n)}x(t,l,r)}},D=function(){r.DomHandler.focus(w.current)},k=function(n){var r=n.target.value,l=e.value||[];if(e.onKeyDown&&e.onKeyDown(n),!n.defaultPrevented)switch(n.which){case 8:0===w.current.value.length&&l.length>0&&j(n,l.length-1);break;case 13:r&&r.trim().length&&(!e.max||e.max>l.length)&&E(n,r,!0);break;default:e.keyfilter&&t.KeyFilter.onKeyPress(n,e.keyfilter),R()?n.preventDefault():","===e.separator&&188===n.which&&E(n,r,!0)}},x=function(t,n,r){e.onChange&&e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}}),w.current.value="",r&&t.preventDefault()},P=function(n){if(e.separator){var r=(n.clipboardData||window.clipboardData).getData("Text");if(e.keyfilter&&t.KeyFilter.onPaste(n,e.keyfilter),r){var l=e.value||[],a=r.split(e.separator);a=a.filter((function(t){return(e.allowDuplicate||-1===l.indexOf(t))&&t.trim().length})),l=[].concat(f(l),f(a)),x(n,l,!0)}}},A=function(t){h(!0),e.onFocus&&e.onFocus(t)},N=function(t){if(e.addOnBlur){var n=t.target.value,r=e.value||[];n&&n.trim().length&&(!e.max||e.max>r.length)&&E(t,n,!0)}h(!1),e.onBlur&&e.onBlur(t)},R=function(){return e.max&&e.value&&e.max===e.value.length},C=w.current&&w.current.value,I=a.useMemo((function(){return r.ObjectUtils.isNotEmpty(e.value)||r.ObjectUtils.isNotEmpty(C)}),[e.value,C]),S=function(t,n){return r.ObjectUtils.getPropValue(e.removable,{value:t,index:n,props:e})};a.useImperativeHandle(l,(function(){return{props:e,getElement:function(){return g.current},getInput:function(){return w.current}}})),a.useEffect((function(){r.ObjectUtils.combinedRefs(w,e.inputRef)}),[w,e.inputRef]);var K=function(t,n){return e.disabled||e.readOnly||!S(t,n)?null:a.createElement("span",{className:"p-chips-token-icon pi pi-times-circle",onClick:function(e){return j(e,n)}})},T=function(t,n){var r=e.itemTemplate?e.itemTemplate(t):t,l=a.createElement("span",{className:"p-chips-token-label"},r),i=K(t,n);return a.createElement("li",{key:n,className:"p-chips-token p-highlight"},l,i)},U=r.ObjectUtils.isNotEmpty(e.tooltip),B=r.ObjectUtils.findDiffKeys(e,y.defaultProps),F=r.ObjectUtils.reduceKeys(B,r.DomHandler.ARIA_PROPS),_=r.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":I,"p-inputwrapper-focus":b},e.className),q=function(){var t=r.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":e.disabled,"p-focus":b}),n=e.value?e.value.map(T):null,l=a.createElement("li",{className:"p-chips-input-token"},a.createElement("input",i({ref:w,id:e.inputId,placeholder:e.placeholder,type:"text",name:e.name,disabled:e.disabled||R(),onKeyDown:k,onPaste:P,onFocus:A,onBlur:N,readOnly:e.readOnly},F)));return a.createElement("ul",{ref:O,className:t,onClick:D},n,l)}();return a.createElement(a.Fragment,null,a.createElement("div",i({ref:g,id:e.id,className:_,style:e.style},B),q),U&&a.createElement(n.Tooltip,i({target:w,content:e.tooltip},e.tooltipOptions)))})));y.displayName="Chips",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},exports.Chips=y;
+"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;