primereact 8.2.0 → 8.5.0

package/checkbox/checkbox.cjs.js

@@ -119,23 +119,30 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (!props.disabled && !props.readOnly && props.onChange) {
       var _checked = isChecked();
 
-      var value = _checked ? props.falseValue : props.trueValue;
-      props.onChange({
-        originalEvent: event,
-        value: props.value,
-        checked: value,
-        stopPropagation: function stopPropagation() {},
-        preventDefault: function preventDefault() {},
-        target: {
-          type: 'checkbox',
-          name: props.name,
-          id: props.id,
+      var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement;
+      var isInputToggled = event.target === inputRef.current;
+      var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
+
+      if (isInputToggled || isCheckboxToggled) {
+        var value = _checked ? props.falseValue : props.trueValue;
+        props.onChange({
+          originalEvent: event,
           value: props.value,
-          checked: value
-        }
-      });
-      inputRef.current.checked = !_checked;
+          checked: value,
+          stopPropagation: function stopPropagation() {},
+          preventDefault: function preventDefault() {},
+          target: {
+            type: 'checkbox',
+            name: props.name,
+            id: props.id,
+            value: props.value,
+            checked: value
+          }
+        });
+      }
+
       utils.DomHandler.focus(inputRef.current);
+      event.preventDefault();
     }
   };
 
@@ -147,10 +154,27 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     setFocusedState(false);
   };
 
+  var onKeyDown = function onKeyDown(event) {
+    if (event.code === 'Space') {
+      onClick(event);
+    }
+  };
+
   var isChecked = function isChecked() {
     return props.checked === props.trueValue;
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getInput: function getInput() {
+        return inputRef.current;
+      }
+    };
+  });
   React__namespace.useEffect(function () {
     utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
@@ -198,6 +222,7 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     "aria-label": props['aria-label'],
     onFocus: onFocus,
     onBlur: onBlur,
+    onKeyDown: onKeyDown,
     disabled: props.disabled,
     readOnly: props.readOnly,
     required: props.required

package/checkbox/checkbox.cjs.min.js

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

package/checkbox/checkbox.d.ts

@@ -3,7 +3,7 @@ import TooltipOptions from '../tooltip/tooltipoptions';
 import { IconType } from '../utils';
 
 interface CheckboxChangeTargetOptions {
-    type: 'checkbox';
+    type: string;
     name: string;
     id: string;
     value: any;
@@ -43,4 +43,7 @@ export interface CheckboxProps extends Omit<React.DetailedHTMLProps<React.InputH
     children?: React.ReactNode;
 }
 
-export declare class Checkbox extends React.Component<CheckboxProps, any> { }
+export declare class Checkbox extends React.Component<CheckboxProps, any> {
+    public getElement(): HTMLDivElement;
+    public getInput(): HTMLInputElement;
+}

package/checkbox/checkbox.esm.js

@@ -95,23 +95,30 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     if (!props.disabled && !props.readOnly && props.onChange) {
       var _checked = isChecked();
 
-      var value = _checked ? props.falseValue : props.trueValue;
-      props.onChange({
-        originalEvent: event,
-        value: props.value,
-        checked: value,
-        stopPropagation: function stopPropagation() {},
-        preventDefault: function preventDefault() {},
-        target: {
-          type: 'checkbox',
-          name: props.name,
-          id: props.id,
+      var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement;
+      var isInputToggled = event.target === inputRef.current;
+      var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
+
+      if (isInputToggled || isCheckboxToggled) {
+        var value = _checked ? props.falseValue : props.trueValue;
+        props.onChange({
+          originalEvent: event,
           value: props.value,
-          checked: value
-        }
-      });
-      inputRef.current.checked = !_checked;
+          checked: value,
+          stopPropagation: function stopPropagation() {},
+          preventDefault: function preventDefault() {},
+          target: {
+            type: 'checkbox',
+            name: props.name,
+            id: props.id,
+            value: props.value,
+            checked: value
+          }
+        });
+      }
+
       DomHandler.focus(inputRef.current);
+      event.preventDefault();
     }
   };
 
@@ -123,10 +130,27 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     setFocusedState(false);
   };
 
+  var onKeyDown = function onKeyDown(event) {
+    if (event.code === 'Space') {
+      onClick(event);
+    }
+  };
+
   var isChecked = function isChecked() {
     return props.checked === props.trueValue;
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getInput: function getInput() {
+        return inputRef.current;
+      }
+    };
+  });
   React.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
@@ -174,6 +198,7 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     "aria-label": props['aria-label'],
     onFocus: onFocus,
     onBlur: onBlur,
+    onKeyDown: onKeyDown,
     disabled: props.disabled,
     readOnly: props.readOnly,
     required: props.required

package/checkbox/checkbox.esm.min.js

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

package/checkbox/checkbox.js

@@ -114,23 +114,30 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
       if (!props.disabled && !props.readOnly && props.onChange) {
         var _checked = isChecked();
 
-        var value = _checked ? props.falseValue : props.trueValue;
-        props.onChange({
-          originalEvent: event,
-          value: props.value,
-          checked: value,
-          stopPropagation: function stopPropagation() {},
-          preventDefault: function preventDefault() {},
-          target: {
-            type: 'checkbox',
-            name: props.name,
-            id: props.id,
+        var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement;
+        var isInputToggled = event.target === inputRef.current;
+        var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
+
+        if (isInputToggled || isCheckboxToggled) {
+          var value = _checked ? props.falseValue : props.trueValue;
+          props.onChange({
+            originalEvent: event,
             value: props.value,
-            checked: value
-          }
-        });
-        inputRef.current.checked = !_checked;
+            checked: value,
+            stopPropagation: function stopPropagation() {},
+            preventDefault: function preventDefault() {},
+            target: {
+              type: 'checkbox',
+              name: props.name,
+              id: props.id,
+              value: props.value,
+              checked: value
+            }
+          });
+        }
+
         utils.DomHandler.focus(inputRef.current);
+        event.preventDefault();
       }
     };
 
@@ -142,10 +149,27 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
       setFocusedState(false);
     };
 
+    var onKeyDown = function onKeyDown(event) {
+      if (event.code === 'Space') {
+        onClick(event);
+      }
+    };
+
     var isChecked = function isChecked() {
       return props.checked === props.trueValue;
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getInput: function getInput() {
+          return inputRef.current;
+        }
+      };
+    });
     React__namespace.useEffect(function () {
       utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
     }, [inputRef, props.inputRef]);
@@ -193,6 +217,7 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
       "aria-label": props['aria-label'],
       onFocus: onFocus,
       onBlur: onBlur,
+      onKeyDown: onKeyDown,
       disabled: props.disabled,
       readOnly: props.readOnly,
       required: props.required

package/checkbox/checkbox.min.js

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

package/chip/chip.cjs.js

@@ -105,6 +105,8 @@ function _slicedToArray(arr, i) {
 }
 
 var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var elementRef = React__namespace.useRef(null);
+
   var _React$useState = React__namespace.useState(true),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
@@ -173,11 +175,20 @@ var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     }, props.className);
     var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props) : createContent();
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps), content);
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   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"),t=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(e);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function l(e){if(Array.isArray(e))return e}function a(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l=[],a=!0,i=!1;try{for(r=r.call(e);!(a=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==r.return||r.return()}finally{if(i)throw o}}return l}}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function c(e,t){if(e){if("string"==typeof e)return i(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(e,t):void 0}}function u(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var s=n.memo(n.forwardRef((function(e,r){var i,p,m,f,y,v=n.useState(!0),b=(p=2,l(i=v)||a(i,p)||c(i,p)||u()),h=b[1],g=function(e){13===e.keyCode&&d(e)},d=function(t){h(!1),e.onRemove&&e.onRemove(t)},O=function(){var r=[];return e.image?r.push(n.createElement("img",{key:"image",src:e.image,alt:e.imageAlt,onError:e.onImageError})):e.icon&&r.push(t.IconUtils.getJSXIcon(e.icon,{key:"icon",className:"p-chip-icon"},{props:e})),e.label&&r.push(n.createElement("span",{key:"label",className:"p-chip-text"},e.label)),e.removable&&r.push(t.IconUtils.getJSXIcon(e.removeIcon,{key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:d,onKeyDown:g},{props:e})),r};return b[0]&&(m=t.ObjectUtils.findDiffKeys(e,s.defaultProps),f=t.classNames("p-chip p-component",{"p-chip-image":null!=e.image},e.className),y=e.template?t.ObjectUtils.getJSXElement(e.template,e):O(),n.createElement("div",o({className:f,style:e.style},m),y))})));s.displayName="Chip",s.defaultProps={__TYPE:"Chip",label:null,icon:null,image:null,removable:!1,removeIcon:"pi pi-times-circle",className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null},exports.Chip=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(e);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}function o(e){if(Array.isArray(e))return e}function a(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o=[],a=!0,i=!1;try{for(r=r.call(e);!(a=(n=r.next()).done)&&(o.push(n.value),!t||o.length!==t);a=!0);}catch(e){i=!0,l=e}finally{try{a||null==r.return||r.return()}finally{if(i)throw l}}return o}}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function c(e,t){if(e){if("string"==typeof e)return i(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(e,t):void 0}}function u(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var s=n.memo(n.forwardRef((function(e,r){var i,p,m,f,y,v=n.useRef(null),b=n.useState(!0),g=(p=2,o(i=b)||a(i,p)||c(i,p)||u()),h=g[0],d=g[1],I=function(e){13===e.keyCode&&O(e)},O=function(t){d(!1),e.onRemove&&e.onRemove(t)},j=function(){var r=[];return e.image?r.push(n.createElement("img",{key:"image",src:e.image,alt:e.imageAlt,onError:e.onImageError})):e.icon&&r.push(t.IconUtils.getJSXIcon(e.icon,{key:"icon",className:"p-chip-icon"},{props:e})),e.label&&r.push(n.createElement("span",{key:"label",className:"p-chip-text"},e.label)),e.removable&&r.push(t.IconUtils.getJSXIcon(e.removeIcon,{key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:O,onKeyDown:I},{props:e})),r};return n.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return v.current}}})),h&&(m=t.ObjectUtils.findDiffKeys(e,s.defaultProps),f=t.classNames("p-chip p-component",{"p-chip-image":null!=e.image},e.className),y=e.template?t.ObjectUtils.getJSXElement(e.template,e):j(),n.createElement("div",l({ref:v,className:f,style:e.style},m),y))})));s.displayName="Chip",s.defaultProps={__TYPE:"Chip",label:null,icon:null,image:null,removable:!1,removeIcon:"pi pi-times-circle",className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null},exports.Chip=s;

package/chip/chip.d.ts

@@ -14,4 +14,6 @@ export interface ChipProps extends Omit<React.DetailedHTMLProps<React.HTMLAttrib
     children?: React.ReactNode;
 }
 
-export declare class Chip extends React.Component<ChipProps, any> { }
+export declare class Chip extends React.Component<ChipProps, any> {
+    public getElement(): HTMLDivElement;
+}

package/chip/chip.esm.js

@@ -81,6 +81,8 @@ function _slicedToArray(arr, i) {
 }
 
 var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var elementRef = React.useRef(null);
+
   var _React$useState = React.useState(true),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
@@ -149,11 +151,20 @@ var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (prop
     }, props.className);
     var content = props.template ? ObjectUtils.getJSXElement(props.template, props) : createContent();
     return /*#__PURE__*/React.createElement("div", _extends({
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps), content);
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   return visibleState && createElement();
 }));
 Chip.displayName = 'Chip';

package/chip/chip.esm.min.js

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

package/chip/chip.js

@@ -102,6 +102,8 @@ this.primereact.chip = (function (exports, React, utils) {
   }
 
   var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var elementRef = React__namespace.useRef(null);
+
     var _React$useState = React__namespace.useState(true),
         _React$useState2 = _slicedToArray(_React$useState, 2),
         visibleState = _React$useState2[0],
@@ -170,11 +172,20 @@ this.primereact.chip = (function (exports, React, utils) {
       }, props.className);
       var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props) : createContent();
       return /*#__PURE__*/React__namespace.createElement("div", _extends({
+        ref: elementRef,
         className: className,
         style: props.style
       }, otherProps), content);
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     return visibleState && createElement();
   }));
   Chip.displayName = 'Chip';

package/chip/chip.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.chip=function(e,t,r){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=n(t);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function a(e){if(Array.isArray(e))return e}function i(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o=[],a=!0,i=!1;try{for(r=r.call(e);!(a=(n=r.next()).done)&&(o.push(n.value),!t||o.length!==t);a=!0);}catch(e){i=!0,l=e}finally{try{a||null==r.return||r.return()}finally{if(i)throw l}}return o}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function u(e,t){if(e){if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}function s(){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=l.memo(l.forwardRef((function(e,t){var n,c,m,f,y,h=l.useState(!0),v=(c=2,a(n=h)||i(n,c)||u(n,c)||s()),b=v[1],g=function(e){13===e.keyCode&&d(e)},d=function(t){b(!1),e.onRemove&&e.onRemove(t)},O=function(){var t=[];return e.image?t.push(l.createElement("img",{key:"image",src:e.image,alt:e.imageAlt,onError:e.onImageError})):e.icon&&t.push(r.IconUtils.getJSXIcon(e.icon,{key:"icon",className:"p-chip-icon"},{props:e})),e.label&&t.push(l.createElement("span",{key:"label",className:"p-chip-text"},e.label)),e.removable&&t.push(r.IconUtils.getJSXIcon(e.removeIcon,{key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:d,onKeyDown:g},{props:e})),t};return v[0]&&(m=r.ObjectUtils.findDiffKeys(e,p.defaultProps),f=r.classNames("p-chip p-component",{"p-chip-image":null!=e.image},e.className),y=e.template?r.ObjectUtils.getJSXElement(e.template,e):O(),l.createElement("div",o({className:f,style:e.style},m),y))})));return p.displayName="Chip",p.defaultProps={__TYPE:"Chip",label:null,icon:null,image:null,removable:!1,removeIcon:"pi pi-times-circle",className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null},e.Chip=p,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.chip=function(e,t,r){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=n(t);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function a(e){if(Array.isArray(e))return e}function i(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o=[],a=!0,i=!1;try{for(r=r.call(e);!(a=(n=r.next()).done)&&(o.push(n.value),!t||o.length!==t);a=!0);}catch(e){i=!0,l=e}finally{try{a||null==r.return||r.return()}finally{if(i)throw l}}return o}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function u(e,t){if(e){if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}function s(){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=l.memo(l.forwardRef((function(e,t){var n,c,m,f,y,h=l.useRef(null),v=l.useState(!0),b=(c=2,a(n=v)||i(n,c)||u(n,c)||s()),g=b[0],d=b[1],I=function(e){13===e.keyCode&&O(e)},O=function(t){d(!1),e.onRemove&&e.onRemove(t)},j=function(){var t=[];return e.image?t.push(l.createElement("img",{key:"image",src:e.image,alt:e.imageAlt,onError:e.onImageError})):e.icon&&t.push(r.IconUtils.getJSXIcon(e.icon,{key:"icon",className:"p-chip-icon"},{props:e})),e.label&&t.push(l.createElement("span",{key:"label",className:"p-chip-text"},e.label)),e.removable&&t.push(r.IconUtils.getJSXIcon(e.removeIcon,{key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:O,onKeyDown:I},{props:e})),t};return l.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return h.current}}})),g&&(m=r.ObjectUtils.findDiffKeys(e,p.defaultProps),f=r.classNames("p-chip p-component",{"p-chip-image":null!=e.image},e.className),y=e.template?r.ObjectUtils.getJSXElement(e.template,e):j(),l.createElement("div",o({ref:h,className:f,style:e.style},m),y))})));return p.displayName="Chip",p.defaultProps={__TYPE:"Chip",label:null,icon:null,image:null,removable:!1,removeIcon:"pi pi-times-circle",className:null,style:null,template:null,imageAlt:"chip",onImageError:null,onRemove:null},e.Chip=p,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/chips/chips.cjs.js

@@ -280,6 +280,15 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   };
 
   var onBlur = function onBlur(event) {
+    if (props.addOnBlur) {
+      var inputValue = event.target.value;
+      var values = props.value || [];
+
+      if (inputValue && inputValue.trim().length && (!props.max || props.max > values.length)) {
+        addItem(event, inputValue, true);
+      }
+    }
+
     setFocusedState(false);
     props.onBlur && props.onBlur(event);
   };
@@ -288,9 +297,10 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     return props.max && props.value && props.max === props.value.length;
   };
 
+  var currentValue = inputRef.current && inputRef.current.value;
   var isFilled = React__namespace.useMemo(function () {
-    return props.value && props.value.length || inputRef.current && inputRef.current.value && inputRef.current.value.length;
-  }, [props.value]);
+    return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(currentValue);
+  }, [props.value, currentValue]);
 
   var isRemovable = function isRemovable(value, index) {
     return utils.ObjectUtils.getPropValue(props.removable, {
@@ -300,6 +310,17 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     });
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getInput: function getInput() {
+        return inputRef.current;
+      }
+    };
+  });
   React__namespace.useEffect(function () {
     utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
@@ -405,6 +426,7 @@ Chips.defaultProps = {
   allowDuplicate: true,
   itemTemplate: null,
   keyfilter: null,
+  addOnBlur: null,
   onAdd: null,
   onRemove: null,
   onChange: null,

package/chips/chips.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/keyfilter"),n=require("primereact/tooltip"),r=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=l(e);function i(){return i=Object.assign||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},i.apply(this,arguments)}function o(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 u(e){if(Array.isArray(e))return o(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return o(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)?o(e,t):void 0}}function s(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){return u(e)||c(e)||p(e)||s()}function d(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,l,a=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw l}}return a}}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 y=a.memo(a.forwardRef((function(e,l){var o,u,c=a.useState(!1),s=(u=2,d(o=c)||m(o,u)||p(o,u)||v()),h=s[0],b=s[1],g=a.useRef(null),O=a.useRef(null),w=a.useRef(e.inputRef),E=function(t,n){if(!e.disabled||!e.readOnly){var r=f(e.value),l=r.splice(n,1);S(l,n)&&(e.onRemove&&e.onRemove({originalEvent:t,value:l}),e.onChange&&e.onChange({originalEvent:t,value:r,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:r}}))}},D=function(t,n,r){if(n&&n.trim().length){var l=e.value?f(e.value):[];if(e.allowDuplicate||-1===l.indexOf(n)){var a=!0;e.onAdd&&(a=e.onAdd({originalEvent:t,value:n})),!1!==a&&l.push(n)}x(t,l,r)}},j=function(){r.DomHandler.focus(w.current)},k=function(n){var r=n.target.value,l=e.value||[];if(e.onKeyDown&&e.onKeyDown(n),!n.defaultPrevented)switch(n.which){case 8:0===w.current.value.length&&l.length>0&&E(n,l.length-1);break;case 13:r&&r.trim().length&&(!e.max||e.max>l.length)&&D(n,r,!0);break;default:e.keyfilter&&t.KeyFilter.onKeyPress(n,e.keyfilter),R()?n.preventDefault():","===e.separator&&188===n.which&&D(n,r,!0)}},x=function(t,n,r){e.onChange&&e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}}),w.current.value="",r&&t.preventDefault()},P=function(n){if(e.separator){var r=(n.clipboardData||window.clipboardData).getData("Text");if(e.keyfilter&&t.KeyFilter.onPaste(n,e.keyfilter),r){var l=e.value||[],a=r.split(e.separator);a=a.filter((function(t){return(e.allowDuplicate||-1===l.indexOf(t))&&t.trim().length})),l=[].concat(f(l),f(a)),x(n,l,!0)}}},A=function(t){b(!0),e.onFocus&&e.onFocus(t)},N=function(t){b(!1),e.onBlur&&e.onBlur(t)},R=function(){return e.max&&e.value&&e.max===e.value.length},C=a.useMemo((function(){return e.value&&e.value.length||w.current&&w.current.value&&w.current.value.length}),[e.value]),S=function(t,n){return r.ObjectUtils.getPropValue(e.removable,{value:t,index:n,props:e})};a.useEffect((function(){r.ObjectUtils.combinedRefs(w,e.inputRef)}),[w,e.inputRef]);var K=function(t,n){return e.disabled||e.readOnly||!S(t,n)?null:a.createElement("span",{className:"p-chips-token-icon pi pi-times-circle",onClick:function(e){return E(e,n)}})},T=function(t,n){var r=e.itemTemplate?e.itemTemplate(t):t,l=a.createElement("span",{className:"p-chips-token-label"},r),i=K(t,n);return a.createElement("li",{key:n,className:"p-chips-token p-highlight"},l,i)},F=r.ObjectUtils.isNotEmpty(e.tooltip),I=r.ObjectUtils.findDiffKeys(e,y.defaultProps),B=r.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":C,"p-inputwrapper-focus":h},e.className),_=function(){var t=r.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":e.disabled,"p-focus":h}),n=e.value?e.value.map(T):null,l=a.createElement("li",{className:"p-chips-input-token"},a.createElement("input",{ref:w,id:e.inputId,placeholder:e.placeholder,type:"text",name:e.name,disabled:e.disabled||R(),onKeyDown:k,onPaste:P,onFocus:A,onBlur:N,"aria-labelledby":e.ariaLabelledBy,readOnly:e.readOnly}));return a.createElement("ul",{ref:O,className:t,onClick:j},n,l)}();return a.createElement(a.Fragment,null,a.createElement("div",i({ref:g,id:e.id,className:B,style:e.style},I),_),F&&a.createElement(n.Tooltip,i({target:w,content:e.tooltip},e.tooltipOptions)))})));y.displayName="Chips",y.defaultProps={__TYPE:"Chips",id:null,inputRef:null,inputId:null,name:null,placeholder:null,value:null,max:null,disabled:null,readOnly:!1,removable:!0,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,keyfilter:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null,onKeyDown:null},exports.Chips=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/keyfilter"),n=require("primereact/tooltip"),r=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=l(e);function i(){return i=Object.assign||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},i.apply(this,arguments)}function o(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 u(e){if(Array.isArray(e))return o(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return o(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)?o(e,t):void 0}}function s(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){return u(e)||c(e)||p(e)||s()}function d(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,l,a=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw l}}return a}}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 y=a.memo(a.forwardRef((function(e,l){var o,u,c=a.useState(!1),s=(u=2,d(o=c)||m(o,u)||p(o,u)||v()),h=s[0],b=s[1],g=a.useRef(null),O=a.useRef(null),w=a.useRef(e.inputRef),E=function(t,n){if(!e.disabled||!e.readOnly){var r=f(e.value),l=r.splice(n,1);S(l,n)&&(e.onRemove&&e.onRemove({originalEvent:t,value:l}),e.onChange&&e.onChange({originalEvent:t,value:r,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:r}}))}},j=function(t,n,r){if(n&&n.trim().length){var l=e.value?f(e.value):[];if(e.allowDuplicate||-1===l.indexOf(n)){var a=!0;e.onAdd&&(a=e.onAdd({originalEvent:t,value:n})),!1!==a&&l.push(n)}x(t,l,r)}},D=function(){r.DomHandler.focus(w.current)},k=function(n){var r=n.target.value,l=e.value||[];if(e.onKeyDown&&e.onKeyDown(n),!n.defaultPrevented)switch(n.which){case 8:0===w.current.value.length&&l.length>0&&E(n,l.length-1);break;case 13:r&&r.trim().length&&(!e.max||e.max>l.length)&&j(n,r,!0);break;default:e.keyfilter&&t.KeyFilter.onKeyPress(n,e.keyfilter),R()?n.preventDefault():","===e.separator&&188===n.which&&j(n,r,!0)}},x=function(t,n,r){e.onChange&&e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}}),w.current.value="",r&&t.preventDefault()},N=function(n){if(e.separator){var r=(n.clipboardData||window.clipboardData).getData("Text");if(e.keyfilter&&t.KeyFilter.onPaste(n,e.keyfilter),r){var l=e.value||[],a=r.split(e.separator);a=a.filter((function(t){return(e.allowDuplicate||-1===l.indexOf(t))&&t.trim().length})),l=[].concat(f(l),f(a)),x(n,l,!0)}}},P=function(t){b(!0),e.onFocus&&e.onFocus(t)},A=function(t){if(e.addOnBlur){var n=t.target.value,r=e.value||[];n&&n.trim().length&&(!e.max||e.max>r.length)&&j(t,n,!0)}b(!1),e.onBlur&&e.onBlur(t)},R=function(){return e.max&&e.value&&e.max===e.value.length},C=w.current&&w.current.value,I=a.useMemo((function(){return r.ObjectUtils.isNotEmpty(e.value)||r.ObjectUtils.isNotEmpty(C)}),[e.value,C]),S=function(t,n){return r.ObjectUtils.getPropValue(e.removable,{value:t,index:n,props:e})};a.useImperativeHandle(l,(function(){return{props:e,getElement:function(){return g.current},getInput:function(){return w.current}}})),a.useEffect((function(){r.ObjectUtils.combinedRefs(w,e.inputRef)}),[w,e.inputRef]);var B=function(t,n){return e.disabled||e.readOnly||!S(t,n)?null:a.createElement("span",{className:"p-chips-token-icon pi pi-times-circle",onClick:function(e){return E(e,n)}})},K=function(t,n){var r=e.itemTemplate?e.itemTemplate(t):t,l=a.createElement("span",{className:"p-chips-token-label"},r),i=B(t,n);return a.createElement("li",{key:n,className:"p-chips-token p-highlight"},l,i)},T=r.ObjectUtils.isNotEmpty(e.tooltip),F=r.ObjectUtils.findDiffKeys(e,y.defaultProps),U=r.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":I,"p-inputwrapper-focus":h},e.className),_=function(){var t=r.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":e.disabled,"p-focus":h}),n=e.value?e.value.map(K):null,l=a.createElement("li",{className:"p-chips-input-token"},a.createElement("input",{ref:w,id:e.inputId,placeholder:e.placeholder,type:"text",name:e.name,disabled:e.disabled||R(),onKeyDown:k,onPaste:N,onFocus:P,onBlur:A,"aria-labelledby":e.ariaLabelledBy,readOnly:e.readOnly}));return a.createElement("ul",{ref:O,className:t,onClick:D},n,l)}();return a.createElement(a.Fragment,null,a.createElement("div",i({ref:g,id:e.id,className:U,style:e.style},F),_),T&&a.createElement(n.Tooltip,i({target:w,content:e.tooltip},e.tooltipOptions)))})));y.displayName="Chips",y.defaultProps={__TYPE:"Chips",id:null,inputRef:null,inputId:null,name:null,placeholder:null,value:null,max:null,disabled:null,readOnly:!1,removable:!0,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,keyfilter:null,addOnBlur:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null,onKeyDown:null},exports.Chips=y;

package/chips/chips.d.ts

@@ -15,7 +15,7 @@ interface ChipsAddParams {
     value: any;
 }
 
-interface ChipsRemoveParams extends ChipsAddParams { }
+interface ChipsRemoveParams extends ChipsAddParams {}
 
 interface ChipsChangeTargetOptions {
     name: string;
@@ -31,8 +31,7 @@ interface ChipsChangeParams {
     target: ChipsChangeTargetOptions;
 }
 
-export interface ChipsProps {
-    id?: string;
+export interface ChipsProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'ref'> {
     inputRef?: React.Ref<HTMLInputElement>;
     inputId?: string;
     name?: string;
@@ -42,14 +41,13 @@ export interface ChipsProps {
     disabled?: boolean;
     readOnly?: boolean;
     removable?: ChipsRemovableType;
-    style?: object;
-    className?: string;
     tooltip?: string;
     tooltipOptions?: TooltipOptions;
     ariaLabelledBy?: string;
     separator?: string;
     allowDuplicate?: boolean;
     keyfilter?: KeyFilterType;
+    addOnBlur?: boolean;
     itemTemplate?(item: any): React.ReactNode;
     onAdd?(e: ChipsAddParams): void;
     onRemove?(e: ChipsRemoveParams): void;
@@ -60,4 +58,7 @@ export interface ChipsProps {
     children?: React.ReactNode;
 }
 
-export declare class Chips extends React.Component<ChipsProps, any> { }
+export declare class Chips extends React.Component<ChipsProps, any> {
+    public getElement(): HTMLDivElement;
+    public getInput(): HTMLInputElement;
+}