primereact 7.0.0-rc.2 → 7.0.0

package/checkbox/checkbox.cjs.js

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
+var tooltip = require('primereact/tooltip');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -230,7 +231,7 @@ var Checkbox = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderTooltip",
     value: function renderTooltip() {
-      this.tooltip = core.tip({
+      this.tooltip = tooltip.tip({
         target: this.element,
         content: this.props.tooltip,
         options: this.props.tooltipOptions
@@ -246,18 +247,19 @@ var Checkbox = /*#__PURE__*/function (_Component) {
     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;
         },
@@ -267,31 +269,34 @@ var Checkbox = /*#__PURE__*/function (_Component) {
         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
       })));
     }
   }]);

package/checkbox/checkbox.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/core");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e);function r(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 n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}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 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&&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 l(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)})(e)}function f(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function h(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 d(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?h(Object(o),!0).forEach((function(t){f(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):h(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return 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 b=function(o){u(m,e.Component);var c,p,h,b,k,v=(c=m,p=y(),function(){var e,t=a(c);if(p){var o=a(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return l(this,e)});function m(t){var o;return r(this,m),(o=v.call(this,t)).state={focused:!1},o.onClick=o.onClick.bind(s(o)),o.onFocus=o.onFocus.bind(s(o)),o.onBlur=o.onBlur.bind(s(o)),o.onKeyDown=o.onKeyDown.bind(s(o)),o.inputRef=e.createRef(o.props.inputRef),o}return h=m,(b=[{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(d({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=t.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,o=t.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),r=t.classNames("p-checkbox-box",{"p-highlight":this.isChecked(),"p-disabled":this.props.disabled,"p-focus":this.state.focused}),i=t.classNames("p-checkbox-icon p-c",f({},this.props.icon,this.isChecked()));return n.default.createElement("div",{ref:function(t){return e.element=t},id:this.props.id,className:o,style:this.props.style,onClick:this.onClick,onContextMenu:this.props.onContextMenu,onMouseDown:this.props.onMouseDown},n.default.createElement("div",{className:"p-hidden-accessible"},n.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})),n.default.createElement("div",{className:r,ref:function(t){return e.box=t},role:"checkbox","aria-checked":this.isChecked()},n.default.createElement("span",{className:i})))}}])&&i(h.prototype,b),k&&i(h,k),m}();f(b,"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}),exports.Checkbox=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),o=require("primereact/tooltip");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(e);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 u(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 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&&c(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},l(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 u(e)}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},f(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 v=function(n){p(m,e.Component);var c,l,h,d,v,k=(c=m,l=b(),function(){var e,t=f(c);if(l){var o=f(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return a(this,e)});function m(t){var o;return i(this,m),(o=k.call(this,t)).state={focused:!1},o.onClick=o.onClick.bind(u(o)),o.onFocus=o.onFocus.bind(u(o)),o.onBlur=o.onBlur.bind(u(o)),o.onKeyDown=o.onKeyDown.bind(u(o)),o.inputRef=e.createRef(o.props.inputRef),o}return h=m,(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,o=this.isChecked(),n=t.classNames("p-checkbox p-component",{"p-checkbox-checked":o,"p-checkbox-disabled":this.props.disabled,"p-checkbox-focused":this.state.focused},this.props.className),i=t.classNames("p-checkbox-box",{"p-highlight":o,"p-disabled":this.props.disabled,"p-focus":this.state.focused}),s=o&&this.props.icon;return r.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},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:o,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:i,ref:function(t){return e.box=t},role:"checkbox","aria-checked":o},t.IconUtils.getJSXIcon(s,{className:"p-checkbox-icon p-c"},{props:this.props,checked:o})))}}])&&s(h.prototype,d),v&&s(h,v),m}();h(v,"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}),exports.Checkbox=v;

package/checkbox/checkbox.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import TooltipOptions from '../tooltip/tooltipoptions';
+import {IconType} from "../utils/Utils";
 
 interface CheckboxChangeTargetOptions {
     type: 'checkbox';
@@ -33,7 +34,7 @@ export interface CheckboxProps {
     required?: boolean;
     readOnly?: boolean;
     tabIndex?: number;
-    icon?: string;
+    icon?: IconType<CheckboxProps>;
     tooltip?: string;
     tooltipOptions?: TooltipOptions;
     ariaLabelledBy?: string;

package/checkbox/checkbox.esm.js

@@ -1,5 +1,6 @@
 import React, { createRef, Component } from 'react';
-import { tip, classNames } from 'primereact/core';
+import { classNames, IconUtils } from 'primereact/utils';
+import { tip } from 'primereact/tooltip';
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -238,17 +239,18 @@ var Checkbox = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
 
+      var checked = this.isChecked();
       var containerClass = classNames('p-checkbox p-component', {
-        'p-checkbox-checked': this.isChecked(),
+        'p-checkbox-checked': checked,
         'p-checkbox-disabled': this.props.disabled,
         'p-checkbox-focused': this.state.focused
       }, this.props.className);
       var boxClass = classNames('p-checkbox-box', {
-        'p-highlight': this.isChecked(),
+        'p-highlight': checked,
         'p-disabled': this.props.disabled,
         'p-focus': this.state.focused
       });
-      var iconClass = classNames('p-checkbox-icon p-c', _defineProperty({}, this.props.icon, this.isChecked()));
+      var icon = checked && this.props.icon;
       return /*#__PURE__*/React.createElement("div", {
         ref: function ref(el) {
           return _this2.element = el;
@@ -268,7 +270,7 @@ var Checkbox = /*#__PURE__*/function (_Component) {
         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,
@@ -281,9 +283,12 @@ var Checkbox = /*#__PURE__*/function (_Component) {
           return _this2.box = el;
         },
         role: "checkbox",
-        "aria-checked": this.isChecked()
-      }, /*#__PURE__*/React.createElement("span", {
-        className: iconClass
+        "aria-checked": checked
+      }, IconUtils.getJSXIcon(icon, {
+        className: 'p-checkbox-icon p-c'
+      }, {
+        props: this.props,
+        checked: checked
       })));
     }
   }]);

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 s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(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}}),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 s(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),s=n("p-checkbox-box",{"p-highlight":o,"p-disabled":this.props.disabled,"p-focus":this.state.focused}),p=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:s,ref:function(e){return t.box=e},role:"checkbox","aria-checked":o},r.getJSXIcon(p,{className:"p-checkbox-icon p-c"},{props:this.props,checked:o})))}}])&&p(y.prototype,k),v&&p(y,v),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 }; }
@@ -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 u(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},p(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&&p(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 u(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,p,a,d,y,m=(r=v,p=k(),function(){var e,t=h(r);if(p){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(u(o)),o.onFocus=o.onFocus.bind(u(o)),o.onBlur=o.onBlur.bind(u(o)),o.onKeyDown=o.onKeyDown.bind(u(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),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 }; }
 
@@ -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 n=o(e);function r(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 n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}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}}),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 r(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(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&&o.push(t.IconUtils.getJSXIcon(this.props.icon,{key:"icon",className:"p-chip-icon"},{props:this.props})),this.props.label&&o.push(n.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 n.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),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/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)) {
@@ -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 n,ObjectUtils as r}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 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 l(e,t){return l=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},l(e,t)}function p(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&l(e,t)}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function a(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return c(e)}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}function 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(l){p(g,t);var u,y,h,b,v,d=(u=g,y=m(),function(){var e,t=f(u);if(y){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(c(t)),t.onKeyDown=t.onKeyDown.bind(c(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,n=[];return this.props.image?n.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&&n.push(o.getJSXIcon(this.props.icon,{key:"icon",className:"p-chip-icon"},{props:this.props})),this.props.label&&n.push(e.createElement("span",{key:"label",className:"p-chip-text"},this.props.label)),this.props.removable&&n.push(o.getJSXIcon(this.props.removeIcon,{key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:this.close,onKeyDown:this.onKeyDown},{props:this.props})),n}},{key:"renderElement",value:function(){var t=n("p-chip p-component",{"p-chip-image":null!=this.props.image},this.props.className),o=this.props.template?r.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),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(y=v)?Object.defineProperty(y,h,{value:b,enumerable:!0,configurable:!0,writable:!0}):y[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 }; }
@@ -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);