primereact 8.7.3 → 9.0.0-beta.1

package/chart/chart.d.ts

@@ -1,23 +1,101 @@
+/**
+ *
+ * Chart components are based on Chart.js, an open source HTML5 based charting library.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/chart)
+ *
+ * @module chart
+ *
+ */
 import * as React from 'react';
 
+/**
+ * Defines valid properties in Chart component.
+ * @group Properties
+ */
 export interface ChartProps {
-    id?: string;
-    type?: string;
-    data?: object;
-    options?: object;
-    plugins?: any[];
-    width?: string;
-    height?: string;
-    style?: React.CSSProperties;
-    className?: string;
-    children?: React.ReactNode;
+    /**
+     * Unique identifier of the element.
+     */
+    id?: string | undefined;
+    /**
+     * Type of the chart.
+     */
+    type?: string | undefined;
+    /**
+     * Data to display.
+     */
+    data?: object | undefined;
+    /**
+     * Options to customize the chart.
+     */
+    options?: object | undefined;
+    /**
+     * Used to custom plugins of the chart.
+     */
+    plugins?: any[] | undefined;
+    /**
+     * Width of the chart in non-responsive mode.
+     */
+    width?: string | undefined;
+    /**
+     * Height of the chart in non-responsive mode.
+     */
+    height?: string | undefined;
+    /**
+     * Inline style of the element.
+     */
+    style?: React.CSSProperties | undefined;
+    /**
+     * Style class of the element.
+     */
+    className?: string | undefined;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Chart**
+ *
+ * _Chart components are based on Chart.js, an open source HTML5 based charting library._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/chart/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Chart extends React.Component<ChartProps, any> {
+    /**
+     * Used to get canvas element.
+     * @return {HTMLCanvasElement} Canvas element
+     */
     public getCanvas(): HTMLCanvasElement;
+    /**
+     * Used to get chart instance.
+     * @return {*} Chart instance
+     */
     public getChart(): any;
+    /**
+     * Used to get base64 image.
+     * @return {*} base64 image
+     */
     public getBase64Image(): any;
+    /**
+     * Used to generate legend.
+     * @return {string} Generated legend
+     */
     public generateLegend(): string;
+    /**
+     * Redraws the graph.
+     */
     public refresh(): void;
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/checkbox/checkbox.cjs.js

@@ -142,7 +142,8 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     setFocusedState(false);
   };
   var onKeyDown = function onKeyDown(event) {
-    if (event.code === 'Space') {
+    if (event.code === 'Space' || event.key === ' ') {
+      // event.key is for Android support
       onClick(event);
     }
   };
@@ -152,6 +153,9 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
+      focus: function focus() {
+        return utils.DomHandler.focus(inputRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       },

package/checkbox/checkbox.cjs.min.js

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

package/checkbox/checkbox.d.ts

@@ -1,49 +1,153 @@
+/**
+ *
+ * Checkbox is an extension to standard checkbox element with skinning capabilities.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/checkbox/)
+ *
+ * @module checkbox
+ *
+ */
 import * as React from 'react';
-import TooltipOptions from '../tooltip/tooltipoptions';
+import { TooltipOptions } from '../tooltip/tooltipoptions';
+import { FormEvent } from '../ts-helpers';
 import { IconType } from '../utils';
 
-interface CheckboxChangeTargetOptions {
-    type: string;
-    name: string;
-    id: string;
-    value: any;
-    checked: boolean;
-}
-
-interface CheckboxChangeParams {
-    originalEvent: React.SyntheticEvent;
-    value: any;
-    checked: boolean;
-    stopPropagation(): void;
-    preventDefault(): void;
-    target: CheckboxChangeTargetOptions;
-}
+/**
+ * Custom change event.
+ * @see {@link CheckboxProps.onChange}
+ * @extends {FormEvent}
+ * @event
+ */
+interface CheckboxChangeEvent extends FormEvent {}
 
+/**
+ * Defines valid properties in Checkbox component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface CheckboxProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref'> {
-    id?: string;
-    inputRef?: React.Ref<HTMLInputElement>;
-    inputId?: string;
+    /**
+     * Unique identifier of the element.
+     */
+    id?: string | undefined;
+    /**
+     * Reference of the input element.
+     */
+    inputRef?: React.Ref<HTMLInputElement> | undefined;
+    /**
+     * Identifier of the input element.
+     */
+    inputId?: string | undefined;
+    /**
+     * Value of the component.
+     */
     value?: any;
-    name?: string;
-    checked?: any;
+    /**
+     * Name of the checkbox element .
+     */
+    name?: string | undefined;
+    /**
+     * Specifies whether a checkbox should be checked or not.
+     * @defaultValue false
+     */
+    checked?: boolean | undefined;
+    /**
+     * Value in checked state.
+     * @defaultValue true
+     */
     trueValue?: any;
+    /**
+     * Value in unchecked state.
+     * @defaultValue false
+     */
     falseValue?: any;
-    style?: React.CSSProperties;
-    className?: string;
-    disabled?: boolean;
-    required?: boolean;
-    readOnly?: boolean;
-    tabIndex?: number;
-    icon?: IconType<CheckboxProps>;
-    tooltip?: string;
-    tooltipOptions?: TooltipOptions;
-    onChange?(e: CheckboxChangeParams): void;
+    /**
+     * Inline style of the element.
+     */
+    style?: React.CSSProperties | undefined;
+    /**
+     * Style class of the element.
+     */
+    className?: string | undefined;
+    /**
+     * When present, it specifies that the element value cannot be altered.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * When present, it specifies that an input field must be filled out before submitting the form.
+     * @defaultValue false
+     */
+    required?: boolean | undefined;
+    /**
+     * When present, it specifies that the value cannot be changed.
+     * @defaultValue false
+     */
+    readOnly?: boolean | undefined;
+    /**
+     * Index of the element in tabbing order.
+     * @defaultValue false
+     */
+    tabIndex?: number | undefined;
+    /**
+     * Icon class of the checkbox icon.
+     * @defaultValue pi pi-check
+     */
+    icon?: IconType<CheckboxProps> | undefined;
+    /**
+     * Content of the tooltip.
+     */
+    tooltip?: string | undefined;
+    /**
+     * Configuration of the tooltip, refer to the tooltip documentation for more information.
+     * @type {TooltipOptions}
+     */
+    tooltipOptions?: TooltipOptions | undefined;
+    /**
+     * Callback to invoke on value change
+     * @param {CheckboxChangeEvent} event - Custom change event
+     */
+    onChange?(event: CheckboxChangeEvent): void;
+    /**
+     * Callback to invoke to when a mouse button is pressed.
+     * @param {React.MouseEvent<HTMLElement>} event - Browser event
+     */
     onMouseDown?(event: React.MouseEvent<HTMLElement>): void;
+    /**
+     * Callback to invoke on right-click.
+     * @param {React.MouseEvent<HTMLElement>} event - Browser event
+     */
     onContextMenu?(event: React.MouseEvent<HTMLElement>): void;
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Checkbox**
+ *
+ * _Checkbox is an extension to standard checkbox element with skinning capabilities._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/checkbox/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Checkbox extends React.Component<CheckboxProps, any> {
+    /**
+     * Used to focus the component.
+     */
+    public focus(): void;
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
+    /**
+     * Used to get input element.
+     * @return {HTMLInputElement} Input element
+     */
     public getInput(): HTMLInputElement;
 }

package/checkbox/checkbox.esm.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useUpdateEffect } from 'primereact/hooks';
 import { Tooltip } from 'primereact/tooltip';
-import { ObjectUtils, DomHandler, classNames, IconUtils } from 'primereact/utils';
+import { DomHandler, ObjectUtils, classNames, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -118,7 +118,8 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     setFocusedState(false);
   };
   var onKeyDown = function onKeyDown(event) {
-    if (event.code === 'Space') {
+    if (event.code === 'Space' || event.key === ' ') {
+      // event.key is for Android support
       onClick(event);
     }
   };
@@ -128,6 +129,9 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
+      focus: function focus() {
+        return DomHandler.focus(inputRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       },

package/checkbox/checkbox.esm.min.js

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

package/checkbox/checkbox.js

@@ -137,7 +137,8 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
       setFocusedState(false);
     };
     var onKeyDown = function onKeyDown(event) {
-      if (event.code === 'Space') {
+      if (event.code === 'Space' || event.key === ' ') {
+        // event.key is for Android support
         onClick(event);
       }
     };
@@ -147,6 +148,9 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
+        focus: function focus() {
+          return utils.DomHandler.focus(inputRef.current);
+        },
         getElement: function getElement() {
           return elementRef.current;
         },

package/checkbox/checkbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.checkbox=function(e,t,n,r,c){"use strict";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 a=o(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,c,o,a,l=[],u=!0,i=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);u=!0);}catch(e){i=!0,c=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(i)throw c}}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 f(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var p=a.memo(a.forwardRef((function(e,t){var o,s,b=a.useState(!1),m=(s=2,u(o=b)||i(o,s)||f(o,s)||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=O(),r=t.target instanceof HTMLDivElement||t.target instanceof HTMLSpanElement;if(t.target===g.current||r&&t.target.checked!==n){var o=n?e.falseValue:e.trueValue;e.onChange({originalEvent:t,value:e.value,checked:o,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:e.name,id:e.id,value:e.value,checked:o}})}c.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(){c.ObjectUtils.combinedRefs(g,e.inputRef)}),[g,e.inputRef]),n.useUpdateEffect((function(){g.current.checked=O()}),[e.checked,e.trueValue]);var x=O(),j=c.ObjectUtils.isNotEmpty(e.tooltip),E=c.ObjectUtils.findDiffKeys(e,p.defaultProps),I=c.ObjectUtils.reduceKeys(E,c.DomHandler.ARIA_PROPS),C=c.classNames("p-checkbox p-component",{"p-checkbox-checked":x,"p-checkbox-disabled":e.disabled,"p-checkbox-focused":h},e.className),w=c.classNames("p-checkbox-box",{"p-highlight":x,"p-disabled":e.disabled,"p-focus":h}),D=c.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))),a.createElement("div",{className:w},D)),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);
+this.primereact=this.primereact||{},this.primereact.checkbox=function(e,t,n,r,c){"use strict";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 a=o(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,c,o,a,l=[],u=!0,i=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);u=!0);}catch(e){i=!0,c=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(i)throw c}}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 f(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var p=a.memo(a.forwardRef((function(e,t){var o,s,b=a.useState(!1),m=(s=2,u(o=b)||i(o,s)||f(o,s)||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=O(),r=t.target instanceof HTMLDivElement||t.target instanceof HTMLSpanElement;if(t.target===g.current||r&&t.target.checked!==n){var o=n?e.falseValue:e.trueValue;e.onChange({originalEvent:t,value:e.value,checked:o,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:e.name,id:e.id,value:e.value,checked:o}})}c.DomHandler.focus(g.current),t.preventDefault()}},O=function(){return e.checked===e.trueValue};a.useImperativeHandle(t,(function(){return{props:e,focus:function(){return c.DomHandler.focus(g.current)},getElement:function(){return v.current},getInput:function(){return g.current}}})),a.useEffect((function(){c.ObjectUtils.combinedRefs(g,e.inputRef)}),[g,e.inputRef]),n.useUpdateEffect((function(){g.current.checked=O()}),[e.checked,e.trueValue]);var x=O(),j=c.ObjectUtils.isNotEmpty(e.tooltip),E=c.ObjectUtils.findDiffKeys(e,p.defaultProps),I=c.ObjectUtils.reduceKeys(E,c.DomHandler.ARIA_PROPS),C=c.classNames("p-checkbox p-component",{"p-checkbox-checked":x,"p-checkbox-disabled":e.disabled,"p-checkbox-focused":h},e.className),D=c.classNames("p-checkbox-box",{"p-highlight":x,"p-disabled":e.disabled,"p-focus":h}),w=c.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&&" "!==e.key||k(e)},disabled:e.disabled,readOnly:e.readOnly,required:e.required},I))),a.createElement("div",{className:D},w)),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.d.ts

@@ -1,19 +1,87 @@
+/**
+ *
+ * Chip represents people using icons, labels and images.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/chip)
+ *
+ * @module chip
+ *
+ */
 import * as React from 'react';
 import { IconType, TemplateType } from '../utils';
 
+/**
+ * Defines valid properties in Chip component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface ChipProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
+    /**
+     * Defines the text to display.
+     *
+     */
     label?: string;
-    icon?: IconType<ChipProps>;
-    image?: string;
-    removable?: boolean;
-    removeIcon?: string;
-    template?: TemplateType<ChipProps>;
-    imageAlt?: string;
+    /**
+     * Defines the icon to display.
+     *
+     */
+    icon?: IconType<ChipProps> | undefined;
+    /**
+     * Defines the image to display.
+     *
+     */
+    image?: string | undefined;
+    /**
+     * Whether to display a remove icon.
+     * @defaultValue false
+     */
+    removable?: boolean | undefined;
+    /**
+     * Icon of the remove element.
+     * @defaultValue pi pi-times-circle
+     */
+    removeIcon?: string | undefined;
+    /**
+     * Template of an item.
+     *
+     */
+    template?: TemplateType<ChipProps> | undefined;
+    /**
+     * It specifies an alternate text for an image, if the image cannot be displayed.
+     *
+     */
+    imageAlt?: string | undefined;
+    /**
+     * This event is triggered if an error occurs while loading an image file.
+     * @param {React.SyntheticEvent}  event - Browser event.
+     */
     onImageError?(event: React.SyntheticEvent): void;
+    /**
+     * Callback to invoke when a chip is removed.
+     * @param {React.MouseEvent}  event - Browser event.
+     */
     onRemove?(event: React.MouseEvent<HTMLElement>): void;
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Chip**
+ *
+ * _Chip represents people using icons, labels and images._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/chip/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Chip extends React.Component<ChipProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/chips/chips.cjs.js

@@ -184,16 +184,13 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     if (event.defaultPrevented) {
       return;
     }
-    switch (event.which) {
-      //backspace
-      case 8:
+    switch (event.key) {
+      case 'Backspace':
         if (inputRef.current.value.length === 0 && values.length > 0) {
           removeItem(event, values.length - 1);
         }
         break;
-
-      //enter
-      case 13:
+      case 'Enter':
         if (inputValue && inputValue.trim().length && (!props.max || props.max > values.length)) {
           addItem(event, inputValue, true);
         }
@@ -204,8 +201,11 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
         }
         if (isMaxedOut()) {
           event.preventDefault();
-        } else if (props.separator === ',' && event.which === 188) {
-          addItem(event, inputValue, true);
+        } else if (props.separator === ',') {
+          // GitHub #3885 Android Opera gives strange code 229 for comma
+          if (event.key === props.separator || utils.DomHandler.isAndroid() && event.which === 229) {
+            addItem(event, inputValue, true);
+          }
         }
         break;
     }
@@ -276,6 +276,9 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
+      focus: function focus() {
+        return utils.DomHandler.focus(inputRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       },

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?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 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 s(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 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 o(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,u=[],o=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=a.call(n)).done)&&(u.push(r.value),u.length!==t);o=!0);}catch(e){c=!0,l=e}finally{try{if(!o&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw l}}return u}}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),p=(o=2,d(u=c)||m(u,o)||s(u,o)||v()),b=p[0],h=p[1],g=a.useRef(null),O=a.useRef(null),w=a.useRef(e.inputRef),j=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}}))}},E=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&&j(n,l.length-1);break;case 13:r&&r.trim().length&&(!e.max||e.max>l.length)&&E(n,r,!0);break;default:e.keyfilter&&t.KeyFilter.onKeyPress(n,e.keyfilter),R()?n.preventDefault():","===e.separator&&188===n.which&&E(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){h(!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)&&E(t,n,!0)}h(!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 j(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":b},e.className),q=function(){var t=r.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":e.disabled,"p-focus":b}),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;
+"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,o=[],u=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(o.push(r.value),o.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw l}}return o}}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()),b=p[0],h=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 l=n.target.value,a=e.value||[];if(e.onKeyDown&&e.onKeyDown(n),!n.defaultPrevented)switch(n.key){case"Backspace":0===w.current.value.length&&a.length>0&&E(n,a.length-1);break;case"Enter":l&&l.trim().length&&(!e.max||e.max>a.length)&&j(n,l,!0);break;default:e.keyfilter&&t.KeyFilter.onKeyPress(n,e.keyfilter),R()?n.preventDefault():","===e.separator&&(n.key===e.separator||r.DomHandler.isAndroid()&&229===n.which)&&j(n,l,!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){h(!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)}h(!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,focus:function(){return r.DomHandler.focus(w.current)},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)}})},B=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)},T=r.ObjectUtils.isNotEmpty(e.tooltip),U=r.ObjectUtils.findDiffKeys(e,y.defaultProps),F=r.ObjectUtils.reduceKeys(U,r.DomHandler.ARIA_PROPS),_=r.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":I,"p-inputwrapper-focus":b},e.className),H=function(){var t=r.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":e.disabled,"p-focus":b}),n=e.value?e.value.map(B):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},U),H),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;