primereact 7.0.0-rc.2 → 7.2.0

package/chips/chips.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.chips = (function (exports, React, core) {
+this.primereact.chips = (function (exports, React, utils, tooltip) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -60,6 +60,9 @@ this.primereact.chips = (function (exports, React, core) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -92,23 +95,20 @@ this.primereact.chips = (function (exports, React, core) {
         configurable: true
       }
     });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
     if (superClass) _setPrototypeOf(subClass, superClass);
   }
 
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function _typeof(obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-
-    return _typeof(obj);
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
   }
 
   function _possibleConstructorReturn(self, call) {
@@ -143,9 +143,9 @@ this.primereact.chips = (function (exports, React, core) {
     return obj;
   }
 
-  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  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; }
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -176,7 +176,7 @@ this.primereact.chips = (function (exports, React, core) {
     _createClass(Chips, [{
       key: "removeItem",
       value: function removeItem(event, index) {
-        if (this.props.disabled) {
+        if (this.props.disabled && this.props.readOnly) {
           return;
         }
 
@@ -184,6 +184,10 @@ this.primereact.chips = (function (exports, React, core) {
 
         var removedItem = values.splice(index, 1);
 
+        if (!this.isRemovable(removedItem, index)) {
+          return;
+        }
+
         if (this.props.onRemove) {
           this.props.onRemove({
             originalEvent: event,
@@ -345,6 +349,15 @@ this.primereact.chips = (function (exports, React, core) {
       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() {
@@ -394,7 +407,7 @@ this.primereact.chips = (function (exports, React, core) {
     }, {
       key: "renderTooltip",
       value: function renderTooltip() {
-        this.tooltip = core.tip({
+        this.tooltip = tooltip.tip({
           target: this.inputRef.current,
           targetContainer: this.listElement,
           content: this.props.tooltip,
@@ -402,30 +415,39 @@ this.primereact.chips = (function (exports, React, core) {
         });
       }
     }, {
-      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",
@@ -435,7 +457,8 @@ this.primereact.chips = (function (exports, React, core) {
           onPaste: this.onPaste,
           onFocus: this.onFocus,
           onBlur: this.onBlur,
-          "aria-labelledby": this.props.ariaLabelledBy
+          "aria-labelledby": this.props.ariaLabelledBy,
+          readOnly: this.props.readOnly
         }));
       }
     }, {
@@ -456,13 +479,13 @@ this.primereact.chips = (function (exports, React, core) {
       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;
           },
@@ -475,12 +498,12 @@ this.primereact.chips = (function (exports, React, core) {
       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;
           },
@@ -502,6 +525,8 @@ this.primereact.chips = (function (exports, React, core) {
     value: null,
     max: null,
     disabled: null,
+    readOnly: false,
+    removable: true,
     style: null,
     className: null,
     tooltip: null,
@@ -523,4 +548,4 @@ this.primereact.chips = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.utils, primereact.tooltip);

package/chips/chips.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.chips=function(t,e,n){"use strict";function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=r(e);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 u(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 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 a(t){return p(t)||s(t)||u(t)||l()}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){if(e&&("object"===m(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)})(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 w(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 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 R=function(t){v(d,t);var r,i,p,s,u,l=(r=d,i=k(),function(){var t,e=b(r);if(i){var n=b(this).constructor;t=Reflect.construct(e,arguments,n)}else t=e.apply(this,arguments);return y(this,t)});function d(t){var n;return c(this,d),(n=l.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.createRef(n.props.inputRef),n}return p=d,(s=[{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(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=n.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,r=this.props.itemTemplate?this.props.itemTemplate(t):t,i=this.props.disabled?null:o.default.createElement("span",{className:"p-chips-token-icon pi pi-times-circle",onClick:function(t){return n.removeItem(t,e)}});return o.default.createElement("li",{key:e,className:"p-chips-token p-highlight"},o.default.createElement("span",{className:"p-chips-token-label"},r),i)}},{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}))}},{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,e=n.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:e,onClick:this.onWrapperClick},r,i)}},{key:"render",value:function(){var t=this,e=n.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:e,style:this.props.style},r)}}])&&f(p.prototype,s),u&&f(p,u),d}(e.Component);return 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}),t.Chips=R,Object.defineProperty(t,"__esModule",{value:!0}),t}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.chips=function(t,e,n,r){"use strict";function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i=o(e);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 a(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 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 c(t){return s(t)||l(t)||a(t)||u()}function f(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function h(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 y(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}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&v(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},m(t)}function b(t,e){if(e&&("object"===m(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 w(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?w(Object(n),!0).forEach((function(e){O(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):w(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 j=function(t){y(v,t);var o,p,s,l,a,u=(o=v,p=R(),function(){var t,e=g(o);if(p){var n=g(this).constructor;t=Reflect.construct(e,arguments,n)}else t=e.apply(this,arguments);return b(this,t)});function v(t){var n;return f(this,v),(n=u.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.createRef(n.props.inputRef),n}return s=v,(l=[{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 n.ObjectUtils.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(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.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:i.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 i.default.createElement("li",{key:e,className:"p-chips-token p-highlight"},i.default.createElement("span",{className:"p-chips-token-label"},n),r)}},{key:"renderInputElement",value:function(){return i.default.createElement("li",{className:"p-chips-input-token"},i.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,e=n.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":this.props.disabled,"p-focus":this.state.focused}),r=this.renderItems(),o=this.renderInputElement();return i.default.createElement("ul",{ref:function(e){return t.listElement=e},className:e,onClick:this.onWrapperClick},r,o)}},{key:"render",value:function(){var t=this,e=n.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 i.default.createElement("div",{ref:function(e){return t.element=e},id:this.props.id,className:e,style:this.props.style},r)}}])&&h(s.prototype,l),a&&h(s,a),Object.defineProperty(s,"prototype",{writable:!1}),v}(e.Component);return O(j,"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}),t.Chips=j,Object.defineProperty(t,"__esModule",{value:!0}),t}({},React,primereact.utils,primereact.tooltip);

package/colorpicker/colorpicker.cjs.js

@@ -3,7 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
+var csstransition = require('primereact/csstransition');
+var portal = require('primereact/portal');
+var tooltip = require('primereact/tooltip');
+var overlayservice = require('primereact/overlayservice');
 var PrimeReact = require('primereact/api');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -48,6 +52,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -80,23 +87,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _possibleConstructorReturn(self, call) {
@@ -149,14 +153,14 @@ var ColorPickerPanelComponent = /*#__PURE__*/function (_Component) {
   _createClass(ColorPickerPanelComponent, [{
     key: "renderElement",
     value: function renderElement() {
-      var className = core.classNames('p-colorpicker-panel', {
+      var className = utils.classNames('p-colorpicker-panel', {
         'p-colorpicker-overlay-panel': !this.props.inline,
         'p-disabled': this.props.disabled
       });
-      return /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+      return /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
         nodeRef: this.props.forwardRef,
         classNames: "p-connected-overlay",
-        in: this.props.in,
+        "in": this.props["in"],
         timeout: {
           enter: 120,
           exit: 100
@@ -167,7 +171,7 @@ var ColorPickerPanelComponent = /*#__PURE__*/function (_Component) {
         onEntered: this.props.onEntered,
         onExit: this.props.onExit,
         onExited: this.props.onExited
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         ref: this.props.forwardRef,
         className: className,
         onClick: this.props.onClick
@@ -177,7 +181,7 @@ var ColorPickerPanelComponent = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var element = this.renderElement();
-      return this.props.inline ? element : /*#__PURE__*/React__default['default'].createElement(core.Portal, {
+      return this.props.inline ? element : /*#__PURE__*/React__default["default"].createElement(portal.Portal, {
         element: element,
         appendTo: this.props.appendTo
       });
@@ -194,15 +198,15 @@ _defineProperty(ColorPickerPanelComponent, "defaultProps", {
   onClick: null
 });
 
-var ColorPickerPanel = /*#__PURE__*/React__default['default'].forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default['default'].createElement(ColorPickerPanelComponent, _extends({
+var ColorPickerPanel = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  return /*#__PURE__*/React__default["default"].createElement(ColorPickerPanelComponent, _extends({
     forwardRef: ref
   }, props));
 });
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -243,7 +247,7 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
     key: "onPanelClick",
     value: function onPanelClick(event) {
       if (!this.props.inline) {
-        core.OverlayService.emit('overlay-click', {
+        overlayservice.OverlayService.emit('overlay-click', {
           originalEvent: event,
           target: this.container
         });
@@ -268,7 +272,7 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
 
       this.hueDragging = true;
       this.pickHue(event);
-      core.DomHandler.addClass(this.container, 'p-colorpicker-dragging');
+      utils.DomHandler.addClass(this.container, 'p-colorpicker-dragging');
     }
   }, {
     key: "pickHue",
@@ -302,7 +306,7 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
 
       this.colorDragging = true;
       this.pickColor(event);
-      core.DomHandler.addClass(this.container, 'p-colorpicker-dragging');
+      utils.DomHandler.addClass(this.container, 'p-colorpicker-dragging');
       event.preventDefault();
     }
   }, {
@@ -323,7 +327,7 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
     value: function onDragEnd() {
       this.colorDragging = false;
       this.hueDragging = false;
-      core.DomHandler.removeClass(this.container, 'p-colorpicker-dragging');
+      utils.DomHandler.removeClass(this.container, 'p-colorpicker-dragging');
       this.unbindDragListeners();
     }
   }, {
@@ -474,7 +478,7 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
   }, {
     key: "onOverlayEnter",
     value: function onOverlayEnter() {
-      core.ZIndexUtils.set('overlay', this.overlayRef.current);
+      utils.ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
       this.alignOverlay();
     }
   }, {
@@ -495,7 +499,7 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
   }, {
     key: "onOverlayExited",
     value: function onOverlayExited() {
-      core.ZIndexUtils.clear(this.overlayRef.current);
+      utils.ZIndexUtils.clear(this.overlayRef.current);
       this.props.onHide && this.props.onHide();
     }
   }, {
@@ -554,7 +558,7 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
       var _this3 = this;
 
       if (!this.scrollHandler) {
-        this.scrollHandler = new core.ConnectedOverlayScrollHandler(this.container, function () {
+        this.scrollHandler = new utils.ConnectedOverlayScrollHandler(this.container, function () {
           if (_this3.state.overlayVisible) {
             _this3.hide();
           }
@@ -577,7 +581,7 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this4.state.overlayVisible && !core.DomHandler.isAndroid()) {
+          if (_this4.state.overlayVisible && !utils.DomHandler.isTouchDevice()) {
             _this4.hide();
           }
         };
@@ -638,7 +642,7 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
     value: function onDocumentMouseUp() {
       this.colorDragging = false;
       this.hueDragging = false;
-      core.DomHandler.removeClass(this.container, 'p-colorpicker-dragging');
+      utils.DomHandler.removeClass(this.container, 'p-colorpicker-dragging');
       this.unbindDocumentMouseMoveListener();
       this.unbindDocumentMouseUpListener();
     }
@@ -873,7 +877,7 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
         this.tooltip = null;
       }
 
-      core.ZIndexUtils.clear(this.overlayRef.current);
+      utils.ZIndexUtils.clear(this.overlayRef.current);
     }
   }, {
     key: "updateUI",
@@ -887,13 +891,13 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
     key: "alignOverlay",
     value: function alignOverlay() {
       if (this.inputRef && this.inputRef.current) {
-        core.DomHandler.alignOverlay(this.overlayRef.current, this.inputRef.current.parentElement, this.props.appendTo || PrimeReact__default['default'].appendTo);
+        utils.DomHandler.alignOverlay(this.overlayRef.current, this.inputRef.current.parentElement, this.props.appendTo || PrimeReact__default["default"].appendTo);
       }
     }
   }, {
     key: "renderTooltip",
     value: function renderTooltip() {
-      this.tooltip = core.tip({
+      this.tooltip = tooltip.tip({
         target: this.container,
         content: this.props.tooltip,
         options: this.props.tooltipOptions
@@ -904,7 +908,7 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
     value: function renderColorSelector() {
       var _this5 = this;
 
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(el) {
           return _this5.colorSelector = el;
         },
@@ -913,9 +917,9 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
         onTouchStart: this.onColorDragStart,
         onTouchMove: this.onDrag,
         onTouchEnd: this.onDragEnd
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-colorpicker-color"
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(el) {
           return _this5.colorHandle = el;
         },
@@ -927,7 +931,7 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
     value: function renderHue() {
       var _this6 = this;
 
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(el) {
           return _this6.hueView = el;
         },
@@ -936,7 +940,7 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
         onTouchStart: this.onHueDragStart,
         onTouchMove: this.onDrag,
         onTouchEnd: this.onDragEnd
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(el) {
           return _this6.hueHandle = el;
         },
@@ -948,7 +952,7 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
     value: function renderContent() {
       var colorSelector = this.renderColorSelector();
       var hue = this.renderHue();
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-colorpicker-content"
       }, colorSelector, hue);
     }
@@ -956,11 +960,11 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
     key: "renderInput",
     value: function renderInput() {
       if (!this.props.inline) {
-        var inputClassName = core.classNames('p-colorpicker-preview p-inputtext', {
+        var inputClassName = utils.classNames('p-colorpicker-preview p-inputtext', {
           'p-disabled': this.props.disabled
         });
-        var inputProps = core.ObjectUtils.findDiffKeys(this.props, ColorPicker.defaultProps);
-        return /*#__PURE__*/React__default['default'].createElement("input", _extends({
+        var inputProps = utils.ObjectUtils.findDiffKeys(this.props, ColorPicker.defaultProps);
+        return /*#__PURE__*/React__default["default"].createElement("input", _extends({
           ref: this.inputRef,
           type: "text",
           className: inputClassName,
@@ -980,25 +984,25 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this7 = this;
 
-      var containerClassName = core.classNames('p-colorpicker p-component', {
+      var containerClassName = utils.classNames('p-colorpicker p-component', {
         'p-colorpicker-overlay': !this.props.inline
       }, this.props.className);
       var content = this.renderContent();
       var input = this.renderInput();
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(el) {
           return _this7.container = el;
         },
         id: this.props.id,
         style: this.props.style,
         className: containerClassName
-      }, input, /*#__PURE__*/React__default['default'].createElement(ColorPickerPanel, {
+      }, input, /*#__PURE__*/React__default["default"].createElement(ColorPickerPanel, {
         ref: this.overlayRef,
         appendTo: this.props.appendTo,
         inline: this.props.inline,
         disabled: this.props.disabled,
         onClick: this.onPanelClick,
-        in: this.props.inline || this.state.overlayVisible,
+        "in": this.props.inline || this.state.overlayVisible,
         onEnter: this.onOverlayEnter,
         onEntered: this.onOverlayEntered,
         onExit: this.onOverlayExit,