primereact 9.2.3 → 9.3.1

package/checkbox/checkbox.cjs.js

@@ -6,6 +6,7 @@ var React = require('react');
 var hooks = require('primereact/hooks');
 var tooltip = require('primereact/tooltip');
 var utils = require('primereact/utils');
+var check = require('primereact/icons/check');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -114,7 +115,7 @@ var CheckboxBase = {
     required: false,
     readOnly: false,
     tabIndex: null,
-    icon: 'pi pi-check',
+    icon: null,
     tooltip: null,
     tooltipOptions: null,
     onChange: null,
@@ -141,7 +142,7 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var onClick = function onClick(event) {
     if (!props.disabled && !props.readOnly && props.onChange) {
       var _checked = isChecked();
-      var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement;
+      var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement || event.target instanceof Object;
       var isInputToggled = event.target === inputRef.current;
       var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
       if (isInputToggled || isCheckboxToggled) {
@@ -214,8 +215,12 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     'p-disabled': props.disabled,
     'p-focus': focusedState
   });
-  var icon = utils.IconUtils.getJSXIcon(checked ? props.icon : '', {
-    className: 'p-checkbox-icon p-c'
+  var iconClassName = 'p-checkbox-icon p-c';
+  var icon = checked ? props.icon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, {
+    className: iconClassName
+  }) : null;
+  var checkboxIcon = utils.IconUtils.getJSXIcon(icon, {
+    className: iconClassName
   }, {
     props: props,
     checked: checked
@@ -246,7 +251,7 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     required: props.required
   }, ariaProps))), /*#__PURE__*/React__namespace.createElement("div", {
     className: boxClass
-  }, icon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+  }, checkboxIcon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
   }, props.tooltipOptions)));

package/checkbox/checkbox.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),n=require("primereact/tooltip"),r=require("primereact/utils");function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=o(e);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function a(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,c,l,u=[],a=!0,i=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=c.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(i)throw o}}return u}}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var d={defaultProps:{__TYPE:"Checkbox",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,onChange:null,onMouseDown:null,onContextMenu:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,d.defaultProps)}},p=c.memo(c.forwardRef((function(e,o){var i,p,b=d.getProps(e),m=c.useState(!1),h=(p=2,u(i=m)||a(i,p)||s(i,p)||f()),y=h[0],g=h[1],v=c.useRef(null),O=c.useRef(b.inputRef),k=function(e){if(!b.disabled&&!b.readOnly&&b.onChange){var t=x(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement;if(e.target===O.current||n&&e.target.checked!==t){var o=t?b.falseValue:b.trueValue;b.onChange({originalEvent:e,value:b.value,checked:o,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:b.name,id:b.id,value:b.value,checked:o}})}r.DomHandler.focus(O.current),e.preventDefault()}},x=function(){return b.checked===b.trueValue};c.useImperativeHandle(o,(function(){return{props:b,focus:function(){return r.DomHandler.focus(O.current)},getElement:function(){return v.current},getInput:function(){return O.current}}})),c.useEffect((function(){r.ObjectUtils.combinedRefs(O,b.inputRef)}),[O,b.inputRef]),t.useUpdateEffect((function(){O.current.checked=x()}),[b.checked,b.trueValue]);var j=x(),P=r.ObjectUtils.isNotEmpty(b.tooltip),E=d.getOtherProps(b),I=r.ObjectUtils.reduceKeys(E,r.DomHandler.ARIA_PROPS),C=r.classNames("p-checkbox p-component",{"p-checkbox-checked":j,"p-checkbox-disabled":b.disabled,"p-checkbox-focused":y},b.className),D=r.classNames("p-checkbox-box",{"p-highlight":j,"p-disabled":b.disabled,"p-focus":y}),M=r.IconUtils.getJSXIcon(j?b.icon:"",{className:"p-checkbox-icon p-c"},{props:b,checked:j});return c.createElement(c.Fragment,null,c.createElement("div",l({ref:v,id:b.id,className:C,style:b.style},E,{onClick:k,onContextMenu:b.onContextMenu,onMouseDown:b.onMouseDown}),c.createElement("div",{className:"p-hidden-accessible"},c.createElement("input",l({ref:O,type:"checkbox",id:b.inputId,name:b.name,tabIndex:b.tabIndex,defaultChecked:j,onFocus:function(){g(!0)},onBlur:function(){g(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||k(e)},disabled:b.disabled,readOnly:b.readOnly,required:b.required},I))),c.createElement("div",{className:D},M)),P&&c.createElement(n.Tooltip,l({target:v,content:b.tooltip},b.tooltipOptions)))})));p.displayName="Checkbox",exports.Checkbox=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),n=require("primereact/tooltip"),r=require("primereact/utils"),o=require("primereact/icons/check");function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=c(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function i(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,c,l,a=[],u=!0,i=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=c.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(i)throw o}}return a}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var p={defaultProps:{__TYPE:"Checkbox",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:null,tooltip:null,tooltipOptions:null,onChange:null,onMouseDown:null,onContextMenu:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,p.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,p.defaultProps)}},b=l.memo(l.forwardRef((function(e,c){var s,b,m=p.getProps(e),h=l.useState(!1),y=(b=2,u(s=h)||i(s,b)||f(s,b)||d()),g=y[0],v=y[1],O=l.useRef(null),k=l.useRef(m.inputRef),x=function(e){if(!m.disabled&&!m.readOnly&&m.onChange){var t=j(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object;if(e.target===k.current||n&&e.target.checked!==t){var o=t?m.falseValue:m.trueValue;m.onChange({originalEvent:e,value:m.value,checked:o,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:m.name,id:m.id,value:m.value,checked:o}})}r.DomHandler.focus(k.current),e.preventDefault()}},j=function(){return m.checked===m.trueValue};l.useImperativeHandle(c,(function(){return{props:m,focus:function(){return r.DomHandler.focus(k.current)},getElement:function(){return O.current},getInput:function(){return k.current}}})),l.useEffect((function(){r.ObjectUtils.combinedRefs(k,m.inputRef)}),[k,m.inputRef]),t.useUpdateEffect((function(){k.current.checked=j()}),[m.checked,m.trueValue]);var E=j(),P=r.ObjectUtils.isNotEmpty(m.tooltip),I=p.getOtherProps(m),C=r.ObjectUtils.reduceKeys(I,r.DomHandler.ARIA_PROPS),D=r.classNames("p-checkbox p-component",{"p-checkbox-checked":E,"p-checkbox-disabled":m.disabled,"p-checkbox-focused":g},m.className),M=r.classNames("p-checkbox-box",{"p-highlight":E,"p-disabled":m.disabled,"p-focus":g}),w="p-checkbox-icon p-c",N=r.IconUtils.getJSXIcon(E?m.icon||l.createElement(o.CheckIcon,{className:w}):null,{className:w},{props:m,checked:E});return l.createElement(l.Fragment,null,l.createElement("div",a({ref:O,id:m.id,className:D,style:m.style},I,{onClick:x,onContextMenu:m.onContextMenu,onMouseDown:m.onMouseDown}),l.createElement("div",{className:"p-hidden-accessible"},l.createElement("input",a({ref:k,type:"checkbox",id:m.inputId,name:m.name,tabIndex:m.tabIndex,defaultChecked:E,onFocus:function(){v(!0)},onBlur:function(){v(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||x(e)},disabled:m.disabled,readOnly:m.readOnly,required:m.required},C))),l.createElement("div",{className:M},N)),P&&l.createElement(n.Tooltip,a({target:O,content:m.tooltip},m.tooltipOptions)))})));b.displayName="Checkbox",exports.Checkbox=b;

package/checkbox/checkbox.d.ts

@@ -89,8 +89,7 @@ export interface CheckboxProps extends Omit<React.DetailedHTMLProps<React.InputH
      */
     tabIndex?: number | undefined;
     /**
-     * Icon class of the checkbox icon.
-     * @defaultValue pi pi-check
+     * Icon to display in checkbox.
      */
     icon?: IconType<CheckboxProps> | undefined;
     /**

package/checkbox/checkbox.esm.js

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { useUpdateEffect } from 'primereact/hooks';
 import { Tooltip } from 'primereact/tooltip';
 import { ObjectUtils, DomHandler, classNames, IconUtils } from 'primereact/utils';
+import { CheckIcon } from 'primereact/icons/check';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -90,7 +91,7 @@ var CheckboxBase = {
     required: false,
     readOnly: false,
     tabIndex: null,
-    icon: 'pi pi-check',
+    icon: null,
     tooltip: null,
     tooltipOptions: null,
     onChange: null,
@@ -117,7 +118,7 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var onClick = function onClick(event) {
     if (!props.disabled && !props.readOnly && props.onChange) {
       var _checked = isChecked();
-      var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement;
+      var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement || event.target instanceof Object;
       var isInputToggled = event.target === inputRef.current;
       var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
       if (isInputToggled || isCheckboxToggled) {
@@ -190,8 +191,12 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     'p-disabled': props.disabled,
     'p-focus': focusedState
   });
-  var icon = IconUtils.getJSXIcon(checked ? props.icon : '', {
-    className: 'p-checkbox-icon p-c'
+  var iconClassName = 'p-checkbox-icon p-c';
+  var icon = checked ? props.icon || /*#__PURE__*/React.createElement(CheckIcon, {
+    className: iconClassName
+  }) : null;
+  var checkboxIcon = IconUtils.getJSXIcon(icon, {
+    className: iconClassName
   }, {
     props: props,
     checked: checked
@@ -222,7 +227,7 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     required: props.required
   }, ariaProps))), /*#__PURE__*/React.createElement("div", {
     className: boxClass
-  }, icon)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+  }, checkboxIcon)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
   }, props.tooltipOptions)));

package/checkbox/checkbox.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{useUpdateEffect as t}from"primereact/hooks";import{Tooltip as n}from"primereact/tooltip";import{ObjectUtils as r,DomHandler as o,classNames as l,IconUtils as a}from"primereact/utils";function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function i(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,c=[],u=!0,i=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(c.push(r.value),c.length!==t);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(i)throw o}}return c}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function p(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var d={defaultProps:{__TYPE:"Checkbox",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,onChange:null,onMouseDown:null,onContextMenu:null,children:void 0},getProps:function(e){return r.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,d.defaultProps)}},m=e.memo(e.forwardRef((function(s,m){var h,b,y=d.getProps(s),g=e.useState(!1),v=(b=2,u(h=g)||i(h,b)||f(h,b)||p()),k=v[0],x=v[1],O=e.useRef(null),E=e.useRef(y.inputRef),P=function(e){if(!y.disabled&&!y.readOnly&&y.onChange){var t=I(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement;if(e.target===E.current||n&&e.target.checked!==t){var r=t?y.falseValue:y.trueValue;y.onChange({originalEvent:e,value:y.value,checked:r,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:y.name,id:y.id,value:y.value,checked:r}})}o.focus(E.current),e.preventDefault()}},I=function(){return y.checked===y.trueValue};e.useImperativeHandle(m,(function(){return{props:y,focus:function(){return o.focus(E.current)},getElement:function(){return O.current},getInput:function(){return E.current}}})),e.useEffect((function(){r.combinedRefs(E,y.inputRef)}),[E,y.inputRef]),t((function(){E.current.checked=I()}),[y.checked,y.trueValue]);var C=I(),w=r.isNotEmpty(y.tooltip),M=d.getOtherProps(y),R=r.reduceKeys(M,o.ARIA_PROPS),S=l("p-checkbox p-component",{"p-checkbox-checked":C,"p-checkbox-disabled":y.disabled,"p-checkbox-focused":k},y.className),j=l("p-checkbox-box",{"p-highlight":C,"p-disabled":y.disabled,"p-focus":k}),A=a.getJSXIcon(C?y.icon:"",{className:"p-checkbox-icon p-c"},{props:y,checked:C});return e.createElement(e.Fragment,null,e.createElement("div",c({ref:O,id:y.id,className:S,style:y.style},M,{onClick:P,onContextMenu:y.onContextMenu,onMouseDown:y.onMouseDown}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",c({ref:E,type:"checkbox",id:y.inputId,name:y.name,tabIndex:y.tabIndex,defaultChecked:C,onFocus:function(){x(!0)},onBlur:function(){x(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||P(e)},disabled:y.disabled,readOnly:y.readOnly,required:y.required},R))),e.createElement("div",{className:j},A)),w&&e.createElement(n,c({target:O,content:y.tooltip},y.tooltipOptions)))})));m.displayName="Checkbox";export{m as Checkbox};
+import*as e from"react";import{useUpdateEffect as t}from"primereact/hooks";import{Tooltip as n}from"primereact/tooltip";import{ObjectUtils as r,DomHandler as o,classNames as l,IconUtils as a}from"primereact/utils";import{CheckIcon as c}from"primereact/icons/check";function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function i(e){if(Array.isArray(e))return e}function s(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,c=[],u=!0,i=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(c.push(r.value),c.length!==t);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(i)throw o}}return c}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e,t){if(e){if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var m={defaultProps:{__TYPE:"Checkbox",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:null,tooltip:null,tooltipOptions:null,onChange:null,onMouseDown:null,onContextMenu:null,children:void 0},getProps:function(e){return r.getMergedProps(e,m.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,m.defaultProps)}},h=e.memo(e.forwardRef((function(f,h){var b,g,y=m.getProps(f),v=e.useState(!1),k=(g=2,i(b=v)||s(b,g)||p(b,g)||d()),x=k[0],O=k[1],E=e.useRef(null),P=e.useRef(y.inputRef),I=function(e){if(!y.disabled&&!y.readOnly&&y.onChange){var t=C(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object;if(e.target===P.current||n&&e.target.checked!==t){var r=t?y.falseValue:y.trueValue;y.onChange({originalEvent:e,value:y.value,checked:r,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:y.name,id:y.id,value:y.value,checked:r}})}o.focus(P.current),e.preventDefault()}},C=function(){return y.checked===y.trueValue};e.useImperativeHandle(h,(function(){return{props:y,focus:function(){return o.focus(P.current)},getElement:function(){return E.current},getInput:function(){return P.current}}})),e.useEffect((function(){r.combinedRefs(P,y.inputRef)}),[P,y.inputRef]),t((function(){P.current.checked=C()}),[y.checked,y.trueValue]);var w=C(),M=r.isNotEmpty(y.tooltip),R=m.getOtherProps(y),S=r.reduceKeys(R,o.ARIA_PROPS),j=l("p-checkbox p-component",{"p-checkbox-checked":w,"p-checkbox-disabled":y.disabled,"p-checkbox-focused":x},y.className),N=l("p-checkbox-box",{"p-highlight":w,"p-disabled":y.disabled,"p-focus":x}),A="p-checkbox-icon p-c",D=a.getJSXIcon(w?y.icon||e.createElement(c,{className:A}):null,{className:A},{props:y,checked:w});return e.createElement(e.Fragment,null,e.createElement("div",u({ref:E,id:y.id,className:j,style:y.style},R,{onClick:I,onContextMenu:y.onContextMenu,onMouseDown:y.onMouseDown}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",u({ref:P,type:"checkbox",id:y.inputId,name:y.name,tabIndex:y.tabIndex,defaultChecked:w,onFocus:function(){O(!0)},onBlur:function(){O(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||I(e)},disabled:y.disabled,readOnly:y.readOnly,required:y.required},S))),e.createElement("div",{className:N},D)),M&&e.createElement(n,u({target:E,content:y.tooltip},y.tooltipOptions)))})));h.displayName="Checkbox";export{h as Checkbox};

package/checkbox/checkbox.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
+this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils, check) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -109,7 +109,7 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
       required: false,
       readOnly: false,
       tabIndex: null,
-      icon: 'pi pi-check',
+      icon: null,
       tooltip: null,
       tooltipOptions: null,
       onChange: null,
@@ -136,7 +136,7 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
     var onClick = function onClick(event) {
       if (!props.disabled && !props.readOnly && props.onChange) {
         var _checked = isChecked();
-        var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement;
+        var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement || event.target instanceof Object;
         var isInputToggled = event.target === inputRef.current;
         var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
         if (isInputToggled || isCheckboxToggled) {
@@ -209,8 +209,12 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
       'p-disabled': props.disabled,
       'p-focus': focusedState
     });
-    var icon = utils.IconUtils.getJSXIcon(checked ? props.icon : '', {
-      className: 'p-checkbox-icon p-c'
+    var iconClassName = 'p-checkbox-icon p-c';
+    var icon = checked ? props.icon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, {
+      className: iconClassName
+    }) : null;
+    var checkboxIcon = utils.IconUtils.getJSXIcon(icon, {
+      className: iconClassName
     }, {
       props: props,
       checked: checked
@@ -241,7 +245,7 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
       required: props.required
     }, ariaProps))), /*#__PURE__*/React__namespace.createElement("div", {
       className: boxClass
-    }, icon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+    }, checkboxIcon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
     }, props.tooltipOptions)));
@@ -254,4 +258,4 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
 
   return exports;
 
-})({}, React, primereact.hooks, primereact.tooltip, primereact.utils);
+})({}, React, primereact.hooks, primereact.tooltip, primereact.utils, primereact.icons.check);

package/checkbox/checkbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.checkbox=function(e,t,n,r,o){"use strict";function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=c(t);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function i(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,c,l,a=[],u=!0,i=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=c.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(i)throw o}}return a}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var p={defaultProps:{__TYPE:"Checkbox",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,onChange:null,onMouseDown:null,onContextMenu:null,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,p.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,p.defaultProps)}},b=l.memo(l.forwardRef((function(e,t){var c,s,b=p.getProps(e),h=l.useState(!1),m=(s=2,u(c=h)||i(c,s)||f(c,s)||d()),y=m[0],g=m[1],v=l.useRef(null),O=l.useRef(b.inputRef),k=function(e){if(!b.disabled&&!b.readOnly&&b.onChange){var t=x(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement;if(e.target===O.current||n&&e.target.checked!==t){var r=t?b.falseValue:b.trueValue;b.onChange({originalEvent:e,value:b.value,checked:r,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:b.name,id:b.id,value:b.value,checked:r}})}o.DomHandler.focus(O.current),e.preventDefault()}},x=function(){return b.checked===b.trueValue};l.useImperativeHandle(t,(function(){return{props:b,focus:function(){return o.DomHandler.focus(O.current)},getElement:function(){return v.current},getInput:function(){return O.current}}})),l.useEffect((function(){o.ObjectUtils.combinedRefs(O,b.inputRef)}),[O,b.inputRef]),n.useUpdateEffect((function(){O.current.checked=x()}),[b.checked,b.trueValue]);var j=x(),P=o.ObjectUtils.isNotEmpty(b.tooltip),E=p.getOtherProps(b),I=o.ObjectUtils.reduceKeys(E,o.DomHandler.ARIA_PROPS),C=o.classNames("p-checkbox p-component",{"p-checkbox-checked":j,"p-checkbox-disabled":b.disabled,"p-checkbox-focused":y},b.className),D=o.classNames("p-checkbox-box",{"p-highlight":j,"p-disabled":b.disabled,"p-focus":y}),M=o.IconUtils.getJSXIcon(j?b.icon:"",{className:"p-checkbox-icon p-c"},{props:b,checked:j});return l.createElement(l.Fragment,null,l.createElement("div",a({ref:v,id:b.id,className:C,style:b.style},E,{onClick:k,onContextMenu:b.onContextMenu,onMouseDown:b.onMouseDown}),l.createElement("div",{className:"p-hidden-accessible"},l.createElement("input",a({ref:O,type:"checkbox",id:b.inputId,name:b.name,tabIndex:b.tabIndex,defaultChecked:j,onFocus:function(){g(!0)},onBlur:function(){g(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||k(e)},disabled:b.disabled,readOnly:b.readOnly,required:b.required},I))),l.createElement("div",{className:D},M)),P&&l.createElement(r.Tooltip,a({target:v,content:b.tooltip},b.tooltipOptions)))})));return b.displayName="Checkbox",e.Checkbox=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.checkbox=function(e,t,n,r,c,o){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=l(t);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function i(e){if(Array.isArray(e))return e}function s(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,c,o,l,a=[],u=!0,i=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){i=!0,c=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(i)throw c}}return a}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}function p(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b={defaultProps:{__TYPE:"Checkbox",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:null,tooltip:null,tooltipOptions:null,onChange:null,onMouseDown:null,onContextMenu:null,children:void 0},getProps:function(e){return c.ObjectUtils.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return c.ObjectUtils.getDiffProps(e,b.defaultProps)}},m=a.memo(a.forwardRef((function(e,t){var l,f,m=b.getProps(e),h=a.useState(!1),y=(f=2,i(l=h)||s(l,f)||d(l,f)||p()),g=y[0],v=y[1],O=a.useRef(null),k=a.useRef(m.inputRef),j=function(e){if(!m.disabled&&!m.readOnly&&m.onChange){var t=x(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement||e.target instanceof Object;if(e.target===k.current||n&&e.target.checked!==t){var r=t?m.falseValue:m.trueValue;m.onChange({originalEvent:e,value:m.value,checked:r,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:m.name,id:m.id,value:m.value,checked:r}})}c.DomHandler.focus(k.current),e.preventDefault()}},x=function(){return m.checked===m.trueValue};a.useImperativeHandle(t,(function(){return{props:m,focus:function(){return c.DomHandler.focus(k.current)},getElement:function(){return O.current},getInput:function(){return k.current}}})),a.useEffect((function(){c.ObjectUtils.combinedRefs(k,m.inputRef)}),[k,m.inputRef]),n.useUpdateEffect((function(){k.current.checked=x()}),[m.checked,m.trueValue]);var E=x(),P=c.ObjectUtils.isNotEmpty(m.tooltip),I=b.getOtherProps(m),C=c.ObjectUtils.reduceKeys(I,c.DomHandler.ARIA_PROPS),D=c.classNames("p-checkbox p-component",{"p-checkbox-checked":E,"p-checkbox-disabled":m.disabled,"p-checkbox-focused":g},m.className),M=c.classNames("p-checkbox-box",{"p-highlight":E,"p-disabled":m.disabled,"p-focus":g}),w="p-checkbox-icon p-c",N=c.IconUtils.getJSXIcon(E?m.icon||a.createElement(o.CheckIcon,{className:w}):null,{className:w},{props:m,checked:E});return a.createElement(a.Fragment,null,a.createElement("div",u({ref:O,id:m.id,className:D,style:m.style},I,{onClick:j,onContextMenu:m.onContextMenu,onMouseDown:m.onMouseDown}),a.createElement("div",{className:"p-hidden-accessible"},a.createElement("input",u({ref:k,type:"checkbox",id:m.inputId,name:m.name,tabIndex:m.tabIndex,defaultChecked:E,onFocus:function(){v(!0)},onBlur:function(){v(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||j(e)},disabled:m.disabled,readOnly:m.readOnly,required:m.required},C))),a.createElement("div",{className:M},N)),P&&a.createElement(r.Tooltip,u({target:O,content:m.tooltip},m.tooltipOptions)))})));return m.displayName="Checkbox",e.Checkbox=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.tooltip,primereact.utils,primereact.icons.check);

package/chip/chip.cjs.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var utils = require('primereact/utils');
+var timescircle = require('primereact/icons/timescircle');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -40,6 +41,47 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  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 _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -102,7 +144,7 @@ var ChipBase = {
     icon: null,
     image: null,
     removable: false,
-    removeIcon: 'pi pi-times-circle',
+    removeIcon: null,
     className: null,
     style: null,
     template: null,
@@ -119,6 +161,8 @@ var ChipBase = {
   }
 };
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var props = ChipBase.getProps(inProps);
   var elementRef = React__namespace.useRef(null);
@@ -140,6 +184,14 @@ var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
   };
   var createContent = function createContent() {
     var content = [];
+    var iconProps = {
+      key: 'removeIcon',
+      tabIndex: 0,
+      className: 'p-chip-remove-icon',
+      onClick: close,
+      onKeyDown: onKeyDown
+    };
+    var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, iconProps);
     if (props.image) {
       content.push( /*#__PURE__*/React__namespace.createElement("img", {
         key: "image",
@@ -162,13 +214,7 @@ var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       }, props.label));
     }
     if (props.removable) {
-      content.push(utils.IconUtils.getJSXIcon(props.removeIcon, {
-        key: 'removeIcon',
-        tabIndex: 0,
-        className: 'p-chip-remove-icon',
-        onClick: close,
-        onKeyDown: onKeyDown
-      }, {
+      content.push(utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
         props: props
       }));
     }

package/chip/chip.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(e);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function l(e){if(Array.isArray(e))return e}function a(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,a,i=[],c=!0,u=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function c(e,t){if(e){if("string"==typeof e)return i(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(e,t):void 0}}function u(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var s={defaultProps:{__TYPE:"Chip",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,children:void 0},getProps:function(e){return t.ObjectUtils.getMergedProps(e,s.defaultProps)},getOtherProps:function(e){return t.ObjectUtils.getDiffProps(e,s.defaultProps)}},p=n.memo(n.forwardRef((function(e,r){var i,p,f,m,g,y=s.getProps(e),b=n.useRef(null),v=n.useState(!0),h=(p=2,l(i=v)||a(i,p)||c(i,p)||u()),d=h[0],O=h[1],j=function(e){13===e.keyCode&&I(e)},I=function(e){O(!1),y.onRemove&&y.onRemove(e)},P=function(){var e=[];return y.image?e.push(n.createElement("img",{key:"image",src:y.image,alt:y.imageAlt,onError:y.onImageError})):y.icon&&e.push(t.IconUtils.getJSXIcon(y.icon,{key:"icon",className:"p-chip-icon"},{props:y})),y.label&&e.push(n.createElement("span",{key:"label",className:"p-chip-text"},y.label)),y.removable&&e.push(t.IconUtils.getJSXIcon(y.removeIcon,{key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:I,onKeyDown:j},{props:y})),e};return n.useImperativeHandle(r,(function(){return{props:y,getElement:function(){return b.current}}})),d&&(f=s.getOtherProps(y),m=t.classNames("p-chip p-component",{"p-chip-image":null!=y.image},y.className),g=y.template?t.ObjectUtils.getJSXElement(y.template,y):P(),n.createElement("div",o({ref:b,className:m,style:y.style},f),g))})));p.displayName="Chip",exports.Chip=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),r=require("primereact/icons/timescircle");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=n(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i.apply(this,arguments)}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 c(e,t){if("object"!==l(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function a(e){var t=c(e,"string");return"symbol"===l(t)?t:String(t)}function u(e,t,r){return(t=a(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e){if(Array.isArray(e))return e}function p(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,l,c=[],a=!0,u=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return c}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function m(e,t){if(e){if("string"==typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var y={defaultProps:{__TYPE:"Chip",label:null,icon:null,image:null,removable:!1,removeIcon:null,className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null,children:void 0},getProps:function(e){return t.ObjectUtils.getMergedProps(e,y.defaultProps)},getOtherProps:function(e){return t.ObjectUtils.getDiffProps(e,y.defaultProps)}};function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach((function(t){u(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var O=o.memo(o.forwardRef((function(e,n){var l,c,a,u,f,g=y.getProps(e),O=o.useRef(null),h=o.useState(!0),d=(c=2,s(l=h)||p(l,c)||m(l,c)||b()),j=d[0],P=d[1],S=function(e){13===e.keyCode&&w(e)},w=function(e){P(!1),g.onRemove&&g.onRemove(e)},E=function(){var e=[],n={key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:w,onKeyDown:S},i=g.removeIcon||o.createElement(r.TimesCircleIcon,n);return g.image?e.push(o.createElement("img",{key:"image",src:g.image,alt:g.imageAlt,onError:g.onImageError})):g.icon&&e.push(t.IconUtils.getJSXIcon(g.icon,{key:"icon",className:"p-chip-icon"},{props:g})),g.label&&e.push(o.createElement("span",{key:"label",className:"p-chip-text"},g.label)),g.removable&&e.push(t.IconUtils.getJSXIcon(i,v({},n),{props:g})),e};return o.useImperativeHandle(n,(function(){return{props:g,getElement:function(){return O.current}}})),j&&(a=y.getOtherProps(g),u=t.classNames("p-chip p-component",{"p-chip-image":null!=g.image},g.className),f=g.template?t.ObjectUtils.getJSXElement(g.template,g):E(),o.createElement("div",i({ref:O,className:u,style:g.style},a),f))})));O.displayName="Chip",exports.Chip=O;

package/chip/chip.d.ts

@@ -17,17 +17,14 @@ import { IconType, TemplateType } from '../utils';
 export interface ChipProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     /**
      * Defines the text to display.
-     *
      */
     label?: string;
     /**
      * Defines the icon to display.
-     *
      */
     icon?: IconType<ChipProps> | undefined;
     /**
      * Defines the image to display.
-     *
      */
     image?: string | undefined;
     /**
@@ -37,17 +34,14 @@ export interface ChipProps extends Omit<React.DetailedHTMLProps<React.HTMLAttrib
     removable?: boolean | undefined;
     /**
      * Icon of the remove element.
-     * @defaultValue pi pi-times-circle
      */
-    removeIcon?: string | undefined;
+    removeIcon?: IconType<ChipProps> | undefined;
     /**
      * Template of an item.
-     *
      */
     template?: TemplateType<ChipProps> | undefined;
     /**
      * It specifies an alternate text for an image, if the image cannot be displayed.
-     *
      */
     imageAlt?: string | undefined;
     /**

package/chip/chip.esm.js

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { ObjectUtils, classNames, IconUtils } from 'primereact/utils';
+import { TimesCircleIcon } from 'primereact/icons/timescircle';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -16,6 +17,47 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  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 _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -78,7 +120,7 @@ var ChipBase = {
     icon: null,
     image: null,
     removable: false,
-    removeIcon: 'pi pi-times-circle',
+    removeIcon: null,
     className: null,
     style: null,
     template: null,
@@ -95,6 +137,8 @@ var ChipBase = {
   }
 };
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var props = ChipBase.getProps(inProps);
   var elementRef = React.useRef(null);
@@ -116,6 +160,14 @@ var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
   };
   var createContent = function createContent() {
     var content = [];
+    var iconProps = {
+      key: 'removeIcon',
+      tabIndex: 0,
+      className: 'p-chip-remove-icon',
+      onClick: close,
+      onKeyDown: onKeyDown
+    };
+    var icon = props.removeIcon || /*#__PURE__*/React.createElement(TimesCircleIcon, iconProps);
     if (props.image) {
       content.push( /*#__PURE__*/React.createElement("img", {
         key: "image",
@@ -138,13 +190,7 @@ var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
       }, props.label));
     }
     if (props.removable) {
-      content.push(IconUtils.getJSXIcon(props.removeIcon, {
-        key: 'removeIcon',
-        tabIndex: 0,
-        className: 'p-chip-remove-icon',
-        onClick: close,
-        onKeyDown: onKeyDown
-      }, {
+      content.push(IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
         props: props
       }));
     }

package/chip/chip.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as r,classNames as t,IconUtils as n}from"primereact/utils";function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o.apply(this,arguments)}function l(e){if(Array.isArray(e))return e}function a(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,l,a,i=[],c=!0,u=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=l.call(t)).done)&&(i.push(n.value),i.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function i(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function c(e,r){if(e){if("string"==typeof e)return i(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?i(e,r):void 0}}function u(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var p={defaultProps:{__TYPE:"Chip",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,children:void 0},getProps:function(e){return r.getMergedProps(e,p.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,p.defaultProps)}},s=e.memo(e.forwardRef((function(i,s){var m,f,g,y,h,v=p.getProps(i),b=e.useRef(null),d=e.useState(!0),I=(f=2,l(m=d)||a(m,f)||c(m,f)||u()),P=I[0],E=I[1],O=function(e){13===e.keyCode&&S(e)},S=function(e){E(!1),v.onRemove&&v.onRemove(e)},j=function(){var r=[];return v.image?r.push(e.createElement("img",{key:"image",src:v.image,alt:v.imageAlt,onError:v.onImageError})):v.icon&&r.push(n.getJSXIcon(v.icon,{key:"icon",className:"p-chip-icon"},{props:v})),v.label&&r.push(e.createElement("span",{key:"label",className:"p-chip-text"},v.label)),v.removable&&r.push(n.getJSXIcon(v.removeIcon,{key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:S,onKeyDown:O},{props:v})),r};return e.useImperativeHandle(s,(function(){return{props:v,getElement:function(){return b.current}}})),P&&(g=p.getOtherProps(v),y=t("p-chip p-component",{"p-chip-image":null!=v.image},v.className),h=v.template?r.getJSXElement(v.template,v):j(),e.createElement("div",o({ref:b,className:y,style:v.style},g),h))})));s.displayName="Chip";export{s as Chip};
+import*as e from"react";import{ObjectUtils as r,classNames as t,IconUtils as n}from"primereact/utils";import{TimesCircleIcon as o}from"primereact/icons/timescircle";function i(){return i=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},i.apply(this,arguments)}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,r){if("object"!==l(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function c(e){var r=a(e,"string");return"symbol"===l(r)?r:String(r)}function u(e,r,t){return(r=c(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function p(e){if(Array.isArray(e))return e}function s(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,l,a=[],c=!0,u=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=i.call(t)).done)&&(a.push(n.value),a.length!==r);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw o}}return a}}function m(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function f(e,r){if(e){if("string"==typeof e)return m(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?m(e,r):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b={defaultProps:{__TYPE:"Chip",label:null,icon:null,image:null,removable:!1,removeIcon:null,className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null,children:void 0},getProps:function(e){return r.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,b.defaultProps)}};function g(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function v(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?g(Object(t),!0).forEach((function(r){u(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):g(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var h=e.memo(e.forwardRef((function(l,a){var c,u,m,g,h,O=b.getProps(l),d=e.useRef(null),j=e.useState(!0),P=(u=2,p(c=j)||s(c,u)||f(c,u)||y()),S=P[0],w=P[1],E=function(e){13===e.keyCode&&I(e)},I=function(e){w(!1),O.onRemove&&O.onRemove(e)},A=function(){var r=[],t={key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:I,onKeyDown:E},i=O.removeIcon||e.createElement(o,t);return O.image?r.push(e.createElement("img",{key:"image",src:O.image,alt:O.imageAlt,onError:O.onImageError})):O.icon&&r.push(n.getJSXIcon(O.icon,{key:"icon",className:"p-chip-icon"},{props:O})),O.label&&r.push(e.createElement("span",{key:"label",className:"p-chip-text"},O.label)),O.removable&&r.push(n.getJSXIcon(i,v({},t),{props:O})),r};return e.useImperativeHandle(a,(function(){return{props:O,getElement:function(){return d.current}}})),S&&(m=b.getOtherProps(O),g=t("p-chip p-component",{"p-chip-image":null!=O.image},O.className),h=O.template?r.getJSXElement(O.template,O):A(),e.createElement("div",i({ref:d,className:g,style:O.style},m),h))})));h.displayName="Chip";export{h as Chip};