primereact 10.9.3 → 10.9.5

package/checkbox/checkbox.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o,useUpdateEffect as l,useMountEffect as i}from"primereact/hooks";import{CheckIcon as a}from"primereact/icons/check";import{Tooltip as u}from"primereact/tooltip";import{classNames as c,DomHandler as s,ObjectUtils as p,IconUtils as f}from"primereact/utils";function d(){return d=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},d.apply(this,arguments)}function m(e){return m="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},m(e)}function b(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=b(e,"string");return"symbol"===m(t)?t:String(t)}function v(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,c=!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)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function g(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 O(e,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}function x(){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 k=n.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon",root:function(e){var t=e.props,n=e.context;return c("p-checkbox p-component",{"p-highlight":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}}}});function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){var r,o,l;r=e,l=n[t],(o=y(o=t))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var S=e.memo(e.forwardRef((function(n,m){var b,y,g=o(),j=e.useContext(t),S=k.getProps(n,j),w=e.useState(!1),E=(y=2,v(b=w)||h(b,y)||O(b,y)||x()),I=E[1],C=k.setMetaData({props:S,state:{focused:E[0]},context:{checked:S.checked===S.trueValue,disabled:S.disabled}}),D=C.ptm,R=C.cx;r(k.css.styles,C.isUnstyled,{name:"checkbox"});var N=e.useRef(null),A=e.useRef(S.inputRef),M=function(){return S.checked===S.trueValue},V=function(e){if(!S.disabled&&!S.readonly&&S.onChange){var t,n=M()?S.falseValue:S.trueValue;if(null==S||null===(t=S.onChange)||void 0===t||t.call(S,{originalEvent:e,value:S.value,checked:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"checkbox",name:S.name,id:S.id,value:S.value,checked:n}}),e.defaultPrevented)return;s.focus(A.current)}};e.useImperativeHandle(m,(function(){return{props:S,focus:function(){return s.focus(A.current)},getElement:function(){return N.current},getInput:function(){return A.current}}})),e.useEffect((function(){p.combinedRefs(A,S.inputRef)}),[A,S.inputRef]),l((function(){A.current.checked=M()}),[S.checked,S.trueValue]),i((function(){S.autoFocus&&s.focus(A.current,S.autoFocus)}));var F,q,T,_,B,U=M(),H=p.isNotEmpty(S.tooltip),J=k.getOtherProps(S),K=g({id:S.id,className:c(S.className,R("root",{checked:U,context:j})),style:S.style,"data-p-highlight":U,"data-p-disabled":S.disabled,onContextMenu:S.onContextMenu,onMouseDown:S.onMouseDown},J,D("root"));return e.createElement(e.Fragment,null,e.createElement("div",d({ref:N},K),(_=p.reduceKeys(J,s.ARIA_PROPS),B=g(P({id:S.inputId,type:"checkbox",className:R("input"),name:S.name,tabIndex:S.tabIndex,onFocus:function(e){return t=e,I(!0),void(null==S||null===(n=S.onFocus)||void 0===n||n.call(S,t));var t,n},onBlur:function(e){return t=e,I(!1),void(null==S||null===(n=S.onBlur)||void 0===n||n.call(S,t));var t,n},onChange:function(e){return V(e)},disabled:S.disabled,readOnly:S.readOnly,required:S.required,"aria-invalid":S.invalid,checked:U},_),D("input")),e.createElement("input",d({ref:A},B))),(F=g({className:R("icon")},D("icon")),q=g({className:R("box",{checked:U}),"data-p-highlight":U,"data-p-disabled":S.disabled},D("box")),T=f.getJSXIcon(U?S.icon||e.createElement(a,F):null,P({},F),{props:S,checked:U}),e.createElement("div",q,T))),H&&e.createElement(u,d({target:N,content:S.tooltip,pt:D("tooltip")},S.tooltipOptions)))})));S.displayName="Checkbox";export{S as Checkbox};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o,useUpdateEffect as l,useMountEffect as i}from"primereact/hooks";import{CheckIcon as u}from"primereact/icons/check";import{Tooltip as a}from"primereact/tooltip";import{classNames as c,DomHandler as s,ObjectUtils as p,IconUtils as f}from"primereact/utils";function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(null,arguments)}function m(e){return m="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},m(e)}function b(e,t){if("object"!=m(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=b(e,"string");return"symbol"==m(t)?t:t+""}function v(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,u=[],a=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return u}}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function x(e,t){if(e){if("string"==typeof e)return O(e,t);var n={}.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)?O(e,t):void 0}}function k(){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=n.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon",root:function(e){var t=e.props,n=e.context;return c("p-checkbox p-component",{"p-highlight":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}}}});function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=e.memo(e.forwardRef((function(n,m){var b,y,v=o(),O=e.useContext(t),j=P.getProps(n,O),w=e.useState(!1),E=(y=2,h(b=w)||g(b,y)||x(b,y)||k()),I=E[1],C=P.setMetaData({props:j,state:{focused:E[0]},context:{checked:j.checked===j.trueValue,disabled:j.disabled}}),D=C.ptm,R=C.cx;r(P.css.styles,C.isUnstyled,{name:"checkbox"});var N=e.useRef(null),A=e.useRef(j.inputRef),M=function(){return j.checked===j.trueValue},V=function(e){if(!j.disabled&&!j.readOnly&&j.onChange){var t,n=M()?j.falseValue:j.trueValue;if(null==j||null===(t=j.onChange)||void 0===t||t.call(j,{originalEvent:e,value:j.value,checked:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"checkbox",name:j.name,id:j.id,value:j.value,checked:n}}),e.defaultPrevented)return;s.focus(A.current)}};e.useImperativeHandle(m,(function(){return{props:j,focus:function(){return s.focus(A.current)},getElement:function(){return N.current},getInput:function(){return A.current}}})),e.useEffect((function(){p.combinedRefs(A,j.inputRef)}),[A,j.inputRef]),l((function(){A.current.checked=M()}),[j.checked,j.trueValue]),i((function(){j.autoFocus&&s.focus(A.current,j.autoFocus)}));var F,q,T,_,B,U=M(),H=p.isNotEmpty(j.tooltip),J=P.getOtherProps(j),K=v({id:j.id,className:c(j.className,R("root",{checked:U,context:O})),style:j.style,"data-p-highlight":U,"data-p-disabled":j.disabled,onContextMenu:j.onContextMenu,onMouseDown:j.onMouseDown},J,D("root"));return e.createElement(e.Fragment,null,e.createElement("div",d({ref:N},K),(_=p.reduceKeys(J,s.ARIA_PROPS),B=v(S({id:j.inputId,type:"checkbox",className:R("input"),name:j.name,tabIndex:j.tabIndex,onFocus:function(e){return t=e,I(!0),void(null==j||null===(n=j.onFocus)||void 0===n||n.call(j,t));var t,n},onBlur:function(e){return t=e,I(!1),void(null==j||null===(n=j.onBlur)||void 0===n||n.call(j,t));var t,n},onChange:function(e){return V(e)},disabled:j.disabled,readOnly:j.readOnly,required:j.required,"aria-invalid":j.invalid,checked:U},_),D("input")),e.createElement("input",d({ref:A},B))),(F=v({className:R("icon")},D("icon")),q=v({className:R("box",{checked:U}),"data-p-highlight":U,"data-p-disabled":j.disabled},D("box")),T=f.getJSXIcon(U?j.icon||e.createElement(u,F):null,S({},F),{props:j,checked:U}),e.createElement("div",q,T))),H&&e.createElement(a,d({target:N,content:j.tooltip,pt:D("tooltip")},j.tooltipOptions)))})));w.displayName="Checkbox";export{w as Checkbox};

package/checkbox/checkbox.js

@@ -23,18 +23,13 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
   function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
+    return _extends = Object.assign ? Object.assign.bind() : function (n) {
+      for (var e = 1; e < arguments.length; e++) {
+        var t = arguments[e];
+        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
       }
-      return target;
-    };
-    return _extends.apply(this, arguments);
+      return n;
+    }, _extends.apply(null, arguments);
   }
 
   function _typeof(o) {
@@ -47,39 +42,33 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
     }, _typeof(o);
   }
 
-  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;
+  function toPrimitive(t, r) {
+    if ("object" != _typeof(t) || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+      var i = e.call(t, r || "default");
+      if ("object" != _typeof(i)) return i;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (hint === "string" ? String : Number)(input);
+    return ("string" === r ? String : Number)(t);
   }
 
-  function _toPropertyKey(arg) {
-    var key = _toPrimitive(arg, "string");
-    return _typeof(key) === "symbol" ? key : String(key);
+  function toPropertyKey(t) {
+    var i = toPrimitive(t, "string");
+    return "symbol" == _typeof(i) ? i : i + "";
   }
 
-  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 _defineProperty(e, r, t) {
+    return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+      value: t,
+      enumerable: !0,
+      configurable: !0,
+      writable: !0
+    }) : e[r] = t, e;
   }
 
-  function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
+  function _arrayWithHoles(r) {
+    if (Array.isArray(r)) return r;
   }
 
   function _iterableToArrayLimit(r, l) {
@@ -110,27 +99,26 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
     }
   }
 
-  function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-    return arr2;
+  function _arrayLikeToArray(r, a) {
+    (null == a || a > r.length) && (a = r.length);
+    for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+    return n;
   }
 
-  function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  function _unsupportedIterableToArray(r, a) {
+    if (r) {
+      if ("string" == typeof r) return _arrayLikeToArray(r, a);
+      var t = {}.toString.call(r).slice(8, -1);
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+    }
   }
 
   function _nonIterableRest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
-  function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  function _slicedToArray(r, e) {
+    return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
   }
 
   var classes = {
@@ -214,7 +202,7 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
       return props.checked === props.trueValue;
     };
     var _onChange = function onChange(event) {
-      if (props.disabled || props.readonly) {
+      if (props.disabled || props.readOnly) {
         return;
       }
       if (props.onChange) {

package/checkbox/checkbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.checkbox=function(e,t,n,r,o,l,i,a){"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 u=c(t);function s(){return s=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},s.apply(this,arguments)}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 f(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=f(e,"string");return"symbol"===p(t)?t:String(t)}function b(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return a}}function y(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 v(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function h(){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 g=r.ComponentBase.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon",root:function(e){var t=e.props,n=e.context;return a.classNames("p-checkbox p-component",{"p-highlight":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}}}});function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){var r,o,l;r=e,l=n[t],(o=d(o=t))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=u.memo(u.forwardRef((function(e,t){var c,p,f=o.useMergeProps(),d=u.useContext(n.PrimeReactContext),y=g.getProps(e,d),O=u.useState(!1),k=(p=2,b(c=O)||m(c,p)||v(c,p)||h()),x=k[1],P=g.setMetaData({props:y,state:{focused:k[0]},context:{checked:y.checked===y.trueValue,disabled:y.disabled}}),S=P.ptm,w=P.cx;r.useHandleStyle(g.css.styles,P.isUnstyled,{name:"checkbox"});var E=u.useRef(null),C=u.useRef(y.inputRef),D=function(){return y.checked===y.trueValue},I=function(e){if(!y.disabled&&!y.readonly&&y.onChange){var t,n=D()?y.falseValue:y.trueValue;if(null==y||null===(t=y.onChange)||void 0===t||t.call(y,{originalEvent:e,value:y.value,checked:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"checkbox",name:y.name,id:y.id,value:y.value,checked:n}}),e.defaultPrevented)return;a.DomHandler.focus(C.current)}};u.useImperativeHandle(t,(function(){return{props:y,focus:function(){return a.DomHandler.focus(C.current)},getElement:function(){return E.current},getInput:function(){return C.current}}})),u.useEffect((function(){a.ObjectUtils.combinedRefs(C,y.inputRef)}),[C,y.inputRef]),o.useUpdateEffect((function(){C.current.checked=D()}),[y.checked,y.trueValue]),o.useMountEffect((function(){y.autoFocus&&a.DomHandler.focus(C.current,y.autoFocus)}));var M,R,N,A,U,V=D(),_=a.ObjectUtils.isNotEmpty(y.tooltip),F=g.getOtherProps(y),H=f({id:y.id,className:a.classNames(y.className,w("root",{checked:V,context:d})),style:y.style,"data-p-highlight":V,"data-p-disabled":y.disabled,onContextMenu:y.onContextMenu,onMouseDown:y.onMouseDown},F,S("root"));return u.createElement(u.Fragment,null,u.createElement("div",s({ref:E},H),(A=a.ObjectUtils.reduceKeys(F,a.DomHandler.ARIA_PROPS),U=f(j({id:y.inputId,type:"checkbox",className:w("input"),name:y.name,tabIndex:y.tabIndex,onFocus:function(e){return t=e,x(!0),void(null==y||null===(n=y.onFocus)||void 0===n||n.call(y,t));var t,n},onBlur:function(e){return t=e,x(!1),void(null==y||null===(n=y.onBlur)||void 0===n||n.call(y,t));var t,n},onChange:function(e){return I(e)},disabled:y.disabled,readOnly:y.readOnly,required:y.required,"aria-invalid":y.invalid,checked:V},A),S("input")),u.createElement("input",s({ref:C},U))),(M=f({className:w("icon")},S("icon")),R=f({className:w("box",{checked:V}),"data-p-highlight":V,"data-p-disabled":y.disabled},S("box")),N=a.IconUtils.getJSXIcon(V?y.icon||u.createElement(l.CheckIcon,M):null,j({},M),{props:y,checked:V}),u.createElement("div",R,N))),_&&u.createElement(i.Tooltip,s({target:E,content:y.tooltip,pt:S("tooltip")},y.tooltipOptions)))})));return k.displayName="Checkbox",e.Checkbox=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.check,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.checkbox=function(e,t,n,r,o,l,i,u){"use strict";function a(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=a(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(null,arguments)}function f(e){return f="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},f(e)}function d(e,t){if("object"!=f(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=d(e,"string");return"symbol"==f(t)?t:t+""}function b(e,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,u=[],a=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return u}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function h(e,t){if(e){if("string"==typeof e)return v(e,t);var n={}.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)?v(e,t):void 0}}function g(){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 O=r.ComponentBase.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon",root:function(e){var t=e.props,n=e.context;return u.classNames("p-checkbox p-component",{"p-highlight":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}}}});function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=c.memo(c.forwardRef((function(e,t){var a,f,d=o.useMergeProps(),p=c.useContext(n.PrimeReactContext),b=O.getProps(e,p),v=c.useState(!1),j=(f=2,m(a=v)||y(a,f)||h(a,f)||g()),x=j[1],P=O.setMetaData({props:b,state:{focused:j[0]},context:{checked:b.checked===b.trueValue,disabled:b.disabled}}),S=P.ptm,w=P.cx;r.useHandleStyle(O.css.styles,P.isUnstyled,{name:"checkbox"});var E=c.useRef(null),C=c.useRef(b.inputRef),D=function(){return b.checked===b.trueValue},I=function(e){if(!b.disabled&&!b.readOnly&&b.onChange){var t,n=D()?b.falseValue:b.trueValue;if(null==b||null===(t=b.onChange)||void 0===t||t.call(b,{originalEvent:e,value:b.value,checked:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"checkbox",name:b.name,id:b.id,value:b.value,checked:n}}),e.defaultPrevented)return;u.DomHandler.focus(C.current)}};c.useImperativeHandle(t,(function(){return{props:b,focus:function(){return u.DomHandler.focus(C.current)},getElement:function(){return E.current},getInput:function(){return C.current}}})),c.useEffect((function(){u.ObjectUtils.combinedRefs(C,b.inputRef)}),[C,b.inputRef]),o.useUpdateEffect((function(){C.current.checked=D()}),[b.checked,b.trueValue]),o.useMountEffect((function(){b.autoFocus&&u.DomHandler.focus(C.current,b.autoFocus)}));var M,R,N,A,U,V=D(),_=u.ObjectUtils.isNotEmpty(b.tooltip),F=O.getOtherProps(b),H=d({id:b.id,className:u.classNames(b.className,w("root",{checked:V,context:p})),style:b.style,"data-p-highlight":V,"data-p-disabled":b.disabled,onContextMenu:b.onContextMenu,onMouseDown:b.onMouseDown},F,S("root"));return c.createElement(c.Fragment,null,c.createElement("div",s({ref:E},H),(A=u.ObjectUtils.reduceKeys(F,u.DomHandler.ARIA_PROPS),U=d(k({id:b.inputId,type:"checkbox",className:w("input"),name:b.name,tabIndex:b.tabIndex,onFocus:function(e){return t=e,x(!0),void(null==b||null===(n=b.onFocus)||void 0===n||n.call(b,t));var t,n},onBlur:function(e){return t=e,x(!1),void(null==b||null===(n=b.onBlur)||void 0===n||n.call(b,t));var t,n},onChange:function(e){return I(e)},disabled:b.disabled,readOnly:b.readOnly,required:b.required,"aria-invalid":b.invalid,checked:V},A),S("input")),c.createElement("input",s({ref:C},U))),(M=d({className:w("icon")},S("icon")),R=d({className:w("box",{checked:V}),"data-p-highlight":V,"data-p-disabled":b.disabled},S("box")),N=u.IconUtils.getJSXIcon(V?b.icon||c.createElement(l.CheckIcon,M):null,k({},M),{props:b,checked:V}),c.createElement("div",R,N))),_&&c.createElement(i.Tooltip,s({target:E,content:b.tooltip,pt:S("tooltip")},b.tooltipOptions)))})));return x.displayName="Checkbox",e.Checkbox=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.check,primereact.tooltip,primereact.utils);

package/chip/chip.cjs.js

@@ -40,54 +40,43 @@ function _typeof(o) {
   }, _typeof(o);
 }
 
-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;
+function toPrimitive(t, r) {
+  if ("object" != _typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != _typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (hint === "string" ? String : Number)(input);
+  return ("string" === r ? String : Number)(t);
 }
 
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : i + "";
 }
 
-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 _defineProperty(e, r, t) {
+  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
 }
 
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
 
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
 }
 
 function _iterableToArrayLimit(r, l) {
@@ -118,27 +107,26 @@ function _iterableToArrayLimit(r, l) {
   }
 }
 
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
 }
 
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
 }
 
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
 
 var classes = {
@@ -186,6 +174,10 @@ var Chip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
     setVisibleState = _React$useState2[1];
+  var _React$useState3 = React__namespace.useState(props.id),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    idState = _React$useState4[0],
+    setIdState = _React$useState4[1];
   var _ChipBase$setMetaData = ChipBase.setMetaData({
       props: props
     }),
@@ -203,6 +195,7 @@ var Chip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
   var close = function close(event) {
     var result = true;
     if (props.onRemove) {
+      event.stopPropagation();
       result = props.onRemove({
         originalEvent: event,
         value: props.label || props.image || props.icon
@@ -222,7 +215,7 @@ var Chip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
       onKeyDown: onKeyDown
     }, ptm('removeIcon'));
     var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, _extends({}, removeIconProps, {
-      key: utils.UniqueComponentId('removeIcon')
+      key: "".concat(idState, "-removeIcon")
     }));
     if (props.image) {
       var imageProps = mergeProps({
@@ -232,7 +225,7 @@ var Chip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
       content.push(/*#__PURE__*/React__namespace.createElement("img", _extends({
         alt: props.imageAlt
       }, imageProps, {
-        key: utils.UniqueComponentId('image')
+        key: "".concat(idState, "-image")
       })));
     } else if (props.icon) {
       var chipIconProps = mergeProps({
@@ -283,6 +276,14 @@ var Chip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
       }
     };
   });
+  hooks.useMountEffect(function () {
+    if (!idState) {
+      setIdState(utils.UniqueComponentId());
+    }
+  });
+  if (!idState) {
+    return null;
+  }
   return visibleState && createElement();
 }));
 Chip.displayName = 'Chip';

package/chip/chip.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/icons/timescircle"),i=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=l(e);function c(e){return c="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},c(e)}function u(e,r){if("object"!==c(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function s(e){var r=u(e,"string");return"symbol"===c(r)?r:String(r)}function p(){return p=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},p.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function f(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 b(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 y(e,r){if(e){if("string"==typeof e)return b(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)?b(e,r):void 0}}function v(){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 g=t.ComponentBase.extend({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},css:{classes:{root:function(e){return i.classNames("p-chip p-component",{"p-chip-image":null!=e.props.image})},removeIcon:"p-chip-remove-icon",icon:"p-chip-icon",label:"p-chip-text"},styles:"\n@layer primereact {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-chip-text {\n        line-height: 1.5;\n    }\n    \n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n    \n    .p-chip .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n    \n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n"}});function h(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 d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?h(Object(t),!0).forEach((function(r){var n,o,i;n=e,i=t[r],(o=s(o=r))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):h(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var O=a.memo(a.forwardRef((function(e,l){var c,u,s=n.useMergeProps(),b=a.useContext(r.PrimeReactContext),h=g.getProps(e,b),O=a.useRef(null),j=a.useState(!0),I=(u=2,m(c=j)||f(c,u)||y(c,u)||v()),P=I[0],S=I[1],E=g.setMetaData({props:h}),w=E.ptm,C=E.cx;t.useHandleStyle(g.css.styles,E.isUnstyled,{name:"chip"});var x,N,q=function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Backspace"!==e.code||k(e)},k=function(e){var r=!0;h.onRemove&&(r=h.onRemove({originalEvent:e,value:h.label||h.image||h.icon})),!1!==r&&S(!1)},U=function(){var e=[],r=s({role:"button",tabIndex:0,className:C("removeIcon"),onClick:k,onKeyDown:q},w("removeIcon")),t=h.removeIcon||a.createElement(o.TimesCircleIcon,p({},r,{key:i.UniqueComponentId("removeIcon")}));if(h.image){var n=s({src:h.image,onError:h.onImageError},w("image"));e.push(a.createElement("img",p({alt:h.imageAlt},n,{key:i.UniqueComponentId("image")})))}else if(h.icon){var l=s({className:C("icon")},w("icon"));e.push(i.IconUtils.getJSXIcon(h.icon,d({},l),{props:h}))}if(h.label){var c=s({className:C("label")},w("label"));e.push(a.createElement("span",p({},c,{key:i.UniqueComponentId("label")}),h.label))}return h.removable&&e.push(i.IconUtils.getJSXIcon(t,d({},r),{props:h})),e};return a.useImperativeHandle(l,(function(){return{props:h,getVisible:function(){return P},setVisible:function(e){return S(e)},getElement:function(){return O.current}}})),P&&(x=h.template?i.ObjectUtils.getJSXElement(h.template,h):U(),N=s({ref:O,style:h.style,className:i.classNames(h.className,C("root")),"aria-label":h.label},g.getOtherProps(h),w("root")),a.createElement("div",p({},N,{key:i.UniqueComponentId("chip")}),x))})));O.displayName="Chip",exports.Chip=O;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/icons/timescircle"),i=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var c=l(e);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 u(e,r){if("object"!=a(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!=a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function s(e){var r=u(e,"string");return"symbol"==a(r)?r:r+""}function p(e,r,t){return(r=s(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},m.apply(null,arguments)}function f(e){if(Array.isArray(e))return e}function b(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,l,c=[],a=!0,u=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;a=!1}else for(;!(a=(n=i.call(t)).done)&&(c.push(n.value),c.length!==r);a=!0);}catch(e){u=!0,o=e}finally{try{if(!a&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw o}}return c}}function y(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}function v(e,r){if(e){if("string"==typeof e)return y(e,r);var t={}.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)?y(e,r):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,r){return f(e)||b(e,r)||v(e,r)||g()}var d=t.ComponentBase.extend({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},css:{classes:{root:function(e){return i.classNames("p-chip p-component",{"p-chip-image":null!=e.props.image})},removeIcon:"p-chip-remove-icon",icon:"p-chip-icon",label:"p-chip-text"},styles:"\n@layer primereact {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-chip-text {\n        line-height: 1.5;\n    }\n    \n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n    \n    .p-chip .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n    \n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n"}});function O(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 j(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?O(Object(t),!0).forEach((function(r){p(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var P=c.memo(c.forwardRef((function(e,l){var a=n.useMergeProps(),u=c.useContext(r.PrimeReactContext),s=d.getProps(e,u),p=c.useRef(null),f=h(c.useState(!0),2),b=f[0],y=f[1],v=h(c.useState(s.id),2),g=v[0],O=v[1],P=d.setMetaData({props:s}),I=P.ptm,S=P.cx;t.useHandleStyle(d.css.styles,P.isUnstyled,{name:"chip"});var E,w,C=function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Backspace"!==e.code||x(e)},x=function(e){var r=!0;s.onRemove&&(e.stopPropagation(),r=s.onRemove({originalEvent:e,value:s.label||s.image||s.icon})),!1!==r&&y(!1)},N=function(){var e=[],r=a({role:"button",tabIndex:0,className:S("removeIcon"),onClick:x,onKeyDown:C},I("removeIcon")),t=s.removeIcon||c.createElement(o.TimesCircleIcon,m({},r,{key:"".concat(g,"-removeIcon")}));if(s.image){var n=a({src:s.image,onError:s.onImageError},I("image"));e.push(c.createElement("img",m({alt:s.imageAlt},n,{key:"".concat(g,"-image")})))}else if(s.icon){var l=a({className:S("icon")},I("icon"));e.push(i.IconUtils.getJSXIcon(s.icon,j({},l),{props:s}))}if(s.label){var u=a({className:S("label")},I("label"));e.push(c.createElement("span",m({},u,{key:i.UniqueComponentId("label")}),s.label))}return s.removable&&e.push(i.IconUtils.getJSXIcon(t,j({},r),{props:s})),e};return c.useImperativeHandle(l,(function(){return{props:s,getVisible:function(){return b},setVisible:function(e){return y(e)},getElement:function(){return p.current}}})),n.useMountEffect((function(){g||O(i.UniqueComponentId())})),g?b&&(E=s.template?i.ObjectUtils.getJSXElement(s.template,s):N(),w=a({ref:p,style:s.style,className:i.classNames(s.className,S("root")),"aria-label":s.label},d.getOtherProps(s),I("root")),c.createElement("div",m({},w,{key:i.UniqueComponentId("chip")}),E)):null})));P.displayName="Chip",exports.Chip=P;

package/chip/chip.d.ts

@@ -161,9 +161,9 @@ export interface ChipProps extends Omit<React.DetailedHTMLProps<React.HTMLAttrib
 export declare class Chip extends React.Component<ChipProps, any> {
     /**
      * Used to get container element.
-     * @return {HTMLDivElement} Container element
+     * @return {HTMLDivElement | null} Container element
      */
-    public getElement(): HTMLDivElement;
+    public getElement(): HTMLDivElement | null;
     /**
      * Used to set the visibility of the chip.
      * @param {boolean} visible - Whether to show or hide the chip

package/chip/chip.esm.js

@@ -2,9 +2,9 @@
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useMergeProps } from 'primereact/hooks';
+import { useMergeProps, useMountEffect } from 'primereact/hooks';
 import { TimesCircleIcon } from 'primereact/icons/timescircle';
-import { classNames, ObjectUtils, UniqueComponentId, IconUtils } from 'primereact/utils';
+import { classNames, UniqueComponentId, ObjectUtils, IconUtils } from 'primereact/utils';
 
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -16,54 +16,43 @@ function _typeof(o) {
   }, _typeof(o);
 }
 
-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;
+function toPrimitive(t, r) {
+  if ("object" != _typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != _typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (hint === "string" ? String : Number)(input);
+  return ("string" === r ? String : Number)(t);
 }
 
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : i + "";
 }
 
-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 _defineProperty(e, r, t) {
+  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
 }
 
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
 
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
 }
 
 function _iterableToArrayLimit(r, l) {
@@ -94,27 +83,26 @@ function _iterableToArrayLimit(r, l) {
   }
 }
 
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
 }
 
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
 }
 
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
 
 var classes = {
@@ -162,6 +150,10 @@ var Chip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
     setVisibleState = _React$useState2[1];
+  var _React$useState3 = React.useState(props.id),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    idState = _React$useState4[0],
+    setIdState = _React$useState4[1];
   var _ChipBase$setMetaData = ChipBase.setMetaData({
       props: props
     }),
@@ -179,6 +171,7 @@ var Chip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
   var close = function close(event) {
     var result = true;
     if (props.onRemove) {
+      event.stopPropagation();
       result = props.onRemove({
         originalEvent: event,
         value: props.label || props.image || props.icon
@@ -198,7 +191,7 @@ var Chip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
       onKeyDown: onKeyDown
     }, ptm('removeIcon'));
     var icon = props.removeIcon || /*#__PURE__*/React.createElement(TimesCircleIcon, _extends({}, removeIconProps, {
-      key: UniqueComponentId('removeIcon')
+      key: "".concat(idState, "-removeIcon")
     }));
     if (props.image) {
       var imageProps = mergeProps({
@@ -208,7 +201,7 @@ var Chip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
       content.push(/*#__PURE__*/React.createElement("img", _extends({
         alt: props.imageAlt
       }, imageProps, {
-        key: UniqueComponentId('image')
+        key: "".concat(idState, "-image")
       })));
     } else if (props.icon) {
       var chipIconProps = mergeProps({
@@ -259,6 +252,14 @@ var Chip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
       }
     };
   });
+  useMountEffect(function () {
+    if (!idState) {
+      setIdState(UniqueComponentId());
+    }
+  });
+  if (!idState) {
+    return null;
+  }
   return visibleState && createElement();
 }));
 Chip.displayName = 'Chip';