primereact 10.8.5 → 10.9.0

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 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 I(!0),void(null==j||null===(t=j.onFocus)||void 0===t||t.call(j));var t},onBlur:function(e){return I(!1),void(null==j||null===(t=j.onBlur)||void 0===t||t.call(j));var t},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};
+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};

package/checkbox/checkbox.js

@@ -23,13 +23,18 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
   function _extends() {
-    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]);
+    _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 n;
-    }, _extends.apply(null, arguments);
+      return target;
+    };
+    return _extends.apply(this, arguments);
   }
 
   function _typeof(o) {
@@ -42,33 +47,39 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
     }, _typeof(o);
   }
 
-  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;
+  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 ("string" === r ? String : Number)(t);
+    return (hint === "string" ? String : Number)(input);
   }
 
-  function toPropertyKey(t) {
-    var i = toPrimitive(t, "string");
-    return "symbol" == _typeof(i) ? i : i + "";
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
   }
 
-  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 _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(r) {
-    if (Array.isArray(r)) return r;
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
   }
 
   function _iterableToArrayLimit(r, l) {
@@ -99,26 +110,27 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
     }
   }
 
-  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 _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 _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 _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 _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(r, e) {
-    return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
   var classes = {
@@ -236,15 +248,15 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
         utils.DomHandler.focus(inputRef.current);
       }
     };
-    var _onFocus = function onFocus() {
+    var _onFocus = function onFocus(event) {
       var _props$onFocus;
       setFocusedState(true);
-      props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props);
+      props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, event);
     };
-    var _onBlur = function onBlur() {
+    var _onBlur = function onBlur(event) {
       var _props$onBlur;
       setFocusedState(false);
-      props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props);
+      props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, event);
     };
     React__namespace.useImperativeHandle(ref, function () {
       return {
@@ -295,10 +307,10 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
         name: props.name,
         tabIndex: props.tabIndex,
         onFocus: function onFocus(e) {
-          return _onFocus();
+          return _onFocus(e);
         },
         onBlur: function onBlur(e) {
-          return _onBlur();
+          return _onBlur(e);
         },
         onChange: function onChange(e) {
           return _onChange(e);

package/checkbox/checkbox.min.js

@@ -1 +1 @@
-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 x(!0),void(null==b||null===(t=b.onFocus)||void 0===t||t.call(b));var t},onBlur:function(e){return x(!1),void(null==b||null===(t=b.onBlur)||void 0===t||t.call(b));var t},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);
+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);

package/chip/chip.cjs.js

@@ -40,43 +40,54 @@ function _typeof(o) {
   }, _typeof(o);
 }
 
-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;
+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 ("string" === r ? String : Number)(t);
+  return (hint === "string" ? String : Number)(input);
 }
 
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
 }
 
-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 _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 _extends() {
-  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]);
+  _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 n;
-  }, _extends.apply(null, arguments);
+    return target;
+  };
+  return _extends.apply(this, arguments);
 }
 
-function _arrayWithHoles(r) {
-  if (Array.isArray(r)) return r;
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
 }
 
 function _iterableToArrayLimit(r, l) {
@@ -107,26 +118,27 @@ function _iterableToArrayLimit(r, l) {
   }
 }
 
-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 _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 _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 _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 _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(r, e) {
-  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
 var classes = {
@@ -216,7 +228,9 @@ var Chip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
       }, ptm('image'));
       content.push(/*#__PURE__*/React__namespace.createElement("img", _extends({
         alt: props.imageAlt
-      }, imageProps)));
+      }, imageProps, {
+        key: utils.UniqueComponentId('image')
+      })));
     } else if (props.icon) {
       var chipIconProps = mergeProps({
         className: cx('icon')
@@ -230,7 +244,7 @@ var Chip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
         className: cx('label')
       }, ptm('label'));
       content.push(/*#__PURE__*/React__namespace.createElement("span", _extends({}, labelProps, {
-        key: "label"
+        key: utils.UniqueComponentId('label')
       }), props.label));
     }
     if (props.removable) {
@@ -248,7 +262,9 @@ var Chip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
       className: utils.classNames(props.className, cx('root')),
       'aria-label': props.label
     }, ChipBase.getOtherProps(props), ptm('root'));
-    return /*#__PURE__*/React__namespace.createElement("div", rootProps, content);
+    return /*#__PURE__*/React__namespace.createElement("div", _extends({}, rootProps, {
+      key: utils.UniqueComponentId('chip')
+    }), content);
   };
   React__namespace.useImperativeHandle(ref, function () {
     return {

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)||!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: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,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 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.")}var h=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 d(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 O(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?d(Object(t),!0).forEach((function(r){p(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var j=a.memo(a.forwardRef((function(e,l){var c,u,s=n.useMergeProps(),p=a.useContext(r.PrimeReactContext),y=h.getProps(e,p),d=a.useRef(null),j=a.useState(!0),P=(u=2,f(c=j)||b(c,u)||v(c,u)||g()),I=P[0],S=P[1],E=h.setMetaData({props:y}),w=E.ptm,x=E.cx;t.useHandleStyle(h.css.styles,E.isUnstyled,{name:"chip"});var N,C,A=function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Backspace"!==e.code||k(e)},k=function(e){S(!1),y.onRemove&&y.onRemove({originalEvent:e,value:y.label||y.image||y.icon})},q=function(){var e=[],r=s({role:"button",tabIndex:0,className:x("removeIcon"),onClick:k,onKeyDown:A},w("removeIcon")),t=y.removeIcon||a.createElement(o.TimesCircleIcon,m({},r,{key:i.UniqueComponentId("removeIcon")}));if(y.image){var n=s({src:y.image,onError:y.onImageError},w("image"));e.push(a.createElement("img",m({alt:y.imageAlt},n)))}else if(y.icon){var l=s({className:x("icon")},w("icon"));e.push(i.IconUtils.getJSXIcon(y.icon,O({},l),{props:y}))}if(y.label){var c=s({className:x("label")},w("label"));e.push(a.createElement("span",m({},c,{key:"label"}),y.label))}return y.removable&&e.push(i.IconUtils.getJSXIcon(t,O({},r),{props:y})),e};return a.useImperativeHandle(l,(function(){return{props:y,getElement:function(){return d.current}}})),I&&(N=y.template?i.ObjectUtils.getJSXElement(y.template,y):q(),C=s({ref:d,style:y.style,className:i.classNames(y.className,x("root")),"aria-label":y.label},h.getOtherProps(y),w("root")),a.createElement("div",C,N))})));j.displayName="Chip",exports.Chip=j;
+"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 p(e){var r=u(e,"string");return"symbol"===c(r)?r:String(r)}function s(){return s=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},s.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=p(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,p=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){S(!1),h.onRemove&&h.onRemove({originalEvent:e,value:h.label||h.image||h.icon})},U=function(){var e=[],r=p({role:"button",tabIndex:0,className:C("removeIcon"),onClick:k,onKeyDown:q},w("removeIcon")),t=h.removeIcon||a.createElement(o.TimesCircleIcon,s({},r,{key:i.UniqueComponentId("removeIcon")}));if(h.image){var n=p({src:h.image,onError:h.onImageError},w("image"));e.push(a.createElement("img",s({alt:h.imageAlt},n,{key:i.UniqueComponentId("image")})))}else if(h.icon){var l=p({className:C("icon")},w("icon"));e.push(i.IconUtils.getJSXIcon(h.icon,d({},l),{props:h}))}if(h.label){var c=p({className:C("label")},w("label"));e.push(a.createElement("span",s({},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,getElement:function(){return O.current}}})),P&&(x=h.template?i.ObjectUtils.getJSXElement(h.template,h):U(),N=p({ref:O,style:h.style,className:i.classNames(h.className,C("root")),"aria-label":h.label},g.getOtherProps(h),w("root")),a.createElement("div",s({},N,{key:i.UniqueComponentId("chip")}),x))})));O.displayName="Chip",exports.Chip=O;

package/chip/chip.esm.js

@@ -16,43 +16,54 @@ function _typeof(o) {
   }, _typeof(o);
 }
 
-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;
+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 ("string" === r ? String : Number)(t);
+  return (hint === "string" ? String : Number)(input);
 }
 
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
 }
 
-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 _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 _extends() {
-  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]);
+  _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 n;
-  }, _extends.apply(null, arguments);
+    return target;
+  };
+  return _extends.apply(this, arguments);
 }
 
-function _arrayWithHoles(r) {
-  if (Array.isArray(r)) return r;
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
 }
 
 function _iterableToArrayLimit(r, l) {
@@ -83,26 +94,27 @@ function _iterableToArrayLimit(r, l) {
   }
 }
 
-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 _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 _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 _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 _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(r, e) {
-  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
 var classes = {
@@ -192,7 +204,9 @@ var Chip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
       }, ptm('image'));
       content.push(/*#__PURE__*/React.createElement("img", _extends({
         alt: props.imageAlt
-      }, imageProps)));
+      }, imageProps, {
+        key: UniqueComponentId('image')
+      })));
     } else if (props.icon) {
       var chipIconProps = mergeProps({
         className: cx('icon')
@@ -206,7 +220,7 @@ var Chip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
         className: cx('label')
       }, ptm('label'));
       content.push(/*#__PURE__*/React.createElement("span", _extends({}, labelProps, {
-        key: "label"
+        key: UniqueComponentId('label')
       }), props.label));
     }
     if (props.removable) {
@@ -224,7 +238,9 @@ var Chip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
       className: classNames(props.className, cx('root')),
       'aria-label': props.label
     }, ChipBase.getOtherProps(props), ptm('root'));
-    return /*#__PURE__*/React.createElement("div", rootProps, content);
+    return /*#__PURE__*/React.createElement("div", _extends({}, rootProps, {
+      key: UniqueComponentId('chip')
+    }), content);
   };
   React.useImperativeHandle(ref, function () {
     return {

package/chip/chip.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as r}from"primereact/api";import{ComponentBase as t,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as o}from"primereact/hooks";import{TimesCircleIcon as i}from"primereact/icons/timescircle";import{classNames as l,ObjectUtils as a,UniqueComponentId as c,IconUtils as u}from"primereact/utils";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 m(e,r){if("object"!=p(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!=p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function s(e){var r=m(e,"string");return"symbol"==p(r)?r:r+""}function f(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 b(){return b=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},b.apply(null,arguments)}function y(e){if(Array.isArray(e))return e}function v(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 g(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 h(e,r){if(e){if("string"==typeof e)return g(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)?g(e,r):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 O=t.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 l("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 j(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 S(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?j(Object(t),!0).forEach((function(r){f(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var E=e.memo(e.forwardRef((function(t,p){var m,s,f=o(),g=e.useContext(r),j=O.getProps(t,g),E=e.useRef(null),P=e.useState(!0),w=(s=2,y(m=P)||v(m,s)||h(m,s)||d()),I=w[0],x=w[1],N=O.setMetaData({props:j}),A=N.ptm,k=N.cx;n(O.css.styles,N.isUnstyled,{name:"chip"});var D,C,R=function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Backspace"!==e.code||J(e)},J=function(e){x(!1),j.onRemove&&j.onRemove({originalEvent:e,value:j.label||j.image||j.icon})},T=function(){var r=[],t=f({role:"button",tabIndex:0,className:k("removeIcon"),onClick:J,onKeyDown:R},A("removeIcon")),n=j.removeIcon||e.createElement(i,b({},t,{key:c("removeIcon")}));if(j.image){var o=f({src:j.image,onError:j.onImageError},A("image"));r.push(e.createElement("img",b({alt:j.imageAlt},o)))}else if(j.icon){var l=f({className:k("icon")},A("icon"));r.push(u.getJSXIcon(j.icon,S({},l),{props:j}))}if(j.label){var a=f({className:k("label")},A("label"));r.push(e.createElement("span",b({},a,{key:"label"}),j.label))}return j.removable&&r.push(u.getJSXIcon(n,S({},t),{props:j})),r};return e.useImperativeHandle(p,(function(){return{props:j,getElement:function(){return E.current}}})),I&&(D=j.template?a.getJSXElement(j.template,j):T(),C=f({ref:E,style:j.style,className:l(j.className,k("root")),"aria-label":j.label},O.getOtherProps(j),A("root")),e.createElement("div",C,D))})));E.displayName="Chip";export{E as Chip};
+import*as e from"react";import{PrimeReactContext as r}from"primereact/api";import{ComponentBase as t,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as o}from"primereact/hooks";import{TimesCircleIcon as i}from"primereact/icons/timescircle";import{classNames as l,ObjectUtils as a,UniqueComponentId as c,IconUtils as p}from"primereact/utils";function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function m(e,r){if("object"!==u(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function s(e){var r=m(e,"string");return"symbol"===u(r)?r:String(r)}function f(){return f=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},f.apply(this,arguments)}function y(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,a=[],c=!0,p=!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){p=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(p)throw o}}return a}}function v(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 g(e,r){if(e){if("string"==typeof e)return v(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)?v(e,r):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 d=t.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 l("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){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)):O(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var S=e.memo(e.forwardRef((function(t,u){var m,s,v=o(),O=e.useContext(r),S=d.getProps(t,O),E=e.useRef(null),w=e.useState(!0),P=(s=2,y(m=w)||b(m,s)||g(m,s)||h()),I=P[0],x=P[1],N=d.setMetaData({props:S}),k=N.ptm,A=N.cx;n(d.css.styles,N.isUnstyled,{name:"chip"});var D,C,R=function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Backspace"!==e.code||J(e)},J=function(e){x(!1),S.onRemove&&S.onRemove({originalEvent:e,value:S.label||S.image||S.icon})},T=function(){var r=[],t=v({role:"button",tabIndex:0,className:A("removeIcon"),onClick:J,onKeyDown:R},k("removeIcon")),n=S.removeIcon||e.createElement(i,f({},t,{key:c("removeIcon")}));if(S.image){var o=v({src:S.image,onError:S.onImageError},k("image"));r.push(e.createElement("img",f({alt:S.imageAlt},o,{key:c("image")})))}else if(S.icon){var l=v({className:A("icon")},k("icon"));r.push(p.getJSXIcon(S.icon,j({},l),{props:S}))}if(S.label){var a=v({className:A("label")},k("label"));r.push(e.createElement("span",f({},a,{key:c("label")}),S.label))}return S.removable&&r.push(p.getJSXIcon(n,j({},t),{props:S})),r};return e.useImperativeHandle(u,(function(){return{props:S,getElement:function(){return E.current}}})),I&&(D=S.template?a.getJSXElement(S.template,S):T(),C=v({ref:E,style:S.style,className:l(S.className,A("root")),"aria-label":S.label},d.getOtherProps(S),k("root")),e.createElement("div",f({},C,{key:c("chip")}),D))})));S.displayName="Chip";export{S as Chip};