primereact 8.0.0-rc.2 → 8.1.0

package/tristatecheckbox/tristatecheckbox.d.ts

@@ -17,16 +17,14 @@ interface TriStateCheckboxChangeParams {
 
 export interface TriStateCheckboxProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'value'> {
     id?: string;
-    inputRef?: React.Ref<HTMLInputElement>;
-    inputId?: string;
     value?: boolean | undefined | null;
-    name?: string;
     style?: object;
     className?: string;
     disabled?: boolean;
+    readOnly?: boolean;
+    tabIndex?: number;
     tooltip?: string;
     tooltipOptions?: TooltipOptions;
-    ariaLabelledBy?: string;
     onChange?(e: TriStateCheckboxChangeParams): void;
     children?: React.ReactNode;
 }

package/tristatecheckbox/tristatecheckbox.esm.js

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { Tooltip } from 'primereact/tooltip';
+import { ariaLabel } from 'primereact/api';
 import { ObjectUtils, classNames } from 'primereact/utils';
 
 function _extends() {
@@ -88,12 +89,10 @@ var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
       setFocusedState = _React$useState2[1];
 
   var elementRef = React.useRef(null);
-  var inputRef = React.useRef(props.inputRef);
 
   var onClick = function onClick(event) {
-    if (!props.disabled) {
+    if (!props.disabled && !props.readOnly) {
       toggle(event);
-      inputRef.current.focus();
     }
   };
 
@@ -124,9 +123,13 @@ var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
     setFocusedState(false);
   };
 
-  React.useEffect(function () {
-    ObjectUtils.combinedRefs(inputRef, props.inputRef);
-  }, [inputRef, props.inputRef]);
+  var onKeyDown = function onKeyDown(e) {
+    if (e.keyCode === 32) {
+      toggle(e);
+      e.preventDefault();
+    }
+  };
+
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, TriStateCheckbox.defaultProps);
   var className = classNames('p-tristatecheckbox p-checkbox p-component', props.className);
@@ -139,6 +142,8 @@ var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
     'pi pi-check': props.value === true,
     'pi pi-times': props.value === false
   });
+  var ariaValueLabel = props.value ? ariaLabel('trueLabel') : props.value === false ? ariaLabel('falseLabel') : ariaLabel('nullLabel');
+  var ariaChecked = props.value ? 'true' : 'false';
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
     ref: elementRef,
     id: props.id,
@@ -147,24 +152,21 @@ var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
   }, otherProps, {
     onClick: onClick
   }), /*#__PURE__*/React.createElement("div", {
-    className: "p-hidden-accessible"
-  }, /*#__PURE__*/React.createElement("input", {
-    ref: inputRef,
-    type: "checkbox",
-    "aria-labelledby": props.ariaLabelledBy,
-    id: props.inputId,
-    name: props.name,
+    className: boxClassName,
+    tabIndex: props.tabIndex,
     onFocus: onFocus,
     onBlur: onBlur,
-    disabled: props.disabled,
-    defaultChecked: props.value
-  })), /*#__PURE__*/React.createElement("div", {
-    className: boxClassName,
+    onKeyDown: onKeyDown,
     role: "checkbox",
-    "aria-checked": props.value === true
+    "aria-checked": ariaChecked,
+    "aria-labelledby": props['aria-labelledby'],
+    "aria-label": props['aria-label']
   }, /*#__PURE__*/React.createElement("span", {
     className: iconClassName
-  }))), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+  })), focusedState && /*#__PURE__*/React.createElement("span", {
+    className: "p-sr-only",
+    "aria-live": "polite"
+  }, ariaValueLabel)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
   }, props.tooltipOptions)));
@@ -173,16 +175,16 @@ TriStateCheckbox.displayName = 'TriStateCheckbox';
 TriStateCheckbox.defaultProps = {
   __TYPE: 'TriStateCheckbox',
   id: null,
-  inputRef: null,
-  inputId: null,
   value: null,
-  name: null,
   style: null,
   className: null,
   disabled: false,
+  readOnly: false,
+  tabIndex: "0",
+  'aria-label': null,
+  'aria-labelledby': null,
   tooltip: null,
   tooltipOptions: null,
-  ariaLabelledBy: null,
   onChange: null
 };
 

package/tristatecheckbox/tristatecheckbox.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Tooltip as t}from"primereact/tooltip";import{ObjectUtils as n,classNames as l}from"primereact/utils";function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},a.apply(this,arguments)}function r(e){if(Array.isArray(e))return e}function o(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function u(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 c(){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=e.memo(e.forwardRef((function(i,p){var f,d,m=e.useState(!1),v=(d=2,r(f=m)||o(f,d)||u(f,d)||c()),b=v[0],h=v[1],y=e.useRef(null),g=e.useRef(i.inputRef),k=function(e){var t;null==i.value?t=!0:!0===i.value?t=!1:!1===i.value&&(t=null),i.onChange&&i.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:i.name,id:i.id,value:t}})};e.useEffect((function(){n.combinedRefs(g,i.inputRef)}),[g,i.inputRef]);var E=n.isNotEmpty(i.tooltip),x=n.findDiffKeys(i,s.defaultProps),C=l("p-tristatecheckbox p-checkbox p-component",i.className),N=l("p-checkbox-box",{"p-highlight":(i.value||!i.value)&&null!==i.value,"p-disabled":i.disabled,"p-focus":b}),R=l("p-checkbox-icon p-c",{"pi pi-check":!0===i.value,"pi pi-times":!1===i.value});return e.createElement(e.Fragment,null,e.createElement("div",a({ref:y,id:i.id,className:C,style:i.style},x,{onClick:function(e){i.disabled||(k(e),g.current.focus())}}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:g,type:"checkbox","aria-labelledby":i.ariaLabelledBy,id:i.inputId,name:i.name,onFocus:function(){h(!0)},onBlur:function(){h(!1)},disabled:i.disabled,defaultChecked:i.value})),e.createElement("div",{className:N,role:"checkbox","aria-checked":!0===i.value},e.createElement("span",{className:R}))),E&&e.createElement(t,a({target:y,content:i.tooltip},i.tooltipOptions)))})));s.displayName="TriStateCheckbox",s.defaultProps={__TYPE:"TriStateCheckbox",id:null,inputRef:null,inputId:null,value:null,name:null,style:null,className:null,disabled:!1,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null};export{s as TriStateCheckbox};
+import*as e from"react";import{Tooltip as t}from"primereact/tooltip";import{ariaLabel as l}from"primereact/api";import{ObjectUtils as a,classNames as n}from"primereact/utils";function r(){return r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},r.apply(this,arguments)}function o(e){if(Array.isArray(e))return e}function i(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var a,n,r=[],o=!0,i=!1;try{for(l=l.call(e);!(o=(a=l.next()).done)&&(r.push(a.value),!t||r.length!==t);o=!0);}catch(e){i=!0,n=e}finally{try{o||null==l.return||l.return()}finally{if(i)throw n}}return r}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,a=new Array(t);l<t;l++)a[l]=e[l];return a}function c(e,t){if(e){if("string"==typeof e)return u(e,t);var l=Object.prototype.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?u(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 s=e.memo(e.forwardRef((function(u,f){var m,d,b=e.useState(!1),v=(d=2,o(m=b)||i(m,d)||c(m,d)||p()),y=v[0],h=v[1],g=e.useRef(null),x=function(e){var t;null==u.value?t=!0:!0===u.value?t=!1:!1===u.value&&(t=null),u.onChange&&u.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:u.name,id:u.id,value:t}})},k=a.isNotEmpty(u.tooltip),E=a.findDiffKeys(u,s.defaultProps),O=n("p-tristatecheckbox p-checkbox p-component",u.className),C=n("p-checkbox-box",{"p-highlight":(u.value||!u.value)&&null!==u.value,"p-disabled":u.disabled,"p-focus":y}),N=n("p-checkbox-icon p-c",{"pi pi-check":!0===u.value,"pi pi-times":!1===u.value}),S=l(u.value?"trueLabel":!1===u.value?"falseLabel":"nullLabel"),w=u.value?"true":"false";return e.createElement(e.Fragment,null,e.createElement("div",r({ref:g,id:u.id,className:O,style:u.style},E,{onClick:function(e){u.disabled||u.readOnly||x(e)}}),e.createElement("div",{className:C,tabIndex:u.tabIndex,onFocus:function(){h(!0)},onBlur:function(){h(!1)},onKeyDown:function(e){32===e.keyCode&&(x(e),e.preventDefault())},role:"checkbox","aria-checked":w,"aria-labelledby":u["aria-labelledby"],"aria-label":u["aria-label"]},e.createElement("span",{className:N})),y&&e.createElement("span",{className:"p-sr-only","aria-live":"polite"},S)),k&&e.createElement(t,r({target:g,content:u.tooltip},u.tooltipOptions)))})));s.displayName="TriStateCheckbox",s.defaultProps={__TYPE:"TriStateCheckbox",id:null,value:null,style:null,className:null,disabled:!1,readOnly:!1,tabIndex:"0","aria-label":null,"aria-labelledby":null,tooltip:null,tooltipOptions:null,onChange:null};export{s as TriStateCheckbox};

package/tristatecheckbox/tristatecheckbox.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.tristatecheckbox = (function (exports, React, tooltip, utils) {
+this.primereact.tristatecheckbox = (function (exports, React, tooltip, api, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -108,12 +108,10 @@ this.primereact.tristatecheckbox = (function (exports, React, tooltip, utils) {
         setFocusedState = _React$useState2[1];
 
     var elementRef = React__namespace.useRef(null);
-    var inputRef = React__namespace.useRef(props.inputRef);
 
     var onClick = function onClick(event) {
-      if (!props.disabled) {
+      if (!props.disabled && !props.readOnly) {
         toggle(event);
-        inputRef.current.focus();
       }
     };
 
@@ -144,9 +142,13 @@ this.primereact.tristatecheckbox = (function (exports, React, tooltip, utils) {
       setFocusedState(false);
     };
 
-    React__namespace.useEffect(function () {
-      utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
-    }, [inputRef, props.inputRef]);
+    var onKeyDown = function onKeyDown(e) {
+      if (e.keyCode === 32) {
+        toggle(e);
+        e.preventDefault();
+      }
+    };
+
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, TriStateCheckbox.defaultProps);
     var className = utils.classNames('p-tristatecheckbox p-checkbox p-component', props.className);
@@ -159,6 +161,8 @@ this.primereact.tristatecheckbox = (function (exports, React, tooltip, utils) {
       'pi pi-check': props.value === true,
       'pi pi-times': props.value === false
     });
+    var ariaValueLabel = props.value ? api.ariaLabel('trueLabel') : props.value === false ? api.ariaLabel('falseLabel') : api.ariaLabel('nullLabel');
+    var ariaChecked = props.value ? 'true' : 'false';
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
       ref: elementRef,
       id: props.id,
@@ -167,24 +171,21 @@ this.primereact.tristatecheckbox = (function (exports, React, tooltip, utils) {
     }, otherProps, {
       onClick: onClick
     }), /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-hidden-accessible"
-    }, /*#__PURE__*/React__namespace.createElement("input", {
-      ref: inputRef,
-      type: "checkbox",
-      "aria-labelledby": props.ariaLabelledBy,
-      id: props.inputId,
-      name: props.name,
+      className: boxClassName,
+      tabIndex: props.tabIndex,
       onFocus: onFocus,
       onBlur: onBlur,
-      disabled: props.disabled,
-      defaultChecked: props.value
-    })), /*#__PURE__*/React__namespace.createElement("div", {
-      className: boxClassName,
+      onKeyDown: onKeyDown,
       role: "checkbox",
-      "aria-checked": props.value === true
+      "aria-checked": ariaChecked,
+      "aria-labelledby": props['aria-labelledby'],
+      "aria-label": props['aria-label']
     }, /*#__PURE__*/React__namespace.createElement("span", {
       className: iconClassName
-    }))), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+    })), focusedState && /*#__PURE__*/React__namespace.createElement("span", {
+      className: "p-sr-only",
+      "aria-live": "polite"
+    }, ariaValueLabel)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
     }, props.tooltipOptions)));
@@ -193,16 +194,16 @@ this.primereact.tristatecheckbox = (function (exports, React, tooltip, utils) {
   TriStateCheckbox.defaultProps = {
     __TYPE: 'TriStateCheckbox',
     id: null,
-    inputRef: null,
-    inputId: null,
     value: null,
-    name: null,
     style: null,
     className: null,
     disabled: false,
+    readOnly: false,
+    tabIndex: "0",
+    'aria-label': null,
+    'aria-labelledby': null,
     tooltip: null,
     tooltipOptions: null,
-    ariaLabelledBy: null,
     onChange: null
   };
 
@@ -212,4 +213,4 @@ this.primereact.tristatecheckbox = (function (exports, React, tooltip, utils) {
 
   return exports;
 
-})({}, React, primereact.tooltip, primereact.utils);
+})({}, React, primereact.tooltip, primereact.api, primereact.utils);

package/tristatecheckbox/tristatecheckbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tristatecheckbox=function(e,t,n,r){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=l(t);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function o(e){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=[],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 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 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 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 l,u,d=a.useState(!1),m=(u=2,o(l=d)||c(l,u)||s(l,u)||f()),b=m[0],v=m[1],h=a.useRef(null),y=a.useRef(e.inputRef),g=function(t){var n;null==e.value?n=!0:!0===e.value?n=!1:!1===e.value&&(n=null),e.onChange&&e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})};a.useEffect((function(){r.ObjectUtils.combinedRefs(y,e.inputRef)}),[y,e.inputRef]);var O=r.ObjectUtils.isNotEmpty(e.tooltip),k=r.ObjectUtils.findDiffKeys(e,p.defaultProps),j=r.classNames("p-tristatecheckbox p-checkbox p-component",e.className),E=r.classNames("p-checkbox-box",{"p-highlight":(e.value||!e.value)&&null!==e.value,"p-disabled":e.disabled,"p-focus":b}),x=r.classNames("p-checkbox-icon p-c",{"pi pi-check":!0===e.value,"pi pi-times":!1===e.value});return a.createElement(a.Fragment,null,a.createElement("div",i({ref:h,id:e.id,className:j,style:e.style},k,{onClick:function(t){e.disabled||(g(t),y.current.focus())}}),a.createElement("div",{className:"p-hidden-accessible"},a.createElement("input",{ref:y,type:"checkbox","aria-labelledby":e.ariaLabelledBy,id:e.inputId,name:e.name,onFocus:function(){v(!0)},onBlur:function(){v(!1)},disabled:e.disabled,defaultChecked:e.value})),a.createElement("div",{className:E,role:"checkbox","aria-checked":!0===e.value},a.createElement("span",{className:x}))),O&&a.createElement(n.Tooltip,i({target:h,content:e.tooltip},e.tooltipOptions)))})));return p.displayName="TriStateCheckbox",p.defaultProps={__TYPE:"TriStateCheckbox",id:null,inputRef:null,inputId:null,value:null,name:null,style:null,className:null,disabled:!1,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null},e.TriStateCheckbox=p,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.tristatecheckbox=function(e,t,a,l,r){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var i=n(t);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},o.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function u(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var l,r,n=[],i=!0,o=!1;try{for(a=a.call(e);!(i=(l=a.next()).done)&&(n.push(l.value),!t||n.length!==t);i=!0);}catch(e){o=!0,r=e}finally{try{i||null==a.return||a.return()}finally{if(o)throw r}}return n}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,l=new Array(t);a<t;a++)l[a]=e[a];return l}function p(e,t){if(e){if("string"==typeof e)return s(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?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 b=i.memo(i.forwardRef((function(e,t){var n,s,d=i.useState(!1),m=(s=2,c(n=d)||u(n,s)||p(n,s)||f()),v=m[0],y=m[1],h=i.useRef(null),g=function(t){var a;null==e.value?a=!0:!0===e.value?a=!1:!1===e.value&&(a=null),e.onChange&&e.onChange({originalEvent:t,value:a,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:a}})},O=r.ObjectUtils.isNotEmpty(e.tooltip),k=r.ObjectUtils.findDiffKeys(e,b.defaultProps),x=r.classNames("p-tristatecheckbox p-checkbox p-component",e.className),j=r.classNames("p-checkbox-box",{"p-highlight":(e.value||!e.value)&&null!==e.value,"p-disabled":e.disabled,"p-focus":v}),E=r.classNames("p-checkbox-icon p-c",{"pi pi-check":!0===e.value,"pi pi-times":!1===e.value}),N=l.ariaLabel(e.value?"trueLabel":!1===e.value?"falseLabel":"nullLabel"),C=e.value?"true":"false";return i.createElement(i.Fragment,null,i.createElement("div",o({ref:h,id:e.id,className:x,style:e.style},k,{onClick:function(t){e.disabled||e.readOnly||g(t)}}),i.createElement("div",{className:j,tabIndex:e.tabIndex,onFocus:function(){y(!0)},onBlur:function(){y(!1)},onKeyDown:function(e){32===e.keyCode&&(g(e),e.preventDefault())},role:"checkbox","aria-checked":C,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"]},i.createElement("span",{className:E})),v&&i.createElement("span",{className:"p-sr-only","aria-live":"polite"},N)),O&&i.createElement(a.Tooltip,o({target:h,content:e.tooltip},e.tooltipOptions)))})));return b.displayName="TriStateCheckbox",b.defaultProps={__TYPE:"TriStateCheckbox",id:null,value:null,style:null,className:null,disabled:!1,readOnly:!1,tabIndex:"0","aria-label":null,"aria-labelledby":null,tooltip:null,tooltipOptions:null,onChange:null},e.TriStateCheckbox=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.api,primereact.utils);

package/web-types.json

@@ -1,7 +1,7 @@
 {
     "framework": "React",
     "name": "PrimeReact",
-    "version": "8.0.0-rc.2",
+    "version": "8.1.0",
     "tags": [
         {
             "name": "Accordion",
@@ -814,7 +814,7 @@
                 },
                 {
                     "name": "model",
-                    "type": "array",
+                    "type": "MenuItem[]",
                     "default": "null",
                     "description": "An array of menuitems."
                 },
@@ -1994,7 +1994,7 @@
                     "name": "readOnly",
                     "type": "boolean",
                     "default": "false",
-                    "description": "When present, it specifies that the element cannot be typed."
+                    "description": "When present, it specifies that the value cannot be changed."
                 },
                 {
                     "name": "tabIndex",
@@ -2722,8 +2722,14 @@
                 {
                     "name": "reorderable",
                     "type": "boolean",
-                    "default": "null",
+                    "default": "true",
                     "description": "Used to defined reorderableColumns per column when reorderableColumns of table is enabled, defaults to value of reorderableColumns."
+                },
+                {
+                    "name": "resizeable",
+                    "type": "boolean",
+                    "default": "true",
+                    "description": "Used to defined resizeableColumns per column when resizeableColumns of table is enabled, defaults to value of resizeableColumns."
                 }
             ],
             "events": [
@@ -5755,6 +5761,17 @@
                         }
                     ]
                 },
+                {
+                    "name": "onBeforeDrop",
+                    "description": "Callback to invoke before files dropped. Return false from callback to prevent drop.",
+                    "arguments": [
+                        {
+                            "name": "event.originalEvent",
+                            "type": "object",
+                            "description": "Original browser event."
+                        }
+                    ]
+                },
                 {
                     "name": "onUpload",
                     "description": "Callback to invoke when file upload is complete.",
@@ -7325,6 +7342,12 @@
                     "default": "undefined",
                     "description": "Locale to use in filtering. The default locale is the host environment's current locale."
                 },
+                {
+                    "name": "filterInputProps",
+                    "type": "object",
+                    "default": "undefined",
+                    "description": "Props for the filter input, any prop is passed implicity to the filter input element."
+                },
                 {
                     "name": "tabIndex",
                     "type": "number",
@@ -8260,12 +8283,6 @@
                     "default": "null",
                     "description": "Unique identifier of the element."
                 },
-                {
-                    "name": "inputId",
-                    "type": "string",
-                    "default": "null",
-                    "description": "Unique identifier of the native checkbox element."
-                },
                 {
                     "name": "value",
                     "type": "any",
@@ -8284,6 +8301,12 @@
                     "default": "null",
                     "description": "Property name to use as the value of an option, defaults to the option itself when not defined."
                 },
+                {
+                    "name": "optionLabel",
+                    "type": "string",
+                    "default": "null",
+                    "description": "Property name to refer to the option label, used by screen readers only. Defaults to optionValue."
+                },
                 {
                     "name": "iconTemplate",
                     "type": "any",
@@ -8291,10 +8314,10 @@
                     "description": "Template of icon for the selected option."
                 },
                 {
-                    "name": "name",
+                    "name": "dataKey",
                     "type": "string",
                     "default": "null",
-                    "description": "Name of the checkbox element ."
+                    "description": "A property to uniquely match the value in options for better performance."
                 },
                 {
                     "name": "style",
@@ -8318,7 +8341,7 @@
                     "name": "readOnly",
                     "type": "boolean",
                     "default": "false",
-                    "description": "When present, it specifies that the element value cannot be altered."
+                    "description": "When present, it specifies that the value cannot be changed."
                 },
                 {
                     "name": "empty",
@@ -8337,18 +8360,6 @@
                     "type": "object",
                     "default": "null",
                     "description": "Configuration of the tooltip, refer to the tooltip documentation for more information."
-                },
-                {
-                    "name": "ariaLabelledBy",
-                    "type": "string",
-                    "default": "null",
-                    "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
-                },
-                {
-                    "name": "dataKey",
-                    "type": "string",
-                    "default": "null",
-                    "description": "A property to uniquely match the value in options for better performance."
                 }
             ],
             "events": [
@@ -9167,7 +9178,19 @@
                     "name": "itemTemplate",
                     "type": "function",
                     "default": "null",
-                    "description": "Function that gets the option and returns the content for it."
+                    "description": "Template function that gets the options for both source and target items and returns the content for it."
+                },
+                {
+                    "name": "sourceItemTemplate",
+                    "type": "function",
+                    "default": "null",
+                    "description": "Template function that gets the options for the source items and returns the content for it."
+                },
+                {
+                    "name": "targetItemTemplate",
+                    "type": "function",
+                    "default": "null",
+                    "description": "Template function that gets the options for the target items and returns the content for it."
                 },
                 {
                     "name": "metaKeySelection",
@@ -9508,12 +9531,6 @@
                     "type": "object",
                     "default": "null",
                     "description": "Configuration of the tooltip, refer to the tooltip documentation for more information."
-                },
-                {
-                    "name": "ariaLabelledBy",
-                    "type": "string",
-                    "default": "null",
-                    "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
                 }
             ],
             "events": [
@@ -9833,12 +9850,6 @@
                     "default": "null",
                     "description": "Configuration of the tooltip, refer to the tooltip documentation for more information."
                 },
-                {
-                    "name": "ariaLabelledBy",
-                    "type": "string",
-                    "default": "null",
-                    "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
-                },
                 {
                     "name": "itemTemplate",
                     "type": "function",
@@ -10231,12 +10242,6 @@
                     "type": "number",
                     "default": "null",
                     "description": "Index of the element in tabbing order."
-                },
-                {
-                    "name": "ariaLabelledBy",
-                    "type": "string",
-                    "default": "null",
-                    "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
                 }
             ],
             "events": [
@@ -10509,6 +10514,18 @@
                     "default": "null",
                     "description": "ClassName class of menu dropdown button."
                 },
+                {
+                    "name": "buttonProps",
+                    "type": "object",
+                    "default": "undefined",
+                    "description": "Props for the main button, any prop is passed implicity to the button element."
+                },
+                {
+                    "name": "menuButtonProps",
+                    "type": "object",
+                    "default": "undefined",
+                    "description": "Props for the dropdown button, any prop is passed implicity to the dropdown button element."
+                },
                 {
                     "name": "tabIndex",
                     "type": "number",
@@ -11408,12 +11425,6 @@
                     "type": "object",
                     "default": "null",
                     "description": "Configuration of the tooltip, refer to the tooltip documentation for more information."
-                },
-                {
-                    "name": "ariaLabelledBy",
-                    "type": "string",
-                    "default": "null",
-                    "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
                 }
             ],
             "events": [
@@ -13049,24 +13060,12 @@
                     "default": "null",
                     "description": "Unique identifier of the element."
                 },
-                {
-                    "name": "inputId",
-                    "type": "string",
-                    "default": "null",
-                    "description": "Unique identifier of the native checkbox element."
-                },
                 {
                     "name": "value",
                     "type": "any",
                     "default": "null",
                     "description": "Value of the TriStateCheckbox."
                 },
-                {
-                    "name": "name",
-                    "type": "string",
-                    "default": "null",
-                    "description": "Name of the checkbox element ."
-                },
                 {
                     "name": "style",
                     "type": "string",
@@ -13085,6 +13084,18 @@
                     "default": "false",
                     "description": "When present, it specifies that the element value cannot be altered."
                 },
+                {
+                    "name": "readOnly",
+                    "type": "boolean",
+                    "default": "false",
+                    "description": "When present, it specifies that the value cannot be changed."
+                },
+                {
+                    "name": "tabIndex",
+                    "type": "number",
+                    "default": "0",
+                    "description": "Index of the element in tabbing order."
+                },
                 {
                     "name": "tooltip",
                     "type": "any",
@@ -13096,12 +13107,6 @@
                     "type": "object",
                     "default": "null",
                     "description": "Configuration of the tooltip, refer to the tooltip documentation for more information."
-                },
-                {
-                    "name": "ariaLabelledBy",
-                    "type": "string",
-                    "default": "null",
-                    "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
                 }
             ],
             "events": [