primereact 6.6.0 → 7.0.1

package/chip/chip.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.chip = (function (exports, React, core) {
+this.primereact.chip = (function (exports, React, utils) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -79,6 +79,8 @@ this.primereact.chip = (function (exports, React, core) {
   function _possibleConstructorReturn(self, call) {
     if (call && (_typeof(call) === "object" || typeof call === "function")) {
       return call;
+    } else if (call !== void 0) {
+      throw new TypeError("Derived constructors may only return object or undefined");
     }
 
     return _assertThisInitialized(self);
@@ -164,35 +166,37 @@ this.primereact.chip = (function (exports, React, core) {
             }
           };
 
-          content.push( /*#__PURE__*/React__default['default'].createElement("img", {
+          content.push( /*#__PURE__*/React__default["default"].createElement("img", {
             key: "image",
             src: this.props.image,
             alt: this.props.imageAlt,
             onError: onError
           }));
         } else if (this.props.icon) {
-          var iconClassName = core.classNames('p-chip-icon', this.props.icon);
-          content.push( /*#__PURE__*/React__default['default'].createElement("span", {
-            key: "icon",
-            className: iconClassName
+          content.push(utils.IconUtils.getJSXIcon(this.props.icon, {
+            key: 'icon',
+            className: 'p-chip-icon'
+          }, {
+            props: this.props
           }));
         }
 
         if (this.props.label) {
-          content.push( /*#__PURE__*/React__default['default'].createElement("span", {
+          content.push( /*#__PURE__*/React__default["default"].createElement("span", {
             key: "label",
             className: "p-chip-text"
           }, this.props.label));
         }
 
         if (this.props.removable) {
-          var removableIconClassName = core.classNames('p-chip-remove-icon', this.props.removeIcon);
-          content.push( /*#__PURE__*/React__default['default'].createElement("span", {
-            key: "removeIcon",
+          content.push(utils.IconUtils.getJSXIcon(this.props.removeIcon, {
+            key: 'removeIcon',
             tabIndex: 0,
-            className: removableIconClassName,
+            className: 'p-chip-remove-icon',
             onClick: this.close,
             onKeyDown: this.onKeyDown
+          }, {
+            props: this.props
           }));
         }
 
@@ -201,11 +205,11 @@ this.primereact.chip = (function (exports, React, core) {
     }, {
       key: "renderElement",
       value: function renderElement() {
-        var containerClassName = core.classNames('p-chip p-component', {
+        var containerClassName = utils.classNames('p-chip p-component', {
           'p-chip-image': this.props.image != null
         }, this.props.className);
-        var content = this.props.template ? core.ObjectUtils.getJSXElement(this.props.template, this.props) : this.renderContent();
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        var content = this.props.template ? utils.ObjectUtils.getJSXElement(this.props.template, this.props) : this.renderContent();
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: containerClassName,
           style: this.props.style
         }, content);
@@ -240,4 +244,4 @@ this.primereact.chip = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.utils);

package/chip/chip.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.chip=function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t);function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function l(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function c(e,t){return(c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&c(e,t)}function p(e){return(p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e,t){return!t||"object"!==p(t)&&"function"!=typeof t?l(e):t}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function m(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var h,y,b,v=function(e){a(b,e);var t,r,c,p,h,y=(t=b,r=m(),function(){var e,n=f(t);if(r){var o=f(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return u(this,e)});function b(e){var t;return i(this,b),(t=y.call(this,e)).state={visible:!0},t.close=t.close.bind(l(t)),t.onKeyDown=t.onKeyDown.bind(l(t)),t}return c=b,(p=[{key:"onKeyDown",value:function(e){13===e.keyCode&&this.close(e)}},{key:"close",value:function(e){var t=this;e.persist(),this.setState({visible:!1},(function(){t.props.onRemove&&t.props.onRemove(e)}))}},{key:"renderContent",value:function(){var e=this,t=[];if(this.props.image)t.push(o.default.createElement("img",{key:"image",src:this.props.image,alt:this.props.imageAlt,onError:function(t){e.props.onImageError&&e.props.onImageError(t)}}));else if(this.props.icon){var r=n.classNames("p-chip-icon",this.props.icon);t.push(o.default.createElement("span",{key:"icon",className:r}))}if(this.props.label&&t.push(o.default.createElement("span",{key:"label",className:"p-chip-text"},this.props.label)),this.props.removable){var i=n.classNames("p-chip-remove-icon",this.props.removeIcon);t.push(o.default.createElement("span",{key:"removeIcon",tabIndex:0,className:i,onClick:this.close,onKeyDown:this.onKeyDown}))}return t}},{key:"renderElement",value:function(){var e=n.classNames("p-chip p-component",{"p-chip-image":null!=this.props.image},this.props.className),t=this.props.template?n.ObjectUtils.getJSXElement(this.props.template,this.props):this.renderContent();return o.default.createElement("div",{className:e,style:this.props.style},t)}},{key:"render",value:function(){return this.state.visible&&this.renderElement()}}])&&s(c.prototype,p),h&&s(c,h),b}(t.Component);return b={label:null,icon:null,image:null,removable:!1,removeIcon:"pi pi-times-circle",className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null},(y="defaultProps")in(h=v)?Object.defineProperty(h,y,{value:b,enumerable:!0,configurable:!0,writable:!0}):h[y]=b,e.Chip=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.chip=function(e,t,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(t);function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function l(e,t){return l=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},l(e,t)}function p(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&l(e,t)}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function a(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return c(e)}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}function h(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var m,y,b,v=function(e){p(b,e);var t,o,l,u,m,y=(t=b,o=h(),function(){var e,n=f(t);if(o){var r=f(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return a(this,e)});function b(e){var t;return i(this,b),(t=y.call(this,e)).state={visible:!0},t.close=t.close.bind(c(t)),t.onKeyDown=t.onKeyDown.bind(c(t)),t}return l=b,(u=[{key:"onKeyDown",value:function(e){13===e.keyCode&&this.close(e)}},{key:"close",value:function(e){var t=this;e.persist(),this.setState({visible:!1},(function(){t.props.onRemove&&t.props.onRemove(e)}))}},{key:"renderContent",value:function(){var e=this,t=[];return this.props.image?t.push(r.default.createElement("img",{key:"image",src:this.props.image,alt:this.props.imageAlt,onError:function(t){e.props.onImageError&&e.props.onImageError(t)}})):this.props.icon&&t.push(n.IconUtils.getJSXIcon(this.props.icon,{key:"icon",className:"p-chip-icon"},{props:this.props})),this.props.label&&t.push(r.default.createElement("span",{key:"label",className:"p-chip-text"},this.props.label)),this.props.removable&&t.push(n.IconUtils.getJSXIcon(this.props.removeIcon,{key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:this.close,onKeyDown:this.onKeyDown},{props:this.props})),t}},{key:"renderElement",value:function(){var e=n.classNames("p-chip p-component",{"p-chip-image":null!=this.props.image},this.props.className),t=this.props.template?n.ObjectUtils.getJSXElement(this.props.template,this.props):this.renderContent();return r.default.createElement("div",{className:e,style:this.props.style},t)}},{key:"render",value:function(){return this.state.visible&&this.renderElement()}}])&&s(l.prototype,u),m&&s(l,m),b}(t.Component);return b={label:null,icon:null,image:null,removable:!1,removeIcon:"pi pi-times-circle",className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null},(y="defaultProps")in(m=v)?Object.defineProperty(m,y,{value:b,enumerable:!0,configurable:!0,writable:!0}):m[y]=b,e.Chip=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/chips/chips.cjs.js

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
+var tooltip = require('primereact/tooltip');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -117,6 +118,8 @@ function _typeof(obj) {
 function _possibleConstructorReturn(self, call) {
   if (call && (_typeof(call) === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return _assertThisInitialized(self);
@@ -177,7 +180,7 @@ var Chips = /*#__PURE__*/function (_Component) {
   _createClass(Chips, [{
     key: "removeItem",
     value: function removeItem(event, index) {
-      if (this.props.disabled) {
+      if (this.props.disabled && this.props.readOnly) {
         return;
       }
 
@@ -185,6 +188,10 @@ var Chips = /*#__PURE__*/function (_Component) {
 
       var removedItem = values.splice(index, 1);
 
+      if (!this.isRemovable(removedItem, index)) {
+        return;
+      }
+
       if (this.props.onRemove) {
         this.props.onRemove({
           originalEvent: event,
@@ -346,6 +353,15 @@ var Chips = /*#__PURE__*/function (_Component) {
     value: function isFilled() {
       return this.props.value && this.props.value.length || this.inputRef && this.inputRef.current && this.inputRef.current.value && this.inputRef.current.value.length;
     }
+  }, {
+    key: "isRemovable",
+    value: function isRemovable(value, index) {
+      return utils.ObjectUtils.getPropValue(this.props.removable, {
+        value: value,
+        index: index,
+        props: this.props
+      });
+    }
   }, {
     key: "updateInputRef",
     value: function updateInputRef() {
@@ -395,7 +411,7 @@ var Chips = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderTooltip",
     value: function renderTooltip() {
-      this.tooltip = core.tip({
+      this.tooltip = tooltip.tip({
         target: this.inputRef.current,
         targetContainer: this.listElement,
         content: this.props.tooltip,
@@ -403,30 +419,39 @@ var Chips = /*#__PURE__*/function (_Component) {
       });
     }
   }, {
-    key: "renderItem",
-    value: function renderItem(value, index) {
+    key: "renderRemoveIcon",
+    value: function renderRemoveIcon(value, index) {
       var _this5 = this;
 
+      if (!this.props.disabled && !this.props.readOnly && this.isRemovable(value, index)) {
+        return /*#__PURE__*/React__default["default"].createElement("span", {
+          className: "p-chips-token-icon pi pi-times-circle",
+          onClick: function onClick(event) {
+            return _this5.removeItem(event, index);
+          }
+        });
+      }
+
+      return null;
+    }
+  }, {
+    key: "renderItem",
+    value: function renderItem(value, index) {
       var content = this.props.itemTemplate ? this.props.itemTemplate(value) : value;
-      var icon = this.props.disabled ? null : /*#__PURE__*/React__default['default'].createElement("span", {
-        className: "p-chips-token-icon pi pi-times-circle",
-        onClick: function onClick(event) {
-          return _this5.removeItem(event, index);
-        }
-      });
-      return /*#__PURE__*/React__default['default'].createElement("li", {
+      var icon = this.renderRemoveIcon(value, index);
+      return /*#__PURE__*/React__default["default"].createElement("li", {
         key: index,
         className: "p-chips-token p-highlight"
-      }, /*#__PURE__*/React__default['default'].createElement("span", {
+      }, /*#__PURE__*/React__default["default"].createElement("span", {
         className: "p-chips-token-label"
       }, content), icon);
     }
   }, {
     key: "renderInputElement",
     value: function renderInputElement() {
-      return /*#__PURE__*/React__default['default'].createElement("li", {
+      return /*#__PURE__*/React__default["default"].createElement("li", {
         className: "p-chips-input-token"
-      }, /*#__PURE__*/React__default['default'].createElement("input", {
+      }, /*#__PURE__*/React__default["default"].createElement("input", {
         ref: this.inputRef,
         placeholder: this.props.placeholder,
         type: "text",
@@ -436,7 +461,8 @@ var Chips = /*#__PURE__*/function (_Component) {
         onPaste: this.onPaste,
         onFocus: this.onFocus,
         onBlur: this.onBlur,
-        "aria-labelledby": this.props.ariaLabelledBy
+        "aria-labelledby": this.props.ariaLabelledBy,
+        readOnly: this.props.readOnly
       }));
     }
   }, {
@@ -457,13 +483,13 @@ var Chips = /*#__PURE__*/function (_Component) {
     value: function renderList() {
       var _this7 = this;
 
-      var className = core.classNames('p-inputtext p-chips-multiple-container', {
+      var className = utils.classNames('p-inputtext p-chips-multiple-container', {
         'p-disabled': this.props.disabled,
         'p-focus': this.state.focused
       });
       var items = this.renderItems();
       var inputElement = this.renderInputElement();
-      return /*#__PURE__*/React__default['default'].createElement("ul", {
+      return /*#__PURE__*/React__default["default"].createElement("ul", {
         ref: function ref(el) {
           return _this7.listElement = el;
         },
@@ -476,12 +502,12 @@ var Chips = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this8 = this;
 
-      var className = core.classNames('p-chips p-component p-inputwrapper', this.props.className, {
+      var className = utils.classNames('p-chips p-component p-inputwrapper', this.props.className, {
         'p-inputwrapper-filled': this.isFilled(),
         'p-inputwrapper-focus': this.state.focused
       });
       var list = this.renderList();
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(el) {
           return _this8.element = el;
         },
@@ -503,6 +529,8 @@ _defineProperty(Chips, "defaultProps", {
   value: null,
   max: null,
   disabled: null,
+  readOnly: false,
+  removable: true,
   style: null,
   className: null,
   tooltip: null,

package/chips/chips.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("primereact/core");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r=n(t);function o(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function i(t){if(Array.isArray(t))return o(t)}function p(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function s(t,e){if(t){if("string"==typeof t)return o(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(t,e):void 0}}function l(){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 u(t){return i(t)||p(t)||s(t)||l()}function a(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function c(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function f(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function h(t,e){return(h=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function d(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&h(t,e)}function v(t){return(v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function m(t,e){return!e||"object"!==v(e)&&"function"!=typeof e?f(t):e}function y(t){return(y=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function b(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function g(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function O(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?g(Object(n),!0).forEach((function(e){b(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function k(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var w=function(n){d(v,t.Component);var o,i,p,s,l,h=(o=v,i=k(),function(){var t,e=y(o);if(i){var n=y(this).constructor;t=Reflect.construct(e,arguments,n)}else t=e.apply(this,arguments);return m(this,t)});function v(e){var n;return a(this,v),(n=h.call(this,e)).state={focused:!1},n.onWrapperClick=n.onWrapperClick.bind(f(n)),n.onKeyDown=n.onKeyDown.bind(f(n)),n.onPaste=n.onPaste.bind(f(n)),n.onFocus=n.onFocus.bind(f(n)),n.onBlur=n.onBlur.bind(f(n)),n.inputRef=t.createRef(n.props.inputRef),n}return p=v,(s=[{key:"removeItem",value:function(t,e){if(!this.props.disabled){var n=u(this.props.value),r=n.splice(e,1);this.props.onRemove&&this.props.onRemove({originalEvent:t,value:r}),this.props.onChange&&this.props.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:n}})}}},{key:"addItem",value:function(t,e,n){if(e&&e.trim().length){var r=this.props.value?u(this.props.value):[];(this.props.allowDuplicate||-1===r.indexOf(e))&&(r.push(e),this.props.onAdd&&this.props.onAdd({originalEvent:t,value:e})),this.updateInput(t,r,n)}}},{key:"onWrapperClick",value:function(){this.inputRef.current.focus()}},{key:"onKeyDown",value:function(t){var e=t.target.value,n=this.props.value||[];switch(t.which){case 8:0===this.inputRef.current.value.length&&n.length>0&&this.removeItem(t,n.length-1);break;case 13:e&&e.trim().length&&(!this.props.max||this.props.max>n.length)&&this.addItem(t,e,!0);break;default:this.isMaxedOut()?t.preventDefault():this.props.separator&&","===this.props.separator&&188===t.which&&this.addItem(t,e,!0)}}},{key:"updateInput",value:function(t,e,n){this.props.onChange&&this.props.onChange({originalEvent:t,value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e}}),this.inputRef.current.value="",n&&t.preventDefault()}},{key:"onPaste",value:function(t){var e=this;if(this.props.separator){var n=(t.clipboardData||window.clipboardData).getData("Text");if(n){var r=this.props.value||[],o=n.split(this.props.separator);o=o.filter((function(t){return(e.props.allowDuplicate||-1===r.indexOf(t))&&t.trim().length})),r=[].concat(u(r),u(o)),this.updateInput(t,r,!0)}}}},{key:"onFocus",value:function(t){var e=this;t.persist(),this.setState({focused:!0},(function(){e.props.onFocus&&e.props.onFocus(t)}))}},{key:"onBlur",value:function(t){var e=this;t.persist(),this.setState({focused:!1},(function(){e.props.onBlur&&e.props.onBlur(t)}))}},{key:"isMaxedOut",value:function(){return this.props.max&&this.props.value&&this.props.max===this.props.value.length}},{key:"isFilled",value:function(){return this.props.value&&this.props.value.length||this.inputRef&&this.inputRef.current&&this.inputRef.current.value&&this.inputRef.current.value.length}},{key:"updateInputRef",value:function(){var t=this.props.inputRef;t&&("function"==typeof t?t(this.inputRef.current):t.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(t){var e=this.props.value&&t.value&&t.value.length===this.props.value.length;this.props.tooltip&&(t.tooltip!==this.props.tooltip||t.tooltipOptions!==this.props.tooltipOptions?this.tooltip?this.tooltip.update(O({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip():!e&&this.tooltip&&(this.tooltip.deactivate(),this.tooltip.activate()))}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"renderTooltip",value:function(){this.tooltip=e.tip({target:this.inputRef.current,targetContainer:this.listElement,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderItem",value:function(t,e){var n=this,o=this.props.itemTemplate?this.props.itemTemplate(t):t,i=this.props.disabled?null:r.default.createElement("span",{className:"p-chips-token-icon pi pi-times-circle",onClick:function(t){return n.removeItem(t,e)}});return r.default.createElement("li",{key:e,className:"p-chips-token p-highlight"},r.default.createElement("span",{className:"p-chips-token-label"},o),i)}},{key:"renderInputElement",value:function(){return r.default.createElement("li",{className:"p-chips-input-token"},r.default.createElement("input",{ref:this.inputRef,placeholder:this.props.placeholder,type:"text",name:this.props.name,disabled:this.props.disabled||this.isMaxedOut(),onKeyDown:this.onKeyDown,onPaste:this.onPaste,onFocus:this.onFocus,onBlur:this.onBlur,"aria-labelledby":this.props.ariaLabelledBy}))}},{key:"renderItems",value:function(){var t=this;return this.props.value?this.props.value.map((function(e,n){return t.renderItem(e,n)})):null}},{key:"renderList",value:function(){var t=this,n=e.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":this.props.disabled,"p-focus":this.state.focused}),o=this.renderItems(),i=this.renderInputElement();return r.default.createElement("ul",{ref:function(e){return t.listElement=e},className:n,onClick:this.onWrapperClick},o,i)}},{key:"render",value:function(){var t=this,n=e.classNames("p-chips p-component p-inputwrapper",this.props.className,{"p-inputwrapper-filled":this.isFilled(),"p-inputwrapper-focus":this.state.focused}),o=this.renderList();return r.default.createElement("div",{ref:function(e){return t.element=e},id:this.props.id,className:n,style:this.props.style},o)}}])&&c(p.prototype,s),l&&c(p,l),v}();b(w,"defaultProps",{id:null,inputRef:null,name:null,placeholder:null,value:null,max:null,disabled:null,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null}),exports.Chips=w;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("primereact/utils"),n=require("primereact/tooltip");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=r(t);function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function s(t){if(Array.isArray(t))return i(t)}function p(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function l(t,e){if(t){if("string"==typeof t)return i(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(t,e):void 0}}function u(){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 a(t){return s(t)||p(t)||l(t)||u()}function c(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function f(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function h(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function d(t,e){return d=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},d(t,e)}function v(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&d(t,e)}function y(t){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},y(t)}function m(t,e){if(e&&("object"===y(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return h(t)}function b(t){return b=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},b(t)}function g(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function O(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function k(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?O(Object(n),!0).forEach((function(e){g(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function w(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var R=function(r){v(y,t.Component);var i,s,p,l,u,d=(i=y,s=w(),function(){var t,e=b(i);if(s){var n=b(this).constructor;t=Reflect.construct(e,arguments,n)}else t=e.apply(this,arguments);return m(this,t)});function y(e){var n;return c(this,y),(n=d.call(this,e)).state={focused:!1},n.onWrapperClick=n.onWrapperClick.bind(h(n)),n.onKeyDown=n.onKeyDown.bind(h(n)),n.onPaste=n.onPaste.bind(h(n)),n.onFocus=n.onFocus.bind(h(n)),n.onBlur=n.onBlur.bind(h(n)),n.inputRef=t.createRef(n.props.inputRef),n}return p=y,(l=[{key:"removeItem",value:function(t,e){if(!this.props.disabled||!this.props.readOnly){var n=a(this.props.value),r=n.splice(e,1);this.isRemovable(r,e)&&(this.props.onRemove&&this.props.onRemove({originalEvent:t,value:r}),this.props.onChange&&this.props.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:n}}))}}},{key:"addItem",value:function(t,e,n){if(e&&e.trim().length){var r=this.props.value?a(this.props.value):[];(this.props.allowDuplicate||-1===r.indexOf(e))&&(r.push(e),this.props.onAdd&&this.props.onAdd({originalEvent:t,value:e})),this.updateInput(t,r,n)}}},{key:"onWrapperClick",value:function(){this.inputRef.current.focus()}},{key:"onKeyDown",value:function(t){var e=t.target.value,n=this.props.value||[];switch(t.which){case 8:0===this.inputRef.current.value.length&&n.length>0&&this.removeItem(t,n.length-1);break;case 13:e&&e.trim().length&&(!this.props.max||this.props.max>n.length)&&this.addItem(t,e,!0);break;default:this.isMaxedOut()?t.preventDefault():this.props.separator&&","===this.props.separator&&188===t.which&&this.addItem(t,e,!0)}}},{key:"updateInput",value:function(t,e,n){this.props.onChange&&this.props.onChange({originalEvent:t,value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e}}),this.inputRef.current.value="",n&&t.preventDefault()}},{key:"onPaste",value:function(t){var e=this;if(this.props.separator){var n=(t.clipboardData||window.clipboardData).getData("Text");if(n){var r=this.props.value||[],o=n.split(this.props.separator);o=o.filter((function(t){return(e.props.allowDuplicate||-1===r.indexOf(t))&&t.trim().length})),r=[].concat(a(r),a(o)),this.updateInput(t,r,!0)}}}},{key:"onFocus",value:function(t){var e=this;t.persist(),this.setState({focused:!0},(function(){e.props.onFocus&&e.props.onFocus(t)}))}},{key:"onBlur",value:function(t){var e=this;t.persist(),this.setState({focused:!1},(function(){e.props.onBlur&&e.props.onBlur(t)}))}},{key:"isMaxedOut",value:function(){return this.props.max&&this.props.value&&this.props.max===this.props.value.length}},{key:"isFilled",value:function(){return this.props.value&&this.props.value.length||this.inputRef&&this.inputRef.current&&this.inputRef.current.value&&this.inputRef.current.value.length}},{key:"isRemovable",value:function(t,n){return e.ObjectUtils.getPropValue(this.props.removable,{value:t,index:n,props:this.props})}},{key:"updateInputRef",value:function(){var t=this.props.inputRef;t&&("function"==typeof t?t(this.inputRef.current):t.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(t){var e=this.props.value&&t.value&&t.value.length===this.props.value.length;this.props.tooltip&&(t.tooltip!==this.props.tooltip||t.tooltipOptions!==this.props.tooltipOptions?this.tooltip?this.tooltip.update(k({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip():!e&&this.tooltip&&(this.tooltip.deactivate(),this.tooltip.activate()))}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"renderTooltip",value:function(){this.tooltip=n.tip({target:this.inputRef.current,targetContainer:this.listElement,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderRemoveIcon",value:function(t,e){var n=this;return this.props.disabled||this.props.readOnly||!this.isRemovable(t,e)?null:o.default.createElement("span",{className:"p-chips-token-icon pi pi-times-circle",onClick:function(t){return n.removeItem(t,e)}})}},{key:"renderItem",value:function(t,e){var n=this.props.itemTemplate?this.props.itemTemplate(t):t,r=this.renderRemoveIcon(t,e);return o.default.createElement("li",{key:e,className:"p-chips-token p-highlight"},o.default.createElement("span",{className:"p-chips-token-label"},n),r)}},{key:"renderInputElement",value:function(){return o.default.createElement("li",{className:"p-chips-input-token"},o.default.createElement("input",{ref:this.inputRef,placeholder:this.props.placeholder,type:"text",name:this.props.name,disabled:this.props.disabled||this.isMaxedOut(),onKeyDown:this.onKeyDown,onPaste:this.onPaste,onFocus:this.onFocus,onBlur:this.onBlur,"aria-labelledby":this.props.ariaLabelledBy,readOnly:this.props.readOnly}))}},{key:"renderItems",value:function(){var t=this;return this.props.value?this.props.value.map((function(e,n){return t.renderItem(e,n)})):null}},{key:"renderList",value:function(){var t=this,n=e.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":this.props.disabled,"p-focus":this.state.focused}),r=this.renderItems(),i=this.renderInputElement();return o.default.createElement("ul",{ref:function(e){return t.listElement=e},className:n,onClick:this.onWrapperClick},r,i)}},{key:"render",value:function(){var t=this,n=e.classNames("p-chips p-component p-inputwrapper",this.props.className,{"p-inputwrapper-filled":this.isFilled(),"p-inputwrapper-focus":this.state.focused}),r=this.renderList();return o.default.createElement("div",{ref:function(e){return t.element=e},id:this.props.id,className:n,style:this.props.style},r)}}])&&f(p.prototype,l),u&&f(p,u),y}();g(R,"defaultProps",{id:null,inputRef:null,name:null,placeholder:null,value:null,max:null,disabled:null,readOnly:!1,removable:!0,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null}),exports.Chips=R;

package/chips/chips.d.ts

@@ -1,6 +1,14 @@
 import * as React from 'react';
 import TooltipOptions from '../tooltip/tooltipoptions';
 
+type ChipsRemovableType = boolean | ((options: ChipsRemovableOptions) => boolean);
+
+interface ChipsRemovableOptions {
+    value: any;
+    index: number;
+    props: ChipsProps;
+}
+
 interface ChipsAddParams {
     originalEvent: React.SyntheticEvent;
     value: any;
@@ -30,6 +38,8 @@ export interface ChipsProps {
     value?: any[];
     max?: number;
     disabled?: boolean;
+    readOnly?: boolean;
+    removable?: ChipsRemovableType;
     style?: object;
     className?: string;
     tooltip?: string;

package/chips/chips.esm.js

@@ -1,5 +1,6 @@
 import React, { createRef, Component } from 'react';
-import { tip, classNames } from 'primereact/core';
+import { ObjectUtils, classNames } from 'primereact/utils';
+import { tip } from 'primereact/tooltip';
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
@@ -109,6 +110,8 @@ function _typeof(obj) {
 function _possibleConstructorReturn(self, call) {
   if (call && (_typeof(call) === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return _assertThisInitialized(self);
@@ -169,7 +172,7 @@ var Chips = /*#__PURE__*/function (_Component) {
   _createClass(Chips, [{
     key: "removeItem",
     value: function removeItem(event, index) {
-      if (this.props.disabled) {
+      if (this.props.disabled && this.props.readOnly) {
         return;
       }
 
@@ -177,6 +180,10 @@ var Chips = /*#__PURE__*/function (_Component) {
 
       var removedItem = values.splice(index, 1);
 
+      if (!this.isRemovable(removedItem, index)) {
+        return;
+      }
+
       if (this.props.onRemove) {
         this.props.onRemove({
           originalEvent: event,
@@ -338,6 +345,15 @@ var Chips = /*#__PURE__*/function (_Component) {
     value: function isFilled() {
       return this.props.value && this.props.value.length || this.inputRef && this.inputRef.current && this.inputRef.current.value && this.inputRef.current.value.length;
     }
+  }, {
+    key: "isRemovable",
+    value: function isRemovable(value, index) {
+      return ObjectUtils.getPropValue(this.props.removable, {
+        value: value,
+        index: index,
+        props: this.props
+      });
+    }
   }, {
     key: "updateInputRef",
     value: function updateInputRef() {
@@ -395,17 +411,26 @@ var Chips = /*#__PURE__*/function (_Component) {
       });
     }
   }, {
-    key: "renderItem",
-    value: function renderItem(value, index) {
+    key: "renderRemoveIcon",
+    value: function renderRemoveIcon(value, index) {
       var _this5 = this;
 
+      if (!this.props.disabled && !this.props.readOnly && this.isRemovable(value, index)) {
+        return /*#__PURE__*/React.createElement("span", {
+          className: "p-chips-token-icon pi pi-times-circle",
+          onClick: function onClick(event) {
+            return _this5.removeItem(event, index);
+          }
+        });
+      }
+
+      return null;
+    }
+  }, {
+    key: "renderItem",
+    value: function renderItem(value, index) {
       var content = this.props.itemTemplate ? this.props.itemTemplate(value) : value;
-      var icon = this.props.disabled ? null : /*#__PURE__*/React.createElement("span", {
-        className: "p-chips-token-icon pi pi-times-circle",
-        onClick: function onClick(event) {
-          return _this5.removeItem(event, index);
-        }
-      });
+      var icon = this.renderRemoveIcon(value, index);
       return /*#__PURE__*/React.createElement("li", {
         key: index,
         className: "p-chips-token p-highlight"
@@ -428,7 +453,8 @@ var Chips = /*#__PURE__*/function (_Component) {
         onPaste: this.onPaste,
         onFocus: this.onFocus,
         onBlur: this.onBlur,
-        "aria-labelledby": this.props.ariaLabelledBy
+        "aria-labelledby": this.props.ariaLabelledBy,
+        readOnly: this.props.readOnly
       }));
     }
   }, {
@@ -495,6 +521,8 @@ _defineProperty(Chips, "defaultProps", {
   value: null,
   max: null,
   disabled: null,
+  readOnly: false,
+  removable: true,
   style: null,
   className: null,
   tooltip: null,

package/chips/chips.esm.min.js

@@ -1 +1 @@
-import t,{createRef as e,Component as n}from"react";import{tip as r,classNames as o}from"primereact/core";function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function p(t){if(Array.isArray(t))return i(t)}function s(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function l(t,e){if(t){if("string"==typeof t)return i(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(t,e):void 0}}function u(){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 a(t){return p(t)||s(t)||l(t)||u()}function c(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function f(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function h(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function d(t,e){return(d=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function v(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&d(t,e)}function m(t){return(m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function y(t,e){return!e||"object"!==m(e)&&"function"!=typeof e?h(t):e}function b(t){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function g(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function O(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function k(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?O(Object(n),!0).forEach((function(e){g(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function w(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var R=function(i){v(g,n);var p,s,l,u,d,m=(p=g,s=w(),function(){var t,e=b(p);if(s){var n=b(this).constructor;t=Reflect.construct(e,arguments,n)}else t=e.apply(this,arguments);return y(this,t)});function g(t){var n;return c(this,g),(n=m.call(this,t)).state={focused:!1},n.onWrapperClick=n.onWrapperClick.bind(h(n)),n.onKeyDown=n.onKeyDown.bind(h(n)),n.onPaste=n.onPaste.bind(h(n)),n.onFocus=n.onFocus.bind(h(n)),n.onBlur=n.onBlur.bind(h(n)),n.inputRef=e(n.props.inputRef),n}return l=g,(u=[{key:"removeItem",value:function(t,e){if(!this.props.disabled){var n=a(this.props.value),r=n.splice(e,1);this.props.onRemove&&this.props.onRemove({originalEvent:t,value:r}),this.props.onChange&&this.props.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:n}})}}},{key:"addItem",value:function(t,e,n){if(e&&e.trim().length){var r=this.props.value?a(this.props.value):[];(this.props.allowDuplicate||-1===r.indexOf(e))&&(r.push(e),this.props.onAdd&&this.props.onAdd({originalEvent:t,value:e})),this.updateInput(t,r,n)}}},{key:"onWrapperClick",value:function(){this.inputRef.current.focus()}},{key:"onKeyDown",value:function(t){var e=t.target.value,n=this.props.value||[];switch(t.which){case 8:0===this.inputRef.current.value.length&&n.length>0&&this.removeItem(t,n.length-1);break;case 13:e&&e.trim().length&&(!this.props.max||this.props.max>n.length)&&this.addItem(t,e,!0);break;default:this.isMaxedOut()?t.preventDefault():this.props.separator&&","===this.props.separator&&188===t.which&&this.addItem(t,e,!0)}}},{key:"updateInput",value:function(t,e,n){this.props.onChange&&this.props.onChange({originalEvent:t,value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e}}),this.inputRef.current.value="",n&&t.preventDefault()}},{key:"onPaste",value:function(t){var e=this;if(this.props.separator){var n=(t.clipboardData||window.clipboardData).getData("Text");if(n){var r=this.props.value||[],o=n.split(this.props.separator);o=o.filter((function(t){return(e.props.allowDuplicate||-1===r.indexOf(t))&&t.trim().length})),r=[].concat(a(r),a(o)),this.updateInput(t,r,!0)}}}},{key:"onFocus",value:function(t){var e=this;t.persist(),this.setState({focused:!0},(function(){e.props.onFocus&&e.props.onFocus(t)}))}},{key:"onBlur",value:function(t){var e=this;t.persist(),this.setState({focused:!1},(function(){e.props.onBlur&&e.props.onBlur(t)}))}},{key:"isMaxedOut",value:function(){return this.props.max&&this.props.value&&this.props.max===this.props.value.length}},{key:"isFilled",value:function(){return this.props.value&&this.props.value.length||this.inputRef&&this.inputRef.current&&this.inputRef.current.value&&this.inputRef.current.value.length}},{key:"updateInputRef",value:function(){var t=this.props.inputRef;t&&("function"==typeof t?t(this.inputRef.current):t.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(t){var e=this.props.value&&t.value&&t.value.length===this.props.value.length;this.props.tooltip&&(t.tooltip!==this.props.tooltip||t.tooltipOptions!==this.props.tooltipOptions?this.tooltip?this.tooltip.update(k({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip():!e&&this.tooltip&&(this.tooltip.deactivate(),this.tooltip.activate()))}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"renderTooltip",value:function(){this.tooltip=r({target:this.inputRef.current,targetContainer:this.listElement,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderItem",value:function(e,n){var r=this,o=this.props.itemTemplate?this.props.itemTemplate(e):e,i=this.props.disabled?null:t.createElement("span",{className:"p-chips-token-icon pi pi-times-circle",onClick:function(t){return r.removeItem(t,n)}});return t.createElement("li",{key:n,className:"p-chips-token p-highlight"},t.createElement("span",{className:"p-chips-token-label"},o),i)}},{key:"renderInputElement",value:function(){return t.createElement("li",{className:"p-chips-input-token"},t.createElement("input",{ref:this.inputRef,placeholder:this.props.placeholder,type:"text",name:this.props.name,disabled:this.props.disabled||this.isMaxedOut(),onKeyDown:this.onKeyDown,onPaste:this.onPaste,onFocus:this.onFocus,onBlur:this.onBlur,"aria-labelledby":this.props.ariaLabelledBy}))}},{key:"renderItems",value:function(){var t=this;return this.props.value?this.props.value.map((function(e,n){return t.renderItem(e,n)})):null}},{key:"renderList",value:function(){var e=this,n=o("p-inputtext p-chips-multiple-container",{"p-disabled":this.props.disabled,"p-focus":this.state.focused}),r=this.renderItems(),i=this.renderInputElement();return t.createElement("ul",{ref:function(t){return e.listElement=t},className:n,onClick:this.onWrapperClick},r,i)}},{key:"render",value:function(){var e=this,n=o("p-chips p-component p-inputwrapper",this.props.className,{"p-inputwrapper-filled":this.isFilled(),"p-inputwrapper-focus":this.state.focused}),r=this.renderList();return t.createElement("div",{ref:function(t){return e.element=t},id:this.props.id,className:n,style:this.props.style},r)}}])&&f(l.prototype,u),d&&f(l,d),g}();g(R,"defaultProps",{id:null,inputRef:null,name:null,placeholder:null,value:null,max:null,disabled:null,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null});export{R as Chips};
+import t,{createRef as e,Component as n}from"react";import{ObjectUtils as r,classNames as o}from"primereact/utils";import{tip as i}from"primereact/tooltip";function p(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function s(t){if(Array.isArray(t))return p(t)}function l(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function u(t,e){if(t){if("string"==typeof t)return p(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(t,e):void 0}}function a(){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 c(t){return s(t)||l(t)||u(t)||a()}function h(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function f(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function d(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function v(t,e){return v=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},v(t,e)}function m(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&v(t,e)}function y(t){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},y(t)}function b(t,e){if(e&&("object"===y(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return d(t)}function g(t){return g=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},g(t)}function O(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function k(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function w(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?k(Object(n),!0).forEach((function(e){O(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function R(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}var P=function(p){m(O,n);var s,l,u,a,v,y=(s=O,l=R(),function(){var t,e=g(s);if(l){var n=g(this).constructor;t=Reflect.construct(e,arguments,n)}else t=e.apply(this,arguments);return b(this,t)});function O(t){var n;return h(this,O),(n=y.call(this,t)).state={focused:!1},n.onWrapperClick=n.onWrapperClick.bind(d(n)),n.onKeyDown=n.onKeyDown.bind(d(n)),n.onPaste=n.onPaste.bind(d(n)),n.onFocus=n.onFocus.bind(d(n)),n.onBlur=n.onBlur.bind(d(n)),n.inputRef=e(n.props.inputRef),n}return u=O,(a=[{key:"removeItem",value:function(t,e){if(!this.props.disabled||!this.props.readOnly){var n=c(this.props.value),r=n.splice(e,1);this.isRemovable(r,e)&&(this.props.onRemove&&this.props.onRemove({originalEvent:t,value:r}),this.props.onChange&&this.props.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:n}}))}}},{key:"addItem",value:function(t,e,n){if(e&&e.trim().length){var r=this.props.value?c(this.props.value):[];(this.props.allowDuplicate||-1===r.indexOf(e))&&(r.push(e),this.props.onAdd&&this.props.onAdd({originalEvent:t,value:e})),this.updateInput(t,r,n)}}},{key:"onWrapperClick",value:function(){this.inputRef.current.focus()}},{key:"onKeyDown",value:function(t){var e=t.target.value,n=this.props.value||[];switch(t.which){case 8:0===this.inputRef.current.value.length&&n.length>0&&this.removeItem(t,n.length-1);break;case 13:e&&e.trim().length&&(!this.props.max||this.props.max>n.length)&&this.addItem(t,e,!0);break;default:this.isMaxedOut()?t.preventDefault():this.props.separator&&","===this.props.separator&&188===t.which&&this.addItem(t,e,!0)}}},{key:"updateInput",value:function(t,e,n){this.props.onChange&&this.props.onChange({originalEvent:t,value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e}}),this.inputRef.current.value="",n&&t.preventDefault()}},{key:"onPaste",value:function(t){var e=this;if(this.props.separator){var n=(t.clipboardData||window.clipboardData).getData("Text");if(n){var r=this.props.value||[],o=n.split(this.props.separator);o=o.filter((function(t){return(e.props.allowDuplicate||-1===r.indexOf(t))&&t.trim().length})),r=[].concat(c(r),c(o)),this.updateInput(t,r,!0)}}}},{key:"onFocus",value:function(t){var e=this;t.persist(),this.setState({focused:!0},(function(){e.props.onFocus&&e.props.onFocus(t)}))}},{key:"onBlur",value:function(t){var e=this;t.persist(),this.setState({focused:!1},(function(){e.props.onBlur&&e.props.onBlur(t)}))}},{key:"isMaxedOut",value:function(){return this.props.max&&this.props.value&&this.props.max===this.props.value.length}},{key:"isFilled",value:function(){return this.props.value&&this.props.value.length||this.inputRef&&this.inputRef.current&&this.inputRef.current.value&&this.inputRef.current.value.length}},{key:"isRemovable",value:function(t,e){return r.getPropValue(this.props.removable,{value:t,index:e,props:this.props})}},{key:"updateInputRef",value:function(){var t=this.props.inputRef;t&&("function"==typeof t?t(this.inputRef.current):t.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(t){var e=this.props.value&&t.value&&t.value.length===this.props.value.length;this.props.tooltip&&(t.tooltip!==this.props.tooltip||t.tooltipOptions!==this.props.tooltipOptions?this.tooltip?this.tooltip.update(w({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip():!e&&this.tooltip&&(this.tooltip.deactivate(),this.tooltip.activate()))}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"renderTooltip",value:function(){this.tooltip=i({target:this.inputRef.current,targetContainer:this.listElement,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderRemoveIcon",value:function(e,n){var r=this;return this.props.disabled||this.props.readOnly||!this.isRemovable(e,n)?null:t.createElement("span",{className:"p-chips-token-icon pi pi-times-circle",onClick:function(t){return r.removeItem(t,n)}})}},{key:"renderItem",value:function(e,n){var r=this.props.itemTemplate?this.props.itemTemplate(e):e,o=this.renderRemoveIcon(e,n);return t.createElement("li",{key:n,className:"p-chips-token p-highlight"},t.createElement("span",{className:"p-chips-token-label"},r),o)}},{key:"renderInputElement",value:function(){return t.createElement("li",{className:"p-chips-input-token"},t.createElement("input",{ref:this.inputRef,placeholder:this.props.placeholder,type:"text",name:this.props.name,disabled:this.props.disabled||this.isMaxedOut(),onKeyDown:this.onKeyDown,onPaste:this.onPaste,onFocus:this.onFocus,onBlur:this.onBlur,"aria-labelledby":this.props.ariaLabelledBy,readOnly:this.props.readOnly}))}},{key:"renderItems",value:function(){var t=this;return this.props.value?this.props.value.map((function(e,n){return t.renderItem(e,n)})):null}},{key:"renderList",value:function(){var e=this,n=o("p-inputtext p-chips-multiple-container",{"p-disabled":this.props.disabled,"p-focus":this.state.focused}),r=this.renderItems(),i=this.renderInputElement();return t.createElement("ul",{ref:function(t){return e.listElement=t},className:n,onClick:this.onWrapperClick},r,i)}},{key:"render",value:function(){var e=this,n=o("p-chips p-component p-inputwrapper",this.props.className,{"p-inputwrapper-filled":this.isFilled(),"p-inputwrapper-focus":this.state.focused}),r=this.renderList();return t.createElement("div",{ref:function(t){return e.element=t},id:this.props.id,className:n,style:this.props.style},r)}}])&&f(u.prototype,a),v&&f(u,v),O}();O(P,"defaultProps",{id:null,inputRef:null,name:null,placeholder:null,value:null,max:null,disabled:null,readOnly:!1,removable:!0,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null});export{P as Chips};