primereact 7.0.0-rc.2 → 7.2.0

package/checkbox/checkbox.esm.min.js

@@ -1 +1 @@
-import e,{createRef as t,Component as o}from"react";import{tip as n,classNames as r}from"primereact/core";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return(p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function u(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&&p(e,t)}function l(e){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function a(e,t){if(t&&("object"===l(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)})(e)}function h(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function d(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function y(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?d(Object(o),!0).forEach((function(t){h(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function b(){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 k=function(p){u(w,o);var l,d,k,m,v,O=(l=w,d=b(),function(){var e,t=f(l);if(d){var o=f(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return a(this,e)});function w(e){var o;return i(this,w),(o=O.call(this,e)).state={focused:!1},o.onClick=o.onClick.bind(c(o)),o.onFocus=o.onFocus.bind(c(o)),o.onBlur=o.onBlur.bind(c(o)),o.onKeyDown=o.onKeyDown.bind(c(o)),o.inputRef=t(o.props.inputRef),o}return k=w,(m=[{key:"onClick",value:function(e){if(!this.props.disabled&&!this.props.readOnly&&this.props.onChange){var t=this.isChecked()?this.props.falseValue:this.props.trueValue;this.props.onChange({originalEvent:e,value:this.props.value,checked:t,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:this.props.name,id:this.props.id,value:this.props.value,checked:t}}),this.inputRef.current.checked=!this.isChecked(),this.inputRef.current.focus(),e.preventDefault()}}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"componentDidUpdate",value:function(e){this.inputRef.current.checked=this.isChecked(),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(y({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"onFocus",value:function(){this.setState({focused:!0})}},{key:"onBlur",value:function(){this.setState({focused:!1})}},{key:"onKeyDown",value:function(e){"Enter"===e.key&&(this.onClick(e),e.preventDefault())}},{key:"renderTooltip",value:function(){this.tooltip=n({target:this.element,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"isChecked",value:function(){return this.props.checked===this.props.trueValue}},{key:"render",value:function(){var t=this,o=r("p-checkbox p-component",{"p-checkbox-checked":this.isChecked(),"p-checkbox-disabled":this.props.disabled,"p-checkbox-focused":this.state.focused},this.props.className),n=r("p-checkbox-box",{"p-highlight":this.isChecked(),"p-disabled":this.props.disabled,"p-focus":this.state.focused}),i=r("p-checkbox-icon p-c",h({},this.props.icon,this.isChecked()));return e.createElement("div",{ref:function(e){return t.element=e},id:this.props.id,className:o,style:this.props.style,onClick:this.onClick,onContextMenu:this.props.onContextMenu,onMouseDown:this.props.onMouseDown},e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:this.inputRef,type:"checkbox","aria-labelledby":this.props.ariaLabelledBy,id:this.props.inputId,name:this.props.name,tabIndex:this.props.tabIndex,defaultChecked:this.isChecked(),onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,disabled:this.props.disabled,readOnly:this.props.readOnly,required:this.props.required})),e.createElement("div",{className:n,ref:function(e){return t.box=e},role:"checkbox","aria-checked":this.isChecked()},e.createElement("span",{className:i})))}}])&&s(k.prototype,m),v&&s(k,v),w}();h(k,"defaultProps",{id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null,onMouseDown:null,onContextMenu:null});export{k as Checkbox};
+import e,{createRef as t,Component as o}from"react";import{classNames as n,IconUtils as r}from"primereact/utils";import{tip as i}from"primereact/tooltip";function p(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function u(e,t){return u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},u(e,t)}function l(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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function f(e,t){if(t&&("object"===a(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 h(e){return h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},h(e)}function d(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function y(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function b(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?y(Object(o),!0).forEach((function(t){d(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):y(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return 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 k=function(u){l(w,o);var a,d,y,k,v,O=(a=w,d=m(),function(){var e,t=h(a);if(d){var o=h(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return f(this,e)});function w(e){var o;return p(this,w),(o=O.call(this,e)).state={focused:!1},o.onClick=o.onClick.bind(c(o)),o.onFocus=o.onFocus.bind(c(o)),o.onBlur=o.onBlur.bind(c(o)),o.onKeyDown=o.onKeyDown.bind(c(o)),o.inputRef=t(o.props.inputRef),o}return y=w,(k=[{key:"onClick",value:function(e){if(!this.props.disabled&&!this.props.readOnly&&this.props.onChange){var t=this.isChecked()?this.props.falseValue:this.props.trueValue;this.props.onChange({originalEvent:e,value:this.props.value,checked:t,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:this.props.name,id:this.props.id,value:this.props.value,checked:t}}),this.inputRef.current.checked=!this.isChecked(),this.inputRef.current.focus(),e.preventDefault()}}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"componentDidUpdate",value:function(e){this.inputRef.current.checked=this.isChecked(),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(b({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"onFocus",value:function(){this.setState({focused:!0})}},{key:"onBlur",value:function(){this.setState({focused:!1})}},{key:"onKeyDown",value:function(e){"Enter"===e.key&&(this.onClick(e),e.preventDefault())}},{key:"renderTooltip",value:function(){this.tooltip=i({target:this.element,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"isChecked",value:function(){return this.props.checked===this.props.trueValue}},{key:"render",value:function(){var t=this,o=this.isChecked(),i=n("p-checkbox p-component",{"p-checkbox-checked":o,"p-checkbox-disabled":this.props.disabled,"p-checkbox-focused":this.state.focused},this.props.className),p=n("p-checkbox-box",{"p-highlight":o,"p-disabled":this.props.disabled,"p-focus":this.state.focused}),s=o&&this.props.icon;return e.createElement("div",{ref:function(e){return t.element=e},id:this.props.id,className:i,style:this.props.style,onClick:this.onClick,onContextMenu:this.props.onContextMenu,onMouseDown:this.props.onMouseDown},e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:this.inputRef,type:"checkbox","aria-labelledby":this.props.ariaLabelledBy,id:this.props.inputId,name:this.props.name,tabIndex:this.props.tabIndex,defaultChecked:o,onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,disabled:this.props.disabled,readOnly:this.props.readOnly,required:this.props.required})),e.createElement("div",{className:p,ref:function(e){return t.box=e},role:"checkbox","aria-checked":o},r.getJSXIcon(s,{className:"p-checkbox-icon p-c"},{props:this.props,checked:o})))}}])&&s(y.prototype,k),v&&s(y,v),Object.defineProperty(y,"prototype",{writable:!1}),w}();d(k,"defaultProps",{id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null,onMouseDown:null,onContextMenu:null});export{k as Checkbox};

package/checkbox/checkbox.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.checkbox = (function (exports, React, core) {
+this.primereact.checkbox = (function (exports, React, utils, tooltip) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,6 +25,9 @@ this.primereact.checkbox = (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;
   }
 
@@ -57,23 +60,20 @@ this.primereact.checkbox = (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) {
@@ -108,9 +108,9 @@ this.primereact.checkbox = (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); }; }
 
@@ -227,7 +227,7 @@ this.primereact.checkbox = (function (exports, React, core) {
     }, {
       key: "renderTooltip",
       value: function renderTooltip() {
-        this.tooltip = core.tip({
+        this.tooltip = tooltip.tip({
           target: this.element,
           content: this.props.tooltip,
           options: this.props.tooltipOptions
@@ -243,18 +243,19 @@ this.primereact.checkbox = (function (exports, React, core) {
       value: function render() {
         var _this2 = this;
 
-        var containerClass = core.classNames('p-checkbox p-component', {
-          'p-checkbox-checked': this.isChecked(),
+        var checked = this.isChecked();
+        var containerClass = utils.classNames('p-checkbox p-component', {
+          'p-checkbox-checked': checked,
           'p-checkbox-disabled': this.props.disabled,
           'p-checkbox-focused': this.state.focused
         }, this.props.className);
-        var boxClass = core.classNames('p-checkbox-box', {
-          'p-highlight': this.isChecked(),
+        var boxClass = utils.classNames('p-checkbox-box', {
+          'p-highlight': checked,
           'p-disabled': this.props.disabled,
           'p-focus': this.state.focused
         });
-        var iconClass = core.classNames('p-checkbox-icon p-c', _defineProperty({}, this.props.icon, this.isChecked()));
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        var icon = checked && this.props.icon;
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this2.element = el;
           },
@@ -264,31 +265,34 @@ this.primereact.checkbox = (function (exports, React, core) {
           onClick: this.onClick,
           onContextMenu: this.props.onContextMenu,
           onMouseDown: this.props.onMouseDown
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-hidden-accessible"
-        }, /*#__PURE__*/React__default['default'].createElement("input", {
+        }, /*#__PURE__*/React__default["default"].createElement("input", {
           ref: this.inputRef,
           type: "checkbox",
           "aria-labelledby": this.props.ariaLabelledBy,
           id: this.props.inputId,
           name: this.props.name,
           tabIndex: this.props.tabIndex,
-          defaultChecked: this.isChecked(),
+          defaultChecked: checked,
           onKeyDown: this.onKeyDown,
           onFocus: this.onFocus,
           onBlur: this.onBlur,
           disabled: this.props.disabled,
           readOnly: this.props.readOnly,
           required: this.props.required
-        })), /*#__PURE__*/React__default['default'].createElement("div", {
+        })), /*#__PURE__*/React__default["default"].createElement("div", {
           className: boxClass,
           ref: function ref(el) {
             return _this2.box = el;
           },
           role: "checkbox",
-          "aria-checked": this.isChecked()
-        }, /*#__PURE__*/React__default['default'].createElement("span", {
-          className: iconClass
+          "aria-checked": checked
+        }, utils.IconUtils.getJSXIcon(icon, {
+          className: 'p-checkbox-icon p-c'
+        }, {
+          props: this.props,
+          checked: checked
         })));
       }
     }]);
@@ -326,4 +330,4 @@ this.primereact.checkbox = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.utils, primereact.tooltip);

package/checkbox/checkbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.checkbox=function(e,t,o){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(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 o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function u(e,t){return(u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(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&&u(e,t)}function l(e){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function a(e,t){if(t&&("object"===l(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)})(e)}function h(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function d(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function y(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?d(Object(o),!0).forEach((function(t){h(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function b(){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 k=function(e){p(v,e);var n,u,l,d,k,m=(n=v,u=b(),function(){var e,t=f(n);if(u){var o=f(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return a(this,e)});function v(e){var o;return i(this,v),(o=m.call(this,e)).state={focused:!1},o.onClick=o.onClick.bind(c(o)),o.onFocus=o.onFocus.bind(c(o)),o.onBlur=o.onBlur.bind(c(o)),o.onKeyDown=o.onKeyDown.bind(c(o)),o.inputRef=t.createRef(o.props.inputRef),o}return l=v,(d=[{key:"onClick",value:function(e){if(!this.props.disabled&&!this.props.readOnly&&this.props.onChange){var t=this.isChecked()?this.props.falseValue:this.props.trueValue;this.props.onChange({originalEvent:e,value:this.props.value,checked:t,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:this.props.name,id:this.props.id,value:this.props.value,checked:t}}),this.inputRef.current.checked=!this.isChecked(),this.inputRef.current.focus(),e.preventDefault()}}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"componentDidUpdate",value:function(e){this.inputRef.current.checked=this.isChecked(),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(y({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"onFocus",value:function(){this.setState({focused:!0})}},{key:"onBlur",value:function(){this.setState({focused:!1})}},{key:"onKeyDown",value:function(e){"Enter"===e.key&&(this.onClick(e),e.preventDefault())}},{key:"renderTooltip",value:function(){this.tooltip=o.tip({target:this.element,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"isChecked",value:function(){return this.props.checked===this.props.trueValue}},{key:"render",value:function(){var e=this,t=o.classNames("p-checkbox p-component",{"p-checkbox-checked":this.isChecked(),"p-checkbox-disabled":this.props.disabled,"p-checkbox-focused":this.state.focused},this.props.className),n=o.classNames("p-checkbox-box",{"p-highlight":this.isChecked(),"p-disabled":this.props.disabled,"p-focus":this.state.focused}),i=o.classNames("p-checkbox-icon p-c",h({},this.props.icon,this.isChecked()));return r.default.createElement("div",{ref:function(t){return e.element=t},id:this.props.id,className:t,style:this.props.style,onClick:this.onClick,onContextMenu:this.props.onContextMenu,onMouseDown:this.props.onMouseDown},r.default.createElement("div",{className:"p-hidden-accessible"},r.default.createElement("input",{ref:this.inputRef,type:"checkbox","aria-labelledby":this.props.ariaLabelledBy,id:this.props.inputId,name:this.props.name,tabIndex:this.props.tabIndex,defaultChecked:this.isChecked(),onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,disabled:this.props.disabled,readOnly:this.props.readOnly,required:this.props.required})),r.default.createElement("div",{className:n,ref:function(t){return e.box=t},role:"checkbox","aria-checked":this.isChecked()},r.default.createElement("span",{className:i})))}}])&&s(l.prototype,d),k&&s(l,k),v}(t.Component);return h(k,"defaultProps",{id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null,onMouseDown:null,onContextMenu:null}),e.Checkbox=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.checkbox=function(e,t,o,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(t);function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function u(e,t){return u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},u(e,t)}function l(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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function f(e,t){if(t&&("object"===a(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}function h(e){return h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},h(e)}function d(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function y(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function b(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?y(Object(o),!0).forEach((function(t){d(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):y(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}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(e){return!1}}var m=function(e){l(v,e);var r,u,a,d,y,m=(r=v,u=k(),function(){var e,t=h(r);if(u){var o=h(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return f(this,e)});function v(e){var o;return s(this,v),(o=m.call(this,e)).state={focused:!1},o.onClick=o.onClick.bind(p(o)),o.onFocus=o.onFocus.bind(p(o)),o.onBlur=o.onBlur.bind(p(o)),o.onKeyDown=o.onKeyDown.bind(p(o)),o.inputRef=t.createRef(o.props.inputRef),o}return a=v,(d=[{key:"onClick",value:function(e){if(!this.props.disabled&&!this.props.readOnly&&this.props.onChange){var t=this.isChecked()?this.props.falseValue:this.props.trueValue;this.props.onChange({originalEvent:e,value:this.props.value,checked:t,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:this.props.name,id:this.props.id,value:this.props.value,checked:t}}),this.inputRef.current.checked=!this.isChecked(),this.inputRef.current.focus(),e.preventDefault()}}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.props.tooltip&&this.renderTooltip()}},{key:"componentWillUnmount",value:function(){this.tooltip&&(this.tooltip.destroy(),this.tooltip=null)}},{key:"componentDidUpdate",value:function(e){this.inputRef.current.checked=this.isChecked(),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(b({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"onFocus",value:function(){this.setState({focused:!0})}},{key:"onBlur",value:function(){this.setState({focused:!1})}},{key:"onKeyDown",value:function(e){"Enter"===e.key&&(this.onClick(e),e.preventDefault())}},{key:"renderTooltip",value:function(){this.tooltip=n.tip({target:this.element,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"isChecked",value:function(){return this.props.checked===this.props.trueValue}},{key:"render",value:function(){var e=this,t=this.isChecked(),n=o.classNames("p-checkbox p-component",{"p-checkbox-checked":t,"p-checkbox-disabled":this.props.disabled,"p-checkbox-focused":this.state.focused},this.props.className),r=o.classNames("p-checkbox-box",{"p-highlight":t,"p-disabled":this.props.disabled,"p-focus":this.state.focused}),s=t&&this.props.icon;return i.default.createElement("div",{ref:function(t){return e.element=t},id:this.props.id,className:n,style:this.props.style,onClick:this.onClick,onContextMenu:this.props.onContextMenu,onMouseDown:this.props.onMouseDown},i.default.createElement("div",{className:"p-hidden-accessible"},i.default.createElement("input",{ref:this.inputRef,type:"checkbox","aria-labelledby":this.props.ariaLabelledBy,id:this.props.inputId,name:this.props.name,tabIndex:this.props.tabIndex,defaultChecked:t,onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,disabled:this.props.disabled,readOnly:this.props.readOnly,required:this.props.required})),i.default.createElement("div",{className:r,ref:function(t){return e.box=t},role:"checkbox","aria-checked":t},o.IconUtils.getJSXIcon(s,{className:"p-checkbox-icon p-c"},{props:this.props,checked:t})))}}])&&c(a.prototype,d),y&&c(a,y),Object.defineProperty(a,"prototype",{writable:!1}),v}(t.Component);return d(m,"defaultProps",{id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null,onMouseDown:null,onContextMenu:null}),e.Checkbox=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.tooltip);

package/chip/chip.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -28,6 +28,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;
 }
 
@@ -60,23 +63,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) {
@@ -169,35 +169,37 @@ var Chip = /*#__PURE__*/function (_Component) {
           }
         };
 
-        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
         }));
       }
 
@@ -206,11 +208,11 @@ var Chip = /*#__PURE__*/function (_Component) {
   }, {
     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);

package/chip/chip.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/core");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(e);function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(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 s(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})(e,t)}function c(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 a(e){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e,t){if(t&&("object"===a(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return s(e)}function p(e){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function f(){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,h,b=function(n){c(v,e.Component);var l,a,m,y,h,b=(l=v,a=f(),function(){var e,t=p(l);if(a){var n=p(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return u(this,e)});function v(e){var t;return o(this,v),(t=b.call(this,e)).state={visible:!0},t.close=t.close.bind(s(t)),t.onKeyDown=t.onKeyDown.bind(s(t)),t}return m=v,(y=[{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,n=[];if(this.props.image)n.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)}}));else if(this.props.icon){var o=t.classNames("p-chip-icon",this.props.icon);n.push(r.default.createElement("span",{key:"icon",className:o}))}if(this.props.label&&n.push(r.default.createElement("span",{key:"label",className:"p-chip-text"},this.props.label)),this.props.removable){var i=t.classNames("p-chip-remove-icon",this.props.removeIcon);n.push(r.default.createElement("span",{key:"removeIcon",tabIndex:0,className:i,onClick:this.close,onKeyDown:this.onKeyDown}))}return n}},{key:"renderElement",value:function(){var e=t.classNames("p-chip p-component",{"p-chip-image":null!=this.props.image},this.props.className),n=this.props.template?t.ObjectUtils.getJSXElement(this.props.template,this.props):this.renderContent();return r.default.createElement("div",{className:e,style:this.props.style},n)}},{key:"render",value:function(){return this.state.visible&&this.renderElement()}}])&&i(m.prototype,y),h&&i(m,h),v}();h={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=b)?Object.defineProperty(m,y,{value:h,enumerable:!0,configurable:!0,writable:!0}):m[y]=h,exports.Chip=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(e);function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function s(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 c(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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&l(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},p(e)}function u(e,t){if(t&&("object"===p(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return s(e)}function a(e){return a=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},a(e)}function f(){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 y,m,h,b=function(o){c(v,e.Component);var l,p,y,m,h,b=(l=v,p=f(),function(){var e,t=a(l);if(p){var o=a(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return u(this,e)});function v(e){var t;return n(this,v),(t=b.call(this,e)).state={visible:!0},t.close=t.close.bind(s(t)),t.onKeyDown=t.onKeyDown.bind(s(t)),t}return y=v,(m=[{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,o=[];return this.props.image?o.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&&o.push(t.IconUtils.getJSXIcon(this.props.icon,{key:"icon",className:"p-chip-icon"},{props:this.props})),this.props.label&&o.push(r.default.createElement("span",{key:"label",className:"p-chip-text"},this.props.label)),this.props.removable&&o.push(t.IconUtils.getJSXIcon(this.props.removeIcon,{key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:this.close,onKeyDown:this.onKeyDown},{props:this.props})),o}},{key:"renderElement",value:function(){var e=t.classNames("p-chip p-component",{"p-chip-image":null!=this.props.image},this.props.className),o=this.props.template?t.ObjectUtils.getJSXElement(this.props.template,this.props):this.renderContent();return r.default.createElement("div",{className:e,style:this.props.style},o)}},{key:"render",value:function(){return this.state.visible&&this.renderElement()}}])&&i(y.prototype,m),h&&i(y,h),Object.defineProperty(y,"prototype",{writable:!1}),v}();h={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},(m="defaultProps")in(y=b)?Object.defineProperty(y,m,{value:h,enumerable:!0,configurable:!0,writable:!0}):y[m]=h,exports.Chip=b;

package/chip/chip.d.ts

@@ -1,16 +1,15 @@
 import * as React from 'react';
-
-type ChipTemplateType = React.ReactNode | ((props: ChipProps) => React.ReactNode);
+import {IconType, TemplateType} from "../utils";
 
 export interface ChipProps {
     label?: string;
-    icon?: string;
+    icon?: IconType<ChipProps>;
     image?: string;
     removable?: boolean;
     removeIcon?: string;
     className?: string;
     style?: object;
-    template?: ChipTemplateType;
+    template?: TemplateType<ChipProps>;
     imageAlt?: string;
     onImageError?(event: React.SyntheticEvent): void;
     onRemove?(event: React.MouseEvent<HTMLElement>): void;

package/chip/chip.esm.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { classNames, ObjectUtils } from 'primereact/core';
+import { IconUtils, classNames, ObjectUtils } from 'primereact/utils';
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -20,6 +20,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;
 }
 
@@ -52,23 +55,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) {
@@ -168,10 +168,11 @@ var Chip = /*#__PURE__*/function (_Component) {
           onError: onError
         }));
       } else if (this.props.icon) {
-        var iconClassName = classNames('p-chip-icon', this.props.icon);
-        content.push( /*#__PURE__*/React.createElement("span", {
-          key: "icon",
-          className: iconClassName
+        content.push(IconUtils.getJSXIcon(this.props.icon, {
+          key: 'icon',
+          className: 'p-chip-icon'
+        }, {
+          props: this.props
         }));
       }
 
@@ -183,13 +184,14 @@ var Chip = /*#__PURE__*/function (_Component) {
       }
 
       if (this.props.removable) {
-        var removableIconClassName = classNames('p-chip-remove-icon', this.props.removeIcon);
-        content.push( /*#__PURE__*/React.createElement("span", {
-          key: "removeIcon",
+        content.push(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
         }));
       }
 

package/chip/chip.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{classNames as n,ObjectUtils as o}from"primereact/core";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(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 s(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 l(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 a(e,t){if(t&&("object"===p(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return s(e)}function u(e){return(u=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function f(){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,h,b=function(c){l(d,t);var p,m,y,h,b,v=(p=d,m=f(),function(){var e,t=u(p);if(m){var n=u(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return a(this,e)});function d(e){var t;return r(this,d),(t=v.call(this,e)).state={visible:!0},t.close=t.close.bind(s(t)),t.onKeyDown=t.onKeyDown.bind(s(t)),t}return y=d,(h=[{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 t=this,o=[];if(this.props.image)o.push(e.createElement("img",{key:"image",src:this.props.image,alt:this.props.imageAlt,onError:function(e){t.props.onImageError&&t.props.onImageError(e)}}));else if(this.props.icon){var r=n("p-chip-icon",this.props.icon);o.push(e.createElement("span",{key:"icon",className:r}))}if(this.props.label&&o.push(e.createElement("span",{key:"label",className:"p-chip-text"},this.props.label)),this.props.removable){var i=n("p-chip-remove-icon",this.props.removeIcon);o.push(e.createElement("span",{key:"removeIcon",tabIndex:0,className:i,onClick:this.close,onKeyDown:this.onKeyDown}))}return o}},{key:"renderElement",value:function(){var t=n("p-chip p-component",{"p-chip-image":null!=this.props.image},this.props.className),r=this.props.template?o.getJSXElement(this.props.template,this.props):this.renderContent();return e.createElement("div",{className:t,style:this.props.style},r)}},{key:"render",value:function(){return this.state.visible&&this.renderElement()}}])&&i(y.prototype,h),b&&i(y,b),d}();h={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=b)?Object.defineProperty(m,y,{value:h,enumerable:!0,configurable:!0,writable:!0}):m[y]=h;export{b as Chip};
+import e,{Component as t}from"react";import{IconUtils as o,classNames as r,ObjectUtils as n}from"primereact/utils";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function p(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},c(e,t)}function l(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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&c(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 p(e)}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}function y(){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,h,b,v=function(c){l(g,t);var u,m,h,b,v,d=(u=g,m=y(),function(){var e,t=f(u);if(m){var o=f(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return a(this,e)});function g(e){var t;return i(this,g),(t=d.call(this,e)).state={visible:!0},t.close=t.close.bind(p(t)),t.onKeyDown=t.onKeyDown.bind(p(t)),t}return h=g,(b=[{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 t=this,r=[];return this.props.image?r.push(e.createElement("img",{key:"image",src:this.props.image,alt:this.props.imageAlt,onError:function(e){t.props.onImageError&&t.props.onImageError(e)}})):this.props.icon&&r.push(o.getJSXIcon(this.props.icon,{key:"icon",className:"p-chip-icon"},{props:this.props})),this.props.label&&r.push(e.createElement("span",{key:"label",className:"p-chip-text"},this.props.label)),this.props.removable&&r.push(o.getJSXIcon(this.props.removeIcon,{key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:this.close,onKeyDown:this.onKeyDown},{props:this.props})),r}},{key:"renderElement",value:function(){var t=r("p-chip p-component",{"p-chip-image":null!=this.props.image},this.props.className),o=this.props.template?n.getJSXElement(this.props.template,this.props):this.renderContent();return e.createElement("div",{className:t,style:this.props.style},o)}},{key:"render",value:function(){return this.state.visible&&this.renderElement()}}])&&s(h.prototype,b),v&&s(h,v),Object.defineProperty(h,"prototype",{writable:!1}),g}();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},(h="defaultProps")in(m=v)?Object.defineProperty(m,h,{value:b,enumerable:!0,configurable:!0,writable:!0}):m[h]=b;export{v as Chip};

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 }; }
@@ -25,6 +25,9 @@ this.primereact.chip = (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;
   }
 
@@ -57,23 +60,20 @@ this.primereact.chip = (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) {
@@ -166,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
           }));
         }
 
@@ -203,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);
@@ -242,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 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})(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&&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})(e)}function p(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)})(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 y,h,b,v=function(e){a(b,e);var t,r,l,u,y,h=(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 p(this,e)});function b(e){var t;return i(this,b),(t=h.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=[];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(l.prototype,u),y&&s(l,y),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},(h="defaultProps")in(y=v)?Object.defineProperty(y,h,{value:b,enumerable:!0,configurable:!0,writable:!0}):y[h]=b,e.Chip=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.chip=function(e,t,o){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=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 o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}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}}),Object.defineProperty(e,"prototype",{writable:!1}),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 y(){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,m,b,v=function(e){p(b,e);var t,r,l,u,h,m=(t=b,r=y(),function(){var e,o=f(t);if(r){var n=f(this).constructor;e=Reflect.construct(o,arguments,n)}else e=o.apply(this,arguments);return a(this,e)});function b(e){var t;return i(this,b),(t=m.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(n.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(o.IconUtils.getJSXIcon(this.props.icon,{key:"icon",className:"p-chip-icon"},{props:this.props})),this.props.label&&t.push(n.default.createElement("span",{key:"label",className:"p-chip-text"},this.props.label)),this.props.removable&&t.push(o.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=o.classNames("p-chip p-component",{"p-chip-image":null!=this.props.image},this.props.className),t=this.props.template?o.ObjectUtils.getJSXElement(this.props.template,this.props):this.renderContent();return n.default.createElement("div",{className:e,style:this.props.style},t)}},{key:"render",value:function(){return this.state.visible&&this.renderElement()}}])&&s(l.prototype,u),h&&s(l,h),Object.defineProperty(l,"prototype",{writable:!1}),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},(m="defaultProps")in(h=v)?Object.defineProperty(h,m,{value:b,enumerable:!0,configurable:!0,writable:!0}):h[m]=b,e.Chip=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);