primereact 8.4.0 → 8.6.0

package/checkbox/checkbox.cjs.js

@@ -28,7 +28,7 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -41,7 +41,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -119,7 +118,11 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (!props.disabled && !props.readOnly && props.onChange) {
       var _checked = isChecked();
 
-      if (inputRef.current.checked === _checked) {
+      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,
@@ -135,7 +138,6 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
             checked: value
           }
         });
-        inputRef.current.checked = !_checked;
       }
 
       utils.DomHandler.focus(inputRef.current);
@@ -151,6 +153,12 @@ 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;
   };
@@ -175,6 +183,8 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var checked = isChecked();
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Checkbox.defaultProps);
+  var dataProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.DATA_PROPS);
+  var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
   var className = utils.classNames('p-checkbox p-component', {
     'p-checkbox-checked': checked,
     'p-checkbox-disabled': props.disabled,
@@ -202,21 +212,20 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     onMouseDown: props.onMouseDown
   }), /*#__PURE__*/React__namespace.createElement("div", {
     className: "p-hidden-accessible"
-  }, /*#__PURE__*/React__namespace.createElement("input", {
+  }, /*#__PURE__*/React__namespace.createElement("input", _extends({
     ref: inputRef,
     type: "checkbox",
     id: props.inputId,
     name: props.name,
     tabIndex: props.tabIndex,
     defaultChecked: checked,
-    "aria-labelledby": props['aria-labelledby'],
-    "aria-label": props['aria-label'],
     onFocus: onFocus,
     onBlur: onBlur,
+    onKeyDown: onKeyDown,
     disabled: props.disabled,
     readOnly: props.readOnly,
     required: props.required
-  })), /*#__PURE__*/React__namespace.createElement("div", {
+  }, ariaProps, dataProps))), /*#__PURE__*/React__namespace.createElement("div", {
     className: boxClass
   }, icon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
     target: elementRef,
@@ -243,8 +252,6 @@ Checkbox.defaultProps = {
   icon: 'pi pi-check',
   tooltip: null,
   tooltipOptions: null,
-  'aria-label': null,
-  'aria-labelledby': null,
   onChange: null,
   onMouseDown: null,
   onContextMenu: null

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 u(e){if(Array.isArray(e))return e}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a=[],o=!0,u=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){u=!0,l=e}finally{try{o||null==n.return||n.return()}finally{if(u)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,u(i=b)||c(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.useImperativeHandle(l,(function(){return{props:e,getElement:function(){return v.current},getInput:function(){return k.current}}})),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}),I=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();if(k.current.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}}),k.current.checked=!n}r.DomHandler.focus(k.current),t.preventDefault()}},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},I)),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 o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=o(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}function 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,o,l=[],a=!0,c=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);a=!0);}catch(e){c=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(c)throw o}}return l}}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=l.memo(l.forwardRef((function(e,o){var i,p,b=l.useState(!1),m=(p=2,c(i=b)||u(i,p)||s(i,p)||d()),h=m[0],y=m[1],v=l.useRef(null),g=l.useRef(e.inputRef),O=function(t){if(!e.disabled&&!e.readOnly&&e.onChange){var n=k(),o=t.target instanceof HTMLDivElement||t.target instanceof HTMLSpanElement;if(t.target===g.current||o&&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}})}r.DomHandler.focus(g.current),t.preventDefault()}},k=function(){return e.checked===e.trueValue};l.useImperativeHandle(o,(function(){return{props:e,getElement:function(){return v.current},getInput:function(){return g.current}}})),l.useEffect((function(){r.ObjectUtils.combinedRefs(g,e.inputRef)}),[g,e.inputRef]),t.useUpdateEffect((function(){g.current.checked=k()}),[e.checked,e.trueValue]);var x=k(),j=r.ObjectUtils.isNotEmpty(e.tooltip),E=r.ObjectUtils.findDiffKeys(e,f.defaultProps),D=r.ObjectUtils.reduceKeys(E,r.DomHandler.DATA_PROPS),I=r.ObjectUtils.reduceKeys(E,r.DomHandler.ARIA_PROPS),C=r.classNames("p-checkbox p-component",{"p-checkbox-checked":x,"p-checkbox-disabled":e.disabled,"p-checkbox-focused":h},e.className),P=r.classNames("p-checkbox-box",{"p-highlight":x,"p-disabled":e.disabled,"p-focus":h}),w=r.IconUtils.getJSXIcon(x?e.icon:"",{className:"p-checkbox-icon p-c"},{props:e,checked:x});return l.createElement(l.Fragment,null,l.createElement("div",a({ref:v,id:e.id,className:C,style:e.style},E,{onClick:O,onContextMenu:e.onContextMenu,onMouseDown:e.onMouseDown}),l.createElement("div",{className:"p-hidden-accessible"},l.createElement("input",a({ref:g,type:"checkbox",id:e.inputId,name:e.name,tabIndex:e.tabIndex,defaultChecked:x,onFocus:function(){y(!0)},onBlur:function(){y(!1)},onKeyDown:function(e){"Space"===e.code&&O(e)},disabled:e.disabled,readOnly:e.readOnly,required:e.required},I,D))),l.createElement("div",{className:P},w)),j&&l.createElement(n.Tooltip,a({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,onChange:null,onMouseDown:null,onContextMenu:null},exports.Checkbox=f;

package/checkbox/checkbox.d.ts

@@ -46,4 +46,4 @@ export interface CheckboxProps extends Omit<React.DetailedHTMLProps<React.InputH
 export declare class Checkbox extends React.Component<CheckboxProps, any> {
     public getElement(): HTMLDivElement;
     public getInput(): HTMLInputElement;
- }
+}

package/checkbox/checkbox.esm.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { useUpdateEffect } from 'primereact/hooks';
 import { Tooltip } from 'primereact/tooltip';
-import { ObjectUtils, classNames, IconUtils, DomHandler } from 'primereact/utils';
+import { ObjectUtils, DomHandler, classNames, IconUtils } from 'primereact/utils';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -17,7 +17,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -95,7 +94,11 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     if (!props.disabled && !props.readOnly && props.onChange) {
       var _checked = isChecked();
 
-      if (inputRef.current.checked === _checked) {
+      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,
@@ -111,7 +114,6 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
             checked: value
           }
         });
-        inputRef.current.checked = !_checked;
       }
 
       DomHandler.focus(inputRef.current);
@@ -127,6 +129,12 @@ 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;
   };
@@ -151,6 +159,8 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var checked = isChecked();
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, Checkbox.defaultProps);
+  var dataProps = ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);
+  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-checkbox p-component', {
     'p-checkbox-checked': checked,
     'p-checkbox-disabled': props.disabled,
@@ -178,21 +188,20 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     onMouseDown: props.onMouseDown
   }), /*#__PURE__*/React.createElement("div", {
     className: "p-hidden-accessible"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", _extends({
     ref: inputRef,
     type: "checkbox",
     id: props.inputId,
     name: props.name,
     tabIndex: props.tabIndex,
     defaultChecked: checked,
-    "aria-labelledby": props['aria-labelledby'],
-    "aria-label": props['aria-label'],
     onFocus: onFocus,
     onBlur: onBlur,
+    onKeyDown: onKeyDown,
     disabled: props.disabled,
     readOnly: props.readOnly,
     required: props.required
-  })), /*#__PURE__*/React.createElement("div", {
+  }, ariaProps, dataProps))), /*#__PURE__*/React.createElement("div", {
     className: boxClass
   }, icon)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
@@ -219,8 +228,6 @@ Checkbox.defaultProps = {
   icon: 'pi pi-check',
   tooltip: null,
   tooltipOptions: null,
-  'aria-label': null,
-  'aria-labelledby': null,
   onChange: null,
   onMouseDown: null,
   onContextMenu: null

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

package/checkbox/checkbox.js

@@ -23,7 +23,7 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
   function _extends() {
-    _extends = Object.assign || function (target) {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
 
@@ -36,7 +36,6 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
 
       return target;
     };
-
     return _extends.apply(this, arguments);
   }
 
@@ -114,7 +113,11 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
       if (!props.disabled && !props.readOnly && props.onChange) {
         var _checked = isChecked();
 
-        if (inputRef.current.checked === _checked) {
+        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,
@@ -130,7 +133,6 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
               checked: value
             }
           });
-          inputRef.current.checked = !_checked;
         }
 
         utils.DomHandler.focus(inputRef.current);
@@ -146,6 +148,12 @@ 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;
     };
@@ -170,6 +178,8 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
     var checked = isChecked();
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Checkbox.defaultProps);
+    var dataProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.DATA_PROPS);
+    var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var className = utils.classNames('p-checkbox p-component', {
       'p-checkbox-checked': checked,
       'p-checkbox-disabled': props.disabled,
@@ -197,21 +207,20 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
       onMouseDown: props.onMouseDown
     }), /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-hidden-accessible"
-    }, /*#__PURE__*/React__namespace.createElement("input", {
+    }, /*#__PURE__*/React__namespace.createElement("input", _extends({
       ref: inputRef,
       type: "checkbox",
       id: props.inputId,
       name: props.name,
       tabIndex: props.tabIndex,
       defaultChecked: checked,
-      "aria-labelledby": props['aria-labelledby'],
-      "aria-label": props['aria-label'],
       onFocus: onFocus,
       onBlur: onBlur,
+      onKeyDown: onKeyDown,
       disabled: props.disabled,
       readOnly: props.readOnly,
       required: props.required
-    })), /*#__PURE__*/React__namespace.createElement("div", {
+    }, ariaProps, dataProps))), /*#__PURE__*/React__namespace.createElement("div", {
       className: boxClass
     }, icon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
@@ -238,8 +247,6 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
     icon: 'pi pi-check',
     tooltip: null,
     tooltipOptions: null,
-    'aria-label': null,
-    'aria-labelledby': null,
     onChange: null,
     onMouseDown: null,
     onContextMenu: null

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 c=a(t);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 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,l,a=[],c=!0,o=!1;try{for(n=n.call(e);!(c=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);c=!0);}catch(e){o=!0,l=e}finally{try{c||null==n.return||n.return()}finally{if(o)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=c.memo(c.forwardRef((function(e,t){var a,s,b=c.useState(!1),h=(s=2,u(a=b)||i(a,s)||d(a,s)||f()),m=h[0],y=h[1],v=c.useRef(null),k=c.useRef(e.inputRef),g=function(){return e.checked===e.trueValue};c.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return v.current},getInput:function(){return k.current}}})),c.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}),I=l.IconUtils.getJSXIcon(O?e.icon:"",{className:"p-checkbox-icon p-c"},{props:e,checked:O});return c.createElement(c.Fragment,null,c.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();if(k.current.checked===n){var 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),t.preventDefault()}},onContextMenu:e.onContextMenu,onMouseDown:e.onMouseDown}),c.createElement("div",{className:"p-hidden-accessible"},c.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})),c.createElement("div",{className:C},I)),x&&c.createElement(r.Tooltip,o({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,o){"use strict";function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=c(t);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function i(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,c=[],a=!0,l=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(c.push(r.value),!t||c.length!==t);a=!0);}catch(e){l=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(l)throw o}}return c}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function 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=a.memo(a.forwardRef((function(e,t){var c,s,b=a.useState(!1),m=(s=2,u(c=b)||i(c,s)||d(c,s)||f()),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=O(),r=t.target instanceof HTMLDivElement||t.target instanceof HTMLSpanElement;if(t.target===g.current||r&&t.target.checked!==n){var c=n?e.falseValue:e.trueValue;e.onChange({originalEvent:t,value:e.value,checked:c,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:e.name,id:e.id,value:e.value,checked:c}})}o.DomHandler.focus(g.current),t.preventDefault()}},O=function(){return e.checked===e.trueValue};a.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return v.current},getInput:function(){return g.current}}})),a.useEffect((function(){o.ObjectUtils.combinedRefs(g,e.inputRef)}),[g,e.inputRef]),n.useUpdateEffect((function(){g.current.checked=O()}),[e.checked,e.trueValue]);var x=O(),j=o.ObjectUtils.isNotEmpty(e.tooltip),E=o.ObjectUtils.findDiffKeys(e,p.defaultProps),D=o.ObjectUtils.reduceKeys(E,o.DomHandler.DATA_PROPS),I=o.ObjectUtils.reduceKeys(E,o.DomHandler.ARIA_PROPS),C=o.classNames("p-checkbox p-component",{"p-checkbox-checked":x,"p-checkbox-disabled":e.disabled,"p-checkbox-focused":h},e.className),P=o.classNames("p-checkbox-box",{"p-highlight":x,"p-disabled":e.disabled,"p-focus":h}),R=o.IconUtils.getJSXIcon(x?e.icon:"",{className:"p-checkbox-icon p-c"},{props:e,checked:x});return a.createElement(a.Fragment,null,a.createElement("div",l({ref:v,id:e.id,className:C,style:e.style},E,{onClick:k,onContextMenu:e.onContextMenu,onMouseDown:e.onMouseDown}),a.createElement("div",{className:"p-hidden-accessible"},a.createElement("input",l({ref:g,type:"checkbox",id:e.inputId,name:e.name,tabIndex:e.tabIndex,defaultChecked:x,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},I,D))),a.createElement("div",{className:P},R)),j&&a.createElement(r.Tooltip,l({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,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

@@ -26,7 +26,7 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -39,7 +39,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 

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 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;
+"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?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},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],O=function(e){13===e.keyCode&&j(e)},j=function(t){d(!1),e.onRemove&&e.onRemove(t)},I=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:j,onKeyDown:O},{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):I(),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

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

package/chip/chip.esm.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ObjectUtils, classNames, IconUtils } from 'primereact/utils';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -15,7 +15,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 

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 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};
+import*as e from"react";import{ObjectUtils as r,classNames as t,IconUtils as n}from"primereact/utils";function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o.apply(this,arguments)}function l(e){if(Array.isArray(e))return e}function a(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,l=[],a=!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,g,h=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 h.current}}})),I&&(y=r.findDiffKeys(i,m.defaultProps),v=t("p-chip p-component",{"p-chip-image":null!=i.image},i.className),g=i.template?r.getJSXElement(i.template,i):w(),e.createElement("div",o({ref:h,className:v,style:i.style},y),g))})));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

@@ -23,7 +23,7 @@ this.primereact.chip = (function (exports, React, utils) {
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
   function _extends() {
-    _extends = Object.assign || function (target) {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
 
@@ -36,7 +36,6 @@ this.primereact.chip = (function (exports, React, utils) {
 
       return target;
     };
-
     return _extends.apply(this, arguments);
   }
 

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.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);
+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?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function 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),b=l.useState(!0),v=(c=2,a(n=b)||i(n,c)||u(n,c)||s()),g=v[0],d=v[1],O=function(e){13===e.keyCode&&j(e)},j=function(t){d(!1),e.onRemove&&e.onRemove(t)},I=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:j,onKeyDown:O},{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):I(),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

@@ -28,7 +28,7 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -41,7 +41,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -297,9 +296,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, {
@@ -352,7 +352,7 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   var createInput = function createInput() {
     return /*#__PURE__*/React__namespace.createElement("li", {
       className: "p-chips-input-token"
-    }, /*#__PURE__*/React__namespace.createElement("input", {
+    }, /*#__PURE__*/React__namespace.createElement("input", _extends({
       ref: inputRef,
       id: props.inputId,
       placeholder: props.placeholder,
@@ -363,9 +363,8 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       onPaste: onPaste,
       onFocus: onFocus,
       onBlur: onBlur,
-      "aria-labelledby": props.ariaLabelledBy,
       readOnly: props.readOnly
-    }));
+    }, ariaProps)));
   };
 
   var createItems = function createItems() {
@@ -388,6 +387,7 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
 
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Chips.defaultProps);
+  var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
   var className = utils.classNames('p-chips p-component p-inputwrapper', {
     'p-inputwrapper-filled': isFilled,
     'p-inputwrapper-focus': focusedState

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 u(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){if(Array.isArray(e))return u(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 u(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)?u(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 o(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,u=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){u=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(u)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 u,o,c=a.useState(!1),s=(o=2,d(u=c)||m(u,o)||p(u,o)||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);I(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){if(e.addOnBlur){var n=t.target.value,r=e.value||[];n&&n.trim().length&&(!e.max||e.max>r.length)&&D(t,n,!0)}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]),I=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 S=function(t,n){return e.disabled||e.readOnly||!I(t,n)?null:a.createElement("span",{className:"p-chips-token-icon pi pi-times-circle",onClick:function(e){return E(e,n)}})},B=function(t,n){var r=e.itemTemplate?e.itemTemplate(t):t,l=a.createElement("span",{className:"p-chips-token-label"},r),i=S(t,n);return a.createElement("li",{key:n,className:"p-chips-token p-highlight"},l,i)},K=r.ObjectUtils.isNotEmpty(e.tooltip),T=r.ObjectUtils.findDiffKeys(e,y.defaultProps),F=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(B):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:F,style:e.style},T),_),K&&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;
+"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?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},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 s(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 p(){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)||s(e)||p()}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),p=(u=2,d(o=c)||m(o,u)||s(o,u)||v()),h=p[0],b=p[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()},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){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 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)},U=r.ObjectUtils.isNotEmpty(e.tooltip),B=r.ObjectUtils.findDiffKeys(e,y.defaultProps),F=r.ObjectUtils.reduceKeys(B,r.DomHandler.ARIA_PROPS),_=r.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":I,"p-inputwrapper-focus":h},e.className),q=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",i({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,readOnly:e.readOnly},F)));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:_,style:e.style},B),q),U&&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,7 +31,7 @@ interface ChipsChangeParams {
     target: ChipsChangeTargetOptions;
 }
 
-export interface ChipsProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' |'ref'> {
+export interface ChipsProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'ref'> {
     inputRef?: React.Ref<HTMLInputElement>;
     inputId?: string;
     name?: string;
@@ -61,4 +61,4 @@ export interface ChipsProps extends Omit<React.DetailedHTMLProps<React.InputHTML
 export declare class Chips extends React.Component<ChipsProps, any> {
     public getElement(): HTMLDivElement;
     public getInput(): HTMLInputElement;
- }
+}