primereact 9.3.1 → 9.5.0

package/chip/chip.esm.js

@@ -1,22 +1,8 @@
 import * as React from 'react';
-import { ObjectUtils, classNames, IconUtils } from 'primereact/utils';
+import { classNames, ObjectUtils, mergeProps, IconUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 import { TimesCircleIcon } from 'primereact/icons/timescircle';
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
@@ -58,6 +44,21 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -113,7 +114,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var ChipBase = {
+var ChipBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Chip',
     label: null,
@@ -128,14 +129,8 @@ var ChipBase = {
     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);
   }
-};
+});
 
 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; }
@@ -146,6 +141,10 @@ var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
     setVisibleState = _React$useState2[1];
+  var _ChipBase$setMetaData = ChipBase.setMetaData({
+      props: props
+    }),
+    ptm = _ChipBase$setMetaData.ptm;
   var onKeyDown = function onKeyDown(event) {
     if (event.keyCode === 13) {
       // enter
@@ -160,53 +159,57 @@ var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
   };
   var createContent = function createContent() {
     var content = [];
-    var iconProps = {
+    var removeIconProps = mergeProps({
       key: 'removeIcon',
       tabIndex: 0,
       className: 'p-chip-remove-icon',
       onClick: close,
       onKeyDown: onKeyDown
-    };
-    var icon = props.removeIcon || /*#__PURE__*/React.createElement(TimesCircleIcon, iconProps);
+    }, ptm('removeIcon'));
+    var icon = props.removeIcon || /*#__PURE__*/React.createElement(TimesCircleIcon, removeIconProps);
     if (props.image) {
-      content.push( /*#__PURE__*/React.createElement("img", {
-        key: "image",
+      var imageProps = mergeProps({
+        key: 'image',
         src: props.image,
-        alt: props.imageAlt,
         onError: props.onImageError
-      }));
+      }, ptm('image'));
+      content.push( /*#__PURE__*/React.createElement("img", _extends({
+        alt: props.imageAlt
+      }, imageProps)));
     } else if (props.icon) {
-      content.push(IconUtils.getJSXIcon(props.icon, {
+      var chipIconProps = mergeProps({
         key: 'icon',
         className: 'p-chip-icon'
-      }, {
+      }, ptm('icon'));
+      content.push(IconUtils.getJSXIcon(props.icon, _objectSpread({}, chipIconProps), {
         props: props
       }));
     }
     if (props.label) {
-      content.push( /*#__PURE__*/React.createElement("span", {
-        key: "label",
-        className: "p-chip-text"
-      }, props.label));
+      var labelProps = mergeProps({
+        key: 'label',
+        className: 'p-chip-text'
+      }, ptm('label'));
+      content.push( /*#__PURE__*/React.createElement("span", labelProps, props.label));
     }
     if (props.removable) {
-      content.push(IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+      content.push(IconUtils.getJSXIcon(icon, _objectSpread({}, removeIconProps), {
         props: props
       }));
     }
     return content;
   };
   var createElement = function createElement() {
-    var otherProps = ChipBase.getOtherProps(props);
     var className = classNames('p-chip p-component', {
       'p-chip-image': props.image != null
     }, props.className);
     var content = props.template ? ObjectUtils.getJSXElement(props.template, props) : createContent();
-    return /*#__PURE__*/React.createElement("div", _extends({
+    var rootProps = mergeProps({
       ref: elementRef,
-      className: className,
-      style: props.style
-    }, otherProps), content);
+      style: props.style,
+      className: className
+    }, ChipBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React.createElement("div", rootProps, content);
   };
   React.useImperativeHandle(ref, function () {
     return {

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

package/chip/chip.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.chip = (function (exports, React, utils, timescircle) {
+this.primereact.chip = (function (exports, React, utils, componentbase, timescircle) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -22,21 +22,6 @@ this.primereact.chip = (function (exports, React, utils, timescircle) {
 
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
@@ -78,6 +63,21 @@ this.primereact.chip = (function (exports, React, utils, timescircle) {
     return obj;
   }
 
+  function _extends() {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+      return target;
+    };
+    return _extends.apply(this, arguments);
+  }
+
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -133,7 +133,7 @@ this.primereact.chip = (function (exports, React, utils, timescircle) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var ChipBase = {
+  var ChipBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Chip',
       label: null,
@@ -148,14 +148,8 @@ this.primereact.chip = (function (exports, React, utils, timescircle) {
       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);
     }
-  };
+  });
 
   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; }
@@ -166,6 +160,10 @@ this.primereact.chip = (function (exports, React, utils, timescircle) {
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
       setVisibleState = _React$useState2[1];
+    var _ChipBase$setMetaData = ChipBase.setMetaData({
+        props: props
+      }),
+      ptm = _ChipBase$setMetaData.ptm;
     var onKeyDown = function onKeyDown(event) {
       if (event.keyCode === 13) {
         // enter
@@ -180,53 +178,57 @@ this.primereact.chip = (function (exports, React, utils, timescircle) {
     };
     var createContent = function createContent() {
       var content = [];
-      var iconProps = {
+      var removeIconProps = utils.mergeProps({
         key: 'removeIcon',
         tabIndex: 0,
         className: 'p-chip-remove-icon',
         onClick: close,
         onKeyDown: onKeyDown
-      };
-      var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, iconProps);
+      }, ptm('removeIcon'));
+      var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, removeIconProps);
       if (props.image) {
-        content.push( /*#__PURE__*/React__namespace.createElement("img", {
-          key: "image",
+        var imageProps = utils.mergeProps({
+          key: 'image',
           src: props.image,
-          alt: props.imageAlt,
           onError: props.onImageError
-        }));
+        }, ptm('image'));
+        content.push( /*#__PURE__*/React__namespace.createElement("img", _extends({
+          alt: props.imageAlt
+        }, imageProps)));
       } else if (props.icon) {
-        content.push(utils.IconUtils.getJSXIcon(props.icon, {
+        var chipIconProps = utils.mergeProps({
           key: 'icon',
           className: 'p-chip-icon'
-        }, {
+        }, ptm('icon'));
+        content.push(utils.IconUtils.getJSXIcon(props.icon, _objectSpread({}, chipIconProps), {
           props: props
         }));
       }
       if (props.label) {
-        content.push( /*#__PURE__*/React__namespace.createElement("span", {
-          key: "label",
-          className: "p-chip-text"
-        }, props.label));
+        var labelProps = utils.mergeProps({
+          key: 'label',
+          className: 'p-chip-text'
+        }, ptm('label'));
+        content.push( /*#__PURE__*/React__namespace.createElement("span", labelProps, props.label));
       }
       if (props.removable) {
-        content.push(utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+        content.push(utils.IconUtils.getJSXIcon(icon, _objectSpread({}, removeIconProps), {
           props: props
         }));
       }
       return content;
     };
     var createElement = function createElement() {
-      var otherProps = ChipBase.getOtherProps(props);
       var className = utils.classNames('p-chip p-component', {
         'p-chip-image': props.image != null
       }, props.className);
       var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props) : createContent();
-      return /*#__PURE__*/React__namespace.createElement("div", _extends({
+      var rootProps = utils.mergeProps({
         ref: elementRef,
-        className: className,
-        style: props.style
-      }, otherProps), content);
+        style: props.style,
+        className: className
+      }, ChipBase.getOtherProps(props), ptm('root'));
+      return /*#__PURE__*/React__namespace.createElement("div", rootProps, content);
     };
     React__namespace.useImperativeHandle(ref, function () {
       return {
@@ -246,4 +248,4 @@ this.primereact.chip = (function (exports, React, utils, timescircle) {
 
   return exports;
 
-})({}, React, primereact.utils, primereact.icons.timescircle);
+})({}, React, primereact.utils, primereact.componentbase, primereact.icons.timescircle);

package/chip/chip.min.js

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

package/chips/chips.cjs.js

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var hooks = require('primereact/hooks');
+var timescircle = require('primereact/icons/timescircle');
 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;
@@ -158,33 +159,34 @@ function _slicedToArray(arr, i) {
 var ChipsBase = {
   defaultProps: {
     __TYPE: 'Chips',
+    addOnBlur: null,
+    allowDuplicate: true,
+    ariaLabelledBy: null,
+    autoFocus: false,
+    className: null,
+    disabled: null,
     id: null,
-    inputRef: null,
     inputId: null,
+    inputRef: null,
+    itemTemplate: null,
+    keyfilter: null,
+    max: null,
     name: null,
+    onAdd: null,
+    onBlur: null,
+    onChange: null,
+    onFocus: null,
+    onKeyDown: null,
+    onRemove: null,
     placeholder: null,
-    value: null,
-    max: null,
-    disabled: null,
     readOnly: false,
     removable: true,
     removeIcon: null,
+    separator: null,
     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,
+    value: null,
     children: undefined
   },
   getProps: function getProps(props) {
@@ -225,8 +227,12 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       props.onChange({
         originalEvent: event,
         value: values,
-        stopPropagation: function stopPropagation() {},
-        preventDefault: function preventDefault() {},
+        stopPropagation: function stopPropagation() {
+          event.stopPropagation();
+        },
+        preventDefault: function preventDefault() {
+          event.preventDefault();
+        },
         target: {
           name: props.name,
           id: props.id,
@@ -296,8 +302,12 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       props.onChange({
         originalEvent: event,
         value: items,
-        stopPropagation: function stopPropagation() {},
-        preventDefault: function preventDefault() {},
+        stopPropagation: function stopPropagation() {
+          event.stopPropagation();
+        },
+        preventDefault: function preventDefault() {
+          event.preventDefault();
+        },
         target: {
           name: props.name,
           id: props.id,
@@ -371,6 +381,11 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   React__namespace.useEffect(function () {
     utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
+  hooks.useMountEffect(function () {
+    if (props.autoFocus) {
+      utils.DomHandler.focus(inputRef.current, props.autoFocus);
+    }
+  });
   var createRemoveIcon = function createRemoveIcon(value, index) {
     var iconProps = {
       className: 'p-chips-token-icon',

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

package/chips/chips.d.ts

@@ -75,6 +75,11 @@ interface ChipsChangeEvent extends FormEvent<any[]> {}
  * @group Properties
  */
 export interface ChipsProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'ref'> {
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @defaultValue false
+     */
+    autoFocus?: boolean | undefined;
     /**
      * Reference of the input element.
      */