primereact 9.4.0 → 9.6.0

package/chips/chips.esm.js

@@ -1,8 +1,11 @@
 import * as React from 'react';
+import { useMountEffect } from 'primereact/hooks';
 import { TimesCircleIcon } from 'primereact/icons/timescircle';
 import { KeyFilter } from 'primereact/keyfilter';
 import { Tooltip } from 'primereact/tooltip';
-import { ObjectUtils, DomHandler, classNames, IconUtils } from 'primereact/utils';
+import { ObjectUtils, DomHandler, classNames, mergeProps, IconUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
+import { PrimeReactContext } from 'primereact/api';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -131,54 +134,57 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var ChipsBase = {
+var ChipsBase = ComponentBase.extend({
   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) {
-    return ObjectUtils.getMergedProps(props, ChipsBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, ChipsBase.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; }
 var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = ChipsBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = ChipsBase.getProps(inProps, context);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
+  var _ChipsBase$setMetaDat = ChipsBase.setMetaData({
+      props: props,
+      state: {
+        focused: focusedState
+      }
+    }),
+    ptm = _ChipsBase$setMetaDat.ptm;
   var elementRef = React.useRef(null);
   var listRef = React.useRef(null);
   var inputRef = React.useRef(props.inputRef);
@@ -236,7 +242,7 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
   var onWrapperClick = function onWrapperClick() {
     DomHandler.focus(inputRef.current);
   };
-  var onKeyDown = function onKeyDown(event) {
+  var _onKeyDown = function onKeyDown(event) {
     var inputValue = event.target.value;
     var values = props.value || [];
     props.onKeyDown && props.onKeyDown(event);
@@ -292,7 +298,7 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
     inputRef.current.value = '';
     preventDefault && event.preventDefault();
   };
-  var onPaste = function onPaste(event) {
+  var _onPaste = function onPaste(event) {
     if (props.separator) {
       var pastedData = (event.clipboardData || window['clipboardData']).getData('Text');
       if (props.keyfilter) {
@@ -309,11 +315,11 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
       }
     }
   };
-  var onFocus = function onFocus(event) {
+  var _onFocus = function onFocus(event) {
     setFocusedState(true);
     props.onFocus && props.onFocus(event);
   };
-  var onBlur = function onBlur(event) {
+  var _onBlur = function onBlur(event) {
     if (props.addOnBlur) {
       var inputValue = event.target.value;
       var values = props.value || [];
@@ -355,13 +361,18 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
   React.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
+  useMountEffect(function () {
+    if (props.autoFocus) {
+      DomHandler.focus(inputRef.current, props.autoFocus);
+    }
+  });
   var createRemoveIcon = function createRemoveIcon(value, index) {
-    var iconProps = {
+    var iconProps = mergeProps({
       className: 'p-chips-token-icon',
       onClick: function onClick(event) {
         return removeItem(event, index);
       }
-    };
+    }, ptm('removeTokenIcon'));
     var icon = props.removeIcon || /*#__PURE__*/React.createElement(TimesCircleIcon, iconProps);
     var removeIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
       props: props
@@ -373,31 +384,43 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
   };
   var createItem = function createItem(value, index) {
     var content = props.itemTemplate ? props.itemTemplate(value) : value;
-    var label = /*#__PURE__*/React.createElement("span", {
-      className: "p-chips-token-label"
-    }, content);
+    var labelProps = mergeProps({
+      className: 'p-chips-token-label'
+    }, ptm('label'));
+    var label = /*#__PURE__*/React.createElement("span", labelProps, content);
     var icon = createRemoveIcon(value, index);
-    return /*#__PURE__*/React.createElement("li", {
+    var tokenProps = mergeProps({
       key: index,
-      className: "p-chips-token p-highlight"
-    }, label, icon);
+      className: 'p-chips-token p-highlight'
+    }, ptm('token'));
+    return /*#__PURE__*/React.createElement("li", tokenProps, label, icon);
   };
   var createInput = function createInput() {
-    return /*#__PURE__*/React.createElement("li", {
-      className: "p-chips-input-token"
-    }, /*#__PURE__*/React.createElement("input", _extends({
-      ref: inputRef,
+    var inputTokenProps = mergeProps({
+      className: 'p-chips-input-token'
+    }, ptm('inputToken'));
+    var inputProps = mergeProps(_objectSpread({
       id: props.inputId,
+      ref: inputRef,
       placeholder: props.placeholder,
-      type: "text",
+      type: 'text',
       name: props.name,
       disabled: props.disabled || isMaxedOut(),
-      onKeyDown: onKeyDown,
-      onPaste: onPaste,
-      onFocus: onFocus,
-      onBlur: onBlur,
+      onKeyDown: function onKeyDown(e) {
+        return _onKeyDown(e);
+      },
+      onPaste: function onPaste(e) {
+        return _onPaste(e);
+      },
+      onFocus: function onFocus(e) {
+        return _onFocus(e);
+      },
+      onBlur: function onBlur(e) {
+        return _onBlur(e);
+      },
       readOnly: props.readOnly
-    }, ariaProps)));
+    }, ariaProps), ptm('input'));
+    return /*#__PURE__*/React.createElement("li", inputTokenProps, /*#__PURE__*/React.createElement("input", inputProps));
   };
   var createItems = function createItems() {
     return props.value ? props.value.map(createItem) : null;
@@ -409,11 +432,14 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
     });
     var items = createItems();
     var input = createInput();
-    return /*#__PURE__*/React.createElement("ul", {
+    var containerProps = mergeProps({
       ref: listRef,
       className: className,
-      onClick: onWrapperClick
-    }, items, input);
+      onClick: function onClick(e) {
+        return onWrapperClick();
+      }
+    }, ptm('container'));
+    return /*#__PURE__*/React.createElement("ul", containerProps, items, input);
   };
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ChipsBase.getOtherProps(props);
@@ -423,15 +449,18 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
     'p-inputwrapper-focus': focusedState
   }, props.className);
   var list = createList();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
-    ref: elementRef,
+  var rootProps = mergeProps({
     id: props.id,
+    ref: elementRef,
     className: className,
     style: props.style
-  }, otherProps), list), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+  }, ptm('root'));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, list), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: inputRef,
     content: props.tooltip
-  }, props.tooltipOptions)));
+  }, props.tooltipOptions, {
+    pt: ptm('tooltip')
+  })));
 }));
 Chips.displayName = 'Chips';
 

package/chips/chips.esm.min.js

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

package/chips/chips.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.chips = (function (exports, React, timescircle, keyfilter, tooltip, utils) {
+this.primereact.chips = (function (exports, React, hooks, timescircle, keyfilter, tooltip, utils, componentbase, api) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -149,54 +149,57 @@ this.primereact.chips = (function (exports, React, timescircle, keyfilter, toolt
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var ChipsBase = {
+  var ChipsBase = componentbase.ComponentBase.extend({
     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) {
-      return utils.ObjectUtils.getMergedProps(props, ChipsBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, ChipsBase.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; }
   var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = ChipsBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = ChipsBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       focusedState = _React$useState2[0],
       setFocusedState = _React$useState2[1];
+    var _ChipsBase$setMetaDat = ChipsBase.setMetaData({
+        props: props,
+        state: {
+          focused: focusedState
+        }
+      }),
+      ptm = _ChipsBase$setMetaDat.ptm;
     var elementRef = React__namespace.useRef(null);
     var listRef = React__namespace.useRef(null);
     var inputRef = React__namespace.useRef(props.inputRef);
@@ -254,7 +257,7 @@ this.primereact.chips = (function (exports, React, timescircle, keyfilter, toolt
     var onWrapperClick = function onWrapperClick() {
       utils.DomHandler.focus(inputRef.current);
     };
-    var onKeyDown = function onKeyDown(event) {
+    var _onKeyDown = function onKeyDown(event) {
       var inputValue = event.target.value;
       var values = props.value || [];
       props.onKeyDown && props.onKeyDown(event);
@@ -310,7 +313,7 @@ this.primereact.chips = (function (exports, React, timescircle, keyfilter, toolt
       inputRef.current.value = '';
       preventDefault && event.preventDefault();
     };
-    var onPaste = function onPaste(event) {
+    var _onPaste = function onPaste(event) {
       if (props.separator) {
         var pastedData = (event.clipboardData || window['clipboardData']).getData('Text');
         if (props.keyfilter) {
@@ -327,11 +330,11 @@ this.primereact.chips = (function (exports, React, timescircle, keyfilter, toolt
         }
       }
     };
-    var onFocus = function onFocus(event) {
+    var _onFocus = function onFocus(event) {
       setFocusedState(true);
       props.onFocus && props.onFocus(event);
     };
-    var onBlur = function onBlur(event) {
+    var _onBlur = function onBlur(event) {
       if (props.addOnBlur) {
         var inputValue = event.target.value;
         var values = props.value || [];
@@ -373,13 +376,18 @@ this.primereact.chips = (function (exports, React, timescircle, keyfilter, toolt
     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 = {
+      var iconProps = utils.mergeProps({
         className: 'p-chips-token-icon',
         onClick: function onClick(event) {
           return removeItem(event, index);
         }
-      };
+      }, ptm('removeTokenIcon'));
       var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, iconProps);
       var removeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
         props: props
@@ -391,31 +399,43 @@ this.primereact.chips = (function (exports, React, timescircle, keyfilter, toolt
     };
     var createItem = function createItem(value, index) {
       var content = props.itemTemplate ? props.itemTemplate(value) : value;
-      var label = /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-chips-token-label"
-      }, content);
+      var labelProps = utils.mergeProps({
+        className: 'p-chips-token-label'
+      }, ptm('label'));
+      var label = /*#__PURE__*/React__namespace.createElement("span", labelProps, content);
       var icon = createRemoveIcon(value, index);
-      return /*#__PURE__*/React__namespace.createElement("li", {
+      var tokenProps = utils.mergeProps({
         key: index,
-        className: "p-chips-token p-highlight"
-      }, label, icon);
+        className: 'p-chips-token p-highlight'
+      }, ptm('token'));
+      return /*#__PURE__*/React__namespace.createElement("li", tokenProps, label, icon);
     };
     var createInput = function createInput() {
-      return /*#__PURE__*/React__namespace.createElement("li", {
-        className: "p-chips-input-token"
-      }, /*#__PURE__*/React__namespace.createElement("input", _extends({
-        ref: inputRef,
+      var inputTokenProps = utils.mergeProps({
+        className: 'p-chips-input-token'
+      }, ptm('inputToken'));
+      var inputProps = utils.mergeProps(_objectSpread({
         id: props.inputId,
+        ref: inputRef,
         placeholder: props.placeholder,
-        type: "text",
+        type: 'text',
         name: props.name,
         disabled: props.disabled || isMaxedOut(),
-        onKeyDown: onKeyDown,
-        onPaste: onPaste,
-        onFocus: onFocus,
-        onBlur: onBlur,
+        onKeyDown: function onKeyDown(e) {
+          return _onKeyDown(e);
+        },
+        onPaste: function onPaste(e) {
+          return _onPaste(e);
+        },
+        onFocus: function onFocus(e) {
+          return _onFocus(e);
+        },
+        onBlur: function onBlur(e) {
+          return _onBlur(e);
+        },
         readOnly: props.readOnly
-      }, ariaProps)));
+      }, ariaProps), ptm('input'));
+      return /*#__PURE__*/React__namespace.createElement("li", inputTokenProps, /*#__PURE__*/React__namespace.createElement("input", inputProps));
     };
     var createItems = function createItems() {
       return props.value ? props.value.map(createItem) : null;
@@ -427,11 +447,14 @@ this.primereact.chips = (function (exports, React, timescircle, keyfilter, toolt
       });
       var items = createItems();
       var input = createInput();
-      return /*#__PURE__*/React__namespace.createElement("ul", {
+      var containerProps = utils.mergeProps({
         ref: listRef,
         className: className,
-        onClick: onWrapperClick
-      }, items, input);
+        onClick: function onClick(e) {
+          return onWrapperClick();
+        }
+      }, ptm('container'));
+      return /*#__PURE__*/React__namespace.createElement("ul", containerProps, items, input);
     };
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = ChipsBase.getOtherProps(props);
@@ -441,15 +464,18 @@ this.primereact.chips = (function (exports, React, timescircle, keyfilter, toolt
       'p-inputwrapper-focus': focusedState
     }, props.className);
     var list = createList();
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
-      ref: elementRef,
+    var rootProps = utils.mergeProps({
       id: props.id,
+      ref: elementRef,
       className: className,
       style: props.style
-    }, otherProps), list), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+    }, ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, list), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: inputRef,
       content: props.tooltip
-    }, props.tooltipOptions)));
+    }, props.tooltipOptions, {
+      pt: ptm('tooltip')
+    })));
   }));
   Chips.displayName = 'Chips';
 
@@ -459,4 +485,4 @@ this.primereact.chips = (function (exports, React, timescircle, keyfilter, toolt
 
   return exports;
 
-})({}, React, primereact.icons.timescircle, primereact.keyfilter, primereact.tooltip, primereact.utils);
+})({}, React, primereact.hooks, primereact.icons.timescircle, primereact.keyfilter, primereact.tooltip, primereact.utils, primereact.componentbase, primereact.api);

package/chips/chips.min.js

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