primereact 8.7.3 → 9.0.0-rc.1

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;
+    /**
+     * 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://primefaces.org/cdn/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

@@ -36,9 +36,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -54,9 +52,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -77,7 +73,41 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var CheckboxBase = {
+  defaultProps: {
+    __TYPE: 'Checkbox',
+    id: null,
+    inputRef: null,
+    inputId: null,
+    value: null,
+    name: null,
+    checked: false,
+    trueValue: true,
+    falseValue: false,
+    style: null,
+    className: null,
+    disabled: false,
+    required: false,
+    readOnly: false,
+    tabIndex: null,
+    icon: 'pi pi-check',
+    tooltip: null,
+    tooltipOptions: null,
+    onChange: null,
+    onMouseDown: null,
+    onContextMenu: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, CheckboxBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, CheckboxBase.defaultProps);
+  }
+};
+
+var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = CheckboxBase.getProps(inProps);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
@@ -118,7 +148,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 +159,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;
       },
@@ -144,7 +178,7 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   }, [props.checked, props.trueValue]);
   var checked = isChecked();
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = ObjectUtils.findDiffKeys(props, Checkbox.defaultProps);
+  var otherProps = CheckboxBase.getOtherProps(props);
   var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-checkbox p-component', {
     'p-checkbox-checked': checked,
@@ -194,28 +228,5 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   }, props.tooltipOptions)));
 }));
 Checkbox.displayName = 'Checkbox';
-Checkbox.defaultProps = {
-  __TYPE: 'Checkbox',
-  id: null,
-  inputRef: null,
-  inputId: null,
-  value: null,
-  name: null,
-  checked: false,
-  trueValue: true,
-  falseValue: false,
-  style: null,
-  className: null,
-  disabled: false,
-  required: false,
-  readOnly: false,
-  tabIndex: null,
-  icon: 'pi pi-check',
-  tooltip: null,
-  tooltipOptions: null,
-  onChange: null,
-  onMouseDown: null,
-  onContextMenu: null
-};
 
 export { Checkbox };

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{ObjectUtils as r,DomHandler as o,classNames as l,IconUtils as a}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,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 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 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 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,children:void 0},getProps:function(e){return r.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,d.defaultProps)}},m=e.memo(e.forwardRef((function(s,m){var h,b,y=d.getProps(s),g=e.useState(!1),v=(b=2,u(h=g)||i(h,b)||f(h,b)||p()),k=v[0],x=v[1],O=e.useRef(null),E=e.useRef(y.inputRef),P=function(e){if(!y.disabled&&!y.readOnly&&y.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?y.falseValue:y.trueValue;y.onChange({originalEvent:e,value:y.value,checked:r,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:y.name,id:y.id,value:y.value,checked:r}})}o.focus(E.current),e.preventDefault()}},I=function(){return y.checked===y.trueValue};e.useImperativeHandle(m,(function(){return{props:y,focus:function(){return o.focus(E.current)},getElement:function(){return O.current},getInput:function(){return E.current}}})),e.useEffect((function(){r.combinedRefs(E,y.inputRef)}),[E,y.inputRef]),t((function(){E.current.checked=I()}),[y.checked,y.trueValue]);var C=I(),w=r.isNotEmpty(y.tooltip),M=d.getOtherProps(y),R=r.reduceKeys(M,o.ARIA_PROPS),S=l("p-checkbox p-component",{"p-checkbox-checked":C,"p-checkbox-disabled":y.disabled,"p-checkbox-focused":k},y.className),j=l("p-checkbox-box",{"p-highlight":C,"p-disabled":y.disabled,"p-focus":k}),A=a.getJSXIcon(C?y.icon:"",{className:"p-checkbox-icon p-c"},{props:y,checked:C});return e.createElement(e.Fragment,null,e.createElement("div",c({ref:O,id:y.id,className:S,style:y.style},M,{onClick:P,onContextMenu:y.onContextMenu,onMouseDown:y.onMouseDown}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",c({ref:E,type:"checkbox",id:y.inputId,name:y.name,tabIndex:y.tabIndex,defaultChecked:C,onFocus:function(){x(!0)},onBlur:function(){x(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||P(e)},disabled:y.disabled,readOnly:y.readOnly,required:y.required},R))),e.createElement("div",{className:j},A)),w&&e.createElement(n,c({target:O,content:y.tooltip},y.tooltipOptions)))})));m.displayName="Checkbox";export{m as Checkbox};

package/checkbox/checkbox.js

@@ -55,9 +55,7 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -73,9 +71,7 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) {
-      arr2[i] = arr[i];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -96,7 +92,41 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var CheckboxBase = {
+    defaultProps: {
+      __TYPE: 'Checkbox',
+      id: null,
+      inputRef: null,
+      inputId: null,
+      value: null,
+      name: null,
+      checked: false,
+      trueValue: true,
+      falseValue: false,
+      style: null,
+      className: null,
+      disabled: false,
+      required: false,
+      readOnly: false,
+      tabIndex: null,
+      icon: 'pi pi-check',
+      tooltip: null,
+      tooltipOptions: null,
+      onChange: null,
+      onMouseDown: null,
+      onContextMenu: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, CheckboxBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, CheckboxBase.defaultProps);
+    }
+  };
+
+  var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = CheckboxBase.getProps(inProps);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       focusedState = _React$useState2[0],
@@ -137,7 +167,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 +178,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;
         },
@@ -163,7 +197,7 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
     }, [props.checked, props.trueValue]);
     var checked = isChecked();
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Checkbox.defaultProps);
+    var otherProps = CheckboxBase.getOtherProps(props);
     var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var className = utils.classNames('p-checkbox p-component', {
       'p-checkbox-checked': checked,
@@ -213,29 +247,6 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
     }, props.tooltipOptions)));
   }));
   Checkbox.displayName = 'Checkbox';
-  Checkbox.defaultProps = {
-    __TYPE: 'Checkbox',
-    id: null,
-    inputRef: null,
-    inputId: null,
-    value: null,
-    name: null,
-    checked: false,
-    trueValue: true,
-    falseValue: false,
-    style: null,
-    className: null,
-    disabled: false,
-    required: false,
-    readOnly: false,
-    tabIndex: null,
-    icon: 'pi pi-check',
-    tooltip: null,
-    tooltipOptions: null,
-    onChange: null,
-    onMouseDown: null,
-    onContextMenu: null
-  };
 
   exports.Checkbox = Checkbox;
 

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,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 l=c(t);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 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,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 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={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,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,p.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,p.defaultProps)}},b=l.memo(l.forwardRef((function(e,t){var c,s,b=p.getProps(e),h=l.useState(!1),m=(s=2,u(c=h)||i(c,s)||f(c,s)||d()),y=m[0],g=m[1],v=l.useRef(null),O=l.useRef(b.inputRef),k=function(e){if(!b.disabled&&!b.readOnly&&b.onChange){var t=x(),n=e.target instanceof HTMLDivElement||e.target instanceof HTMLSpanElement;if(e.target===O.current||n&&e.target.checked!==t){var r=t?b.falseValue:b.trueValue;b.onChange({originalEvent:e,value:b.value,checked:r,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:b.name,id:b.id,value:b.value,checked:r}})}o.DomHandler.focus(O.current),e.preventDefault()}},x=function(){return b.checked===b.trueValue};l.useImperativeHandle(t,(function(){return{props:b,focus:function(){return o.DomHandler.focus(O.current)},getElement:function(){return v.current},getInput:function(){return O.current}}})),l.useEffect((function(){o.ObjectUtils.combinedRefs(O,b.inputRef)}),[O,b.inputRef]),n.useUpdateEffect((function(){O.current.checked=x()}),[b.checked,b.trueValue]);var j=x(),P=o.ObjectUtils.isNotEmpty(b.tooltip),E=p.getOtherProps(b),I=o.ObjectUtils.reduceKeys(E,o.DomHandler.ARIA_PROPS),C=o.classNames("p-checkbox p-component",{"p-checkbox-checked":j,"p-checkbox-disabled":b.disabled,"p-checkbox-focused":y},b.className),D=o.classNames("p-checkbox-box",{"p-highlight":j,"p-disabled":b.disabled,"p-focus":y}),M=o.IconUtils.getJSXIcon(j?b.icon:"",{className:"p-checkbox-icon p-c"},{props:b,checked:j});return l.createElement(l.Fragment,null,l.createElement("div",a({ref:v,id:b.id,className:C,style:b.style},E,{onClick:k,onContextMenu:b.onContextMenu,onMouseDown:b.onMouseDown}),l.createElement("div",{className:"p-hidden-accessible"},l.createElement("input",a({ref:O,type:"checkbox",id:b.inputId,name:b.name,tabIndex:b.tabIndex,defaultChecked:j,onFocus:function(){g(!0)},onBlur:function(){g(!1)},onKeyDown:function(e){"Space"!==e.code&&" "!==e.key||k(e)},disabled:b.disabled,readOnly:b.readOnly,required:b.required},I))),l.createElement("div",{className:D},M)),P&&l.createElement(r.Tooltip,a({target:v,content:b.tooltip},b.tooltipOptions)))})));return b.displayName="Checkbox",e.Checkbox=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.tooltip,primereact.utils);

package/checkbox/package.json

@@ -2,5 +2,6 @@
     "main": "./checkbox.cjs.js",
     "module": "./checkbox.esm.js",
     "unpkg": "./checkbox.min.js",
-    "types": "./checkbox.d.ts"
+    "types": "./checkbox.d.ts",
+    "sideEffects": false
 }

package/chip/chip.cjs.js

@@ -58,9 +58,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -76,9 +74,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -99,7 +95,32 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var ChipBase = {
+  defaultProps: {
+    __TYPE: 'Chip',
+    label: null,
+    icon: null,
+    image: null,
+    removable: false,
+    removeIcon: 'pi pi-times-circle',
+    className: null,
+    style: null,
+    template: null,
+    imageAlt: 'chip',
+    onImageError: null,
+    onRemove: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, ChipBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, ChipBase.defaultProps);
+  }
+};
+
+var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = ChipBase.getProps(inProps);
   var elementRef = React__namespace.useRef(null);
   var _React$useState = React__namespace.useState(true),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -154,7 +175,7 @@ var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     return content;
   };
   var createElement = function createElement() {
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Chip.defaultProps);
+    var otherProps = ChipBase.getOtherProps(props);
     var className = utils.classNames('p-chip p-component', {
       'p-chip-image': props.image != null
     }, props.className);
@@ -176,19 +197,5 @@ var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
   return visibleState && createElement();
 }));
 Chip.displayName = 'Chip';
-Chip.defaultProps = {
-  __TYPE: 'Chip',
-  label: null,
-  icon: null,
-  image: null,
-  removable: false,
-  removeIcon: 'pi pi-times-circle',
-  className: null,
-  style: null,
-  template: null,
-  imageAlt: 'chip',
-  onImageError: null,
-  onRemove: null
-};
 
 exports.Chip = Chip;

package/chip/chip.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(e);function 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,i=[],c=!0,u=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){u=!0,l=e}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw l}}return i}}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,b=n.useRef(null),v=n.useState(!0),g=(p=2,o(i=v)||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 b.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:b,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 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 l(e){if(Array.isArray(e))return e}function a(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,a,i=[],c=!0,u=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}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={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,children:void 0},getProps:function(e){return t.ObjectUtils.getMergedProps(e,s.defaultProps)},getOtherProps:function(e){return t.ObjectUtils.getDiffProps(e,s.defaultProps)}},p=n.memo(n.forwardRef((function(e,r){var i,p,f,m,g,y=s.getProps(e),b=n.useRef(null),v=n.useState(!0),h=(p=2,l(i=v)||a(i,p)||c(i,p)||u()),d=h[0],O=h[1],j=function(e){13===e.keyCode&&I(e)},I=function(e){O(!1),y.onRemove&&y.onRemove(e)},P=function(){var e=[];return y.image?e.push(n.createElement("img",{key:"image",src:y.image,alt:y.imageAlt,onError:y.onImageError})):y.icon&&e.push(t.IconUtils.getJSXIcon(y.icon,{key:"icon",className:"p-chip-icon"},{props:y})),y.label&&e.push(n.createElement("span",{key:"label",className:"p-chip-text"},y.label)),y.removable&&e.push(t.IconUtils.getJSXIcon(y.removeIcon,{key:"removeIcon",tabIndex:0,className:"p-chip-remove-icon",onClick:I,onKeyDown:j},{props:y})),e};return n.useImperativeHandle(r,(function(){return{props:y,getElement:function(){return b.current}}})),d&&(f=s.getOtherProps(y),m=t.classNames("p-chip p-component",{"p-chip-image":null!=y.image},y.className),g=y.template?t.ObjectUtils.getJSXElement(y.template,y):P(),n.createElement("div",o({ref:b,className:m,style:y.style},f),g))})));p.displayName="Chip",exports.Chip=p;