primereact 9.3.1 → 9.5.0

package/tristatecheckbox/tristatecheckbox.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/tooltip"),n=require("primereact/utils"),l=require("primereact/icons/times"),a=require("primereact/icons/check");function o(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 c=o(e);function i(){return i=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},i.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function s(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,a,o,c=[],i=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=a.call(r)).done)&&(c.push(n.value),c.length!==t);i=!0);}catch(e){u=!0,l=e}finally{try{if(!i&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw l}}return c}}function p(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 f(e,t){if(e){if("string"==typeof e)return p(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)?p(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 b={defaultProps:{__TYPE:"TriStateCheckbox",id:null,value:null,style:null,className:null,disabled:!1,readOnly:!1,tabIndex:"0",tooltip:null,checkIcon:null,uncheckIcon:null,tooltipOptions:null,onChange:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,b.defaultProps)}},m=c.memo(c.forwardRef((function(e,o){var p,m,v=b.getProps(e),h=c.useState(!1),y=(m=2,u(p=h)||s(p,m)||f(p,m)||d()),g=y[0],O=y[1],k=c.useRef(null),j=function(e){var t;null==v.value?t=!0:!0===v.value?t=!1:!1===v.value&&(t=null),v.onChange&&v.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:v.name,id:v.id,value:t}})};c.useImperativeHandle(o,(function(){return{props:v,focus:function(){return n.DomHandler.focusFirstElement(k.current)},getElement:function(){return k.current}}}));var P,x=n.ObjectUtils.isNotEmpty(v.tooltip),I=b.getOtherProps(v),E=n.ObjectUtils.reduceKeys(I,n.DomHandler.ARIA_PROPS),N=n.classNames("p-tristatecheckbox p-checkbox p-component",v.className,{"p-checkbox-disabled":v.disabled}),S=n.classNames("p-checkbox-box",{"p-highlight":(v.value||!v.value)&&null!==v.value,"p-disabled":v.disabled,"p-focus":g}),C="p-checkbox-icon p-c";!1===v.value?P=v.uncheckIcon||c.createElement(l.TimesIcon,{className:C}):!0===v.value&&(P=v.checkIcon||c.createElement(a.CheckIcon,{className:C}));var w=n.IconUtils.getJSXIcon(P,{className:C},{props:v}),A=t.ariaLabel(v.value?"trueLabel":!1===v.value?"falseLabel":"nullLabel"),D=v.value?"true":"false";return c.createElement(c.Fragment,null,c.createElement("div",i({ref:k,id:v.id,className:N,style:v.style},I,{onClick:function(e){v.disabled||v.readOnly||j(e)}}),c.createElement("div",i({className:S,tabIndex:v.tabIndex,onFocus:function(){O(!0)},onBlur:function(){O(!1)},onKeyDown:function(e){32===e.keyCode&&(j(e),e.preventDefault())},role:"checkbox","aria-checked":D},E),w),g&&c.createElement("span",{className:"p-sr-only","aria-live":"polite"},A)),x&&c.createElement(r.Tooltip,i({target:k,content:v.tooltip},v.tooltipOptions)))})));m.displayName="TriStateCheckbox",exports.TriStateCheckbox=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/hooks"),n=require("primereact/icons/check"),a=require("primereact/icons/times"),o=require("primereact/tooltip"),l=require("primereact/utils");function c(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 i=c(e);function u(){return u=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},u.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function p(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,l,c=[],i=!0,u=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=o.call(r)).done)&&(c.push(n.value),c.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{if(!i&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw a}}return c}}function f(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 d(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b={defaultProps:{__TYPE:"TriStateCheckbox",autoFocus:!1,checkIcon:null,className:null,disabled:!1,id:null,onChange:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,uncheckIcon:null,value:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,b.defaultProps)}},v=i.memo(i.forwardRef((function(e,c){var f,v,h=b.getProps(e),y=i.useState(!1),g=(v=2,s(f=y)||p(f,v)||d(f,v)||m()),O=g[0],k=g[1],j=i.useRef(null),P=function(e){var t;null==h.value?t=!0:!0===h.value?t=!1:!1===h.value&&(t=null),h.onChange&&h.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:h.name,id:h.id,value:t}})};i.useImperativeHandle(c,(function(){return{props:h,focus:function(){return l.DomHandler.focusFirstElement(j.current)},getElement:function(){return j.current}}})),r.useMountEffect((function(){h.autoFocus&&l.DomHandler.focusFirstElement(j.current)}));var E,x=l.ObjectUtils.isNotEmpty(h.tooltip),I=b.getOtherProps(h),N=l.ObjectUtils.reduceKeys(I,l.DomHandler.ARIA_PROPS),S=l.classNames("p-tristatecheckbox p-checkbox p-component",h.className,{"p-checkbox-disabled":h.disabled}),C=l.classNames("p-checkbox-box",{"p-highlight":l.ObjectUtils.isNotEmpty(h.value),"p-disabled":h.disabled,"p-focus":O}),D="p-checkbox-icon p-c";!1===h.value?E=h.uncheckIcon||i.createElement(a.TimesIcon,{className:D}):!0===h.value&&(E=h.checkIcon||i.createElement(n.CheckIcon,{className:D}));var w=l.IconUtils.getJSXIcon(E,{className:D},{props:h}),A=t.ariaLabel(h.value?"trueLabel":!1===h.value?"falseLabel":"nullLabel"),q=h.value?"true":"false";return i.createElement(i.Fragment,null,i.createElement("div",u({ref:j,id:h.id,className:S,style:h.style},I,{onClick:function(e){h.disabled||h.readOnly||P(e)}}),i.createElement("div",u({className:C,tabIndex:h.tabIndex,onFocus:function(){k(!0)},onBlur:function(){k(!1)},onKeyDown:function(e){32===e.keyCode&&(P(e),e.preventDefault())},role:"checkbox","aria-checked":q},N),w),O&&i.createElement("span",{className:"p-sr-only","aria-live":"polite"},A)),x&&i.createElement(o.Tooltip,u({target:j,content:h.tooltip},h.tooltipOptions)))})));v.displayName="TriStateCheckbox",exports.TriStateCheckbox=v;

package/tristatecheckbox/tristatecheckbox.d.ts

@@ -25,6 +25,11 @@ interface TriStateCheckboxChangeEvent extends FormEvent<boolean> {}
  * @group Properties
  */
 export interface TriStateCheckboxProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'value' | 'ref'> {
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @defaultValue false
+     */
+    autoFocus?: boolean | undefined;
     /**
      * Value of the TriStateCheckbox.
      */

package/tristatecheckbox/tristatecheckbox.esm.js

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import { ariaLabel } from 'primereact/api';
+import { useMountEffect } from 'primereact/hooks';
+import { CheckIcon } from 'primereact/icons/check';
+import { TimesIcon } from 'primereact/icons/times';
 import { Tooltip } from 'primereact/tooltip';
 import { ObjectUtils, DomHandler, classNames, IconUtils } from 'primereact/utils';
-import { TimesIcon } from 'primereact/icons/times';
-import { CheckIcon } from 'primereact/icons/check';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -78,18 +79,19 @@ function _slicedToArray(arr, i) {
 var TriStateCheckboxBase = {
   defaultProps: {
     __TYPE: 'TriStateCheckbox',
-    id: null,
-    value: null,
-    style: null,
+    autoFocus: false,
+    checkIcon: null,
     className: null,
     disabled: false,
+    id: null,
+    onChange: null,
     readOnly: false,
+    style: null,
     tabIndex: '0',
     tooltip: null,
-    checkIcon: null,
-    uncheckIcon: null,
     tooltipOptions: null,
-    onChange: null,
+    uncheckIcon: null,
+    value: null,
     children: undefined
   },
   getProps: function getProps(props) {
@@ -119,8 +121,12 @@ var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
       props.onChange({
         originalEvent: event,
         value: newValue,
-        stopPropagation: function stopPropagation() {},
-        preventDefault: function preventDefault() {},
+        stopPropagation: function stopPropagation() {
+          event.stopPropagation();
+        },
+        preventDefault: function preventDefault() {
+          event.preventDefault();
+        },
         target: {
           name: props.name,
           id: props.id,
@@ -152,6 +158,11 @@ var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
       }
     };
   });
+  useMountEffect(function () {
+    if (props.autoFocus) {
+      DomHandler.focusFirstElement(elementRef.current);
+    }
+  });
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = TriStateCheckboxBase.getOtherProps(props);
   var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
@@ -159,7 +170,7 @@ var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
     'p-checkbox-disabled': props.disabled
   });
   var boxClassName = classNames('p-checkbox-box', {
-    'p-highlight': (props.value || !props.value) && props.value !== null,
+    'p-highlight': ObjectUtils.isNotEmpty(props.value),
     'p-disabled': props.disabled,
     'p-focus': focusedState
   });

package/tristatecheckbox/tristatecheckbox.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ariaLabel as t}from"primereact/api";import{Tooltip as r}from"primereact/tooltip";import{ObjectUtils as n,DomHandler as l,classNames as o,IconUtils as a}from"primereact/utils";import{TimesIcon as c}from"primereact/icons/times";import{CheckIcon as i}from"primereact/icons/check";function u(){return u=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},u.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function p(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,a,c=[],i=!0,u=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=o.call(r)).done)&&(c.push(n.value),c.length!==t);i=!0);}catch(e){u=!0,l=e}finally{try{if(!i&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw l}}return c}}function f(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 m(e,t){if(e){if("string"==typeof e)return f(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)?f(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 v={defaultProps:{__TYPE:"TriStateCheckbox",id:null,value:null,style:null,className:null,disabled:!1,readOnly:!1,tabIndex:"0",tooltip:null,checkIcon:null,uncheckIcon:null,tooltipOptions:null,onChange:null,children:void 0},getProps:function(e){return n.getMergedProps(e,v.defaultProps)},getOtherProps:function(e){return n.getDiffProps(e,v.defaultProps)}},b=e.memo(e.forwardRef((function(f,b){var h,y,g=v.getProps(f),k=e.useState(!1),O=(y=2,s(h=k)||p(h,y)||m(h,y)||d()),x=O[0],P=O[1],E=e.useRef(null),I=function(e){var t;null==g.value?t=!0:!0===g.value?t=!1:!1===g.value&&(t=null),g.onChange&&g.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:g.name,id:g.id,value:t}})};e.useImperativeHandle(b,(function(){return{props:g,focus:function(){return l.focusFirstElement(E.current)},getElement:function(){return E.current}}}));var N,S=n.isNotEmpty(g.tooltip),j=v.getOtherProps(g),A=n.reduceKeys(j,l.ARIA_PROPS),C=o("p-tristatecheckbox p-checkbox p-component",g.className,{"p-checkbox-disabled":g.disabled}),w=o("p-checkbox-box",{"p-highlight":(g.value||!g.value)&&null!==g.value,"p-disabled":g.disabled,"p-focus":x}),D="p-checkbox-icon p-c";!1===g.value?N=g.uncheckIcon||e.createElement(c,{className:D}):!0===g.value&&(N=g.checkIcon||e.createElement(i,{className:D}));var R=a.getJSXIcon(N,{className:D},{props:g}),T=t(g.value?"trueLabel":!1===g.value?"falseLabel":"nullLabel"),F=g.value?"true":"false";return e.createElement(e.Fragment,null,e.createElement("div",u({ref:E,id:g.id,className:C,style:g.style},j,{onClick:function(e){g.disabled||g.readOnly||I(e)}}),e.createElement("div",u({className:w,tabIndex:g.tabIndex,onFocus:function(){P(!0)},onBlur:function(){P(!1)},onKeyDown:function(e){32===e.keyCode&&(I(e),e.preventDefault())},role:"checkbox","aria-checked":F},A),R),x&&e.createElement("span",{className:"p-sr-only","aria-live":"polite"},T)),S&&e.createElement(r,u({target:E,content:g.tooltip},g.tooltipOptions)))})));b.displayName="TriStateCheckbox";export{b as TriStateCheckbox};
+import*as e from"react";import{ariaLabel as t}from"primereact/api";import{useMountEffect as r}from"primereact/hooks";import{CheckIcon as n}from"primereact/icons/check";import{TimesIcon as o}from"primereact/icons/times";import{Tooltip as a}from"primereact/tooltip";import{ObjectUtils as l,DomHandler as c,classNames as i,IconUtils as u}from"primereact/utils";function s(){return s=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},s.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,l,c=[],i=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=a.call(r)).done)&&(c.push(n.value),c.length!==t);i=!0);}catch(e){u=!0,o=e}finally{try{if(!i&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return c}}function m(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 d(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}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 b={defaultProps:{__TYPE:"TriStateCheckbox",autoFocus:!1,checkIcon:null,className:null,disabled:!1,id:null,onChange:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,uncheckIcon:null,value:null,children:void 0},getProps:function(e){return l.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return l.getDiffProps(e,b.defaultProps)}},h=e.memo(e.forwardRef((function(m,h){var y,g,k=b.getProps(m),E=e.useState(!1),O=(g=2,p(y=E)||f(y,g)||d(y,g)||v()),P=O[0],x=O[1],I=e.useRef(null),N=function(e){var t;null==k.value?t=!0:!0===k.value?t=!1:!1===k.value&&(t=null),k.onChange&&k.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:k.name,id:k.id,value:t}})};e.useImperativeHandle(h,(function(){return{props:k,focus:function(){return c.focusFirstElement(I.current)},getElement:function(){return I.current}}})),r((function(){k.autoFocus&&c.focusFirstElement(I.current)}));var S,j=l.isNotEmpty(k.tooltip),A=b.getOtherProps(k),C=l.reduceKeys(A,c.ARIA_PROPS),w=i("p-tristatecheckbox p-checkbox p-component",k.className,{"p-checkbox-disabled":k.disabled}),F=i("p-checkbox-box",{"p-highlight":l.isNotEmpty(k.value),"p-disabled":k.disabled,"p-focus":P}),D="p-checkbox-icon p-c";!1===k.value?S=k.uncheckIcon||e.createElement(o,{className:D}):!0===k.value&&(S=k.checkIcon||e.createElement(n,{className:D}));var R=u.getJSXIcon(S,{className:D},{props:k}),T=t(k.value?"trueLabel":!1===k.value?"falseLabel":"nullLabel"),L=k.value?"true":"false";return e.createElement(e.Fragment,null,e.createElement("div",s({ref:I,id:k.id,className:w,style:k.style},A,{onClick:function(e){k.disabled||k.readOnly||N(e)}}),e.createElement("div",s({className:F,tabIndex:k.tabIndex,onFocus:function(){x(!0)},onBlur:function(){x(!1)},onKeyDown:function(e){32===e.keyCode&&(N(e),e.preventDefault())},role:"checkbox","aria-checked":L},C),R),P&&e.createElement("span",{className:"p-sr-only","aria-live":"polite"},T)),j&&e.createElement(a,s({target:I,content:k.tooltip},k.tooltipOptions)))})));h.displayName="TriStateCheckbox";export{h as TriStateCheckbox};

package/tristatecheckbox/tristatecheckbox.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.tristatecheckbox = (function (exports, React, api, tooltip, utils, times, check) {
+this.primereact.tristatecheckbox = (function (exports, React, api, hooks, check, times, tooltip, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -95,18 +95,19 @@ this.primereact.tristatecheckbox = (function (exports, React, api, tooltip, util
   var TriStateCheckboxBase = {
     defaultProps: {
       __TYPE: 'TriStateCheckbox',
-      id: null,
-      value: null,
-      style: null,
+      autoFocus: false,
+      checkIcon: null,
       className: null,
       disabled: false,
+      id: null,
+      onChange: null,
       readOnly: false,
+      style: null,
       tabIndex: '0',
       tooltip: null,
-      checkIcon: null,
-      uncheckIcon: null,
       tooltipOptions: null,
-      onChange: null,
+      uncheckIcon: null,
+      value: null,
       children: undefined
     },
     getProps: function getProps(props) {
@@ -136,8 +137,12 @@ this.primereact.tristatecheckbox = (function (exports, React, api, tooltip, util
         props.onChange({
           originalEvent: event,
           value: newValue,
-          stopPropagation: function stopPropagation() {},
-          preventDefault: function preventDefault() {},
+          stopPropagation: function stopPropagation() {
+            event.stopPropagation();
+          },
+          preventDefault: function preventDefault() {
+            event.preventDefault();
+          },
           target: {
             name: props.name,
             id: props.id,
@@ -169,6 +174,11 @@ this.primereact.tristatecheckbox = (function (exports, React, api, tooltip, util
         }
       };
     });
+    hooks.useMountEffect(function () {
+      if (props.autoFocus) {
+        utils.DomHandler.focusFirstElement(elementRef.current);
+      }
+    });
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = TriStateCheckboxBase.getOtherProps(props);
     var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
@@ -176,7 +186,7 @@ this.primereact.tristatecheckbox = (function (exports, React, api, tooltip, util
       'p-checkbox-disabled': props.disabled
     });
     var boxClassName = utils.classNames('p-checkbox-box', {
-      'p-highlight': (props.value || !props.value) && props.value !== null,
+      'p-highlight': utils.ObjectUtils.isNotEmpty(props.value),
       'p-disabled': props.disabled,
       'p-focus': focusedState
     });
@@ -229,4 +239,4 @@ this.primereact.tristatecheckbox = (function (exports, React, api, tooltip, util
 
   return exports;
 
-})({}, React, primereact.api, primereact.tooltip, primereact.utils, primereact.icons.times, primereact.icons.check);
+})({}, React, primereact.api, primereact.hooks, primereact.icons.check, primereact.icons.times, primereact.tooltip, primereact.utils);

package/tristatecheckbox/tristatecheckbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tristatecheckbox=function(e,t,r,n,a,l,o){"use strict";function c(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 i=c(t);function u(){return u=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},u.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function p(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,l,o,c=[],i=!0,u=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=l.call(r)).done)&&(c.push(n.value),c.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{if(!i&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return c}}function f(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 d(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b={defaultProps:{__TYPE:"TriStateCheckbox",id:null,value:null,style:null,className:null,disabled:!1,readOnly:!1,tabIndex:"0",tooltip:null,checkIcon:null,uncheckIcon:null,tooltipOptions:null,onChange:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,b.defaultProps)}},h=i.memo(i.forwardRef((function(e,t){var c,f,h=b.getProps(e),v=i.useState(!1),y=(f=2,s(c=v)||p(c,f)||d(c,f)||m()),g=y[0],O=y[1],k=i.useRef(null),j=function(e){var t;null==h.value?t=!0:!0===h.value?t=!1:!1===h.value&&(t=null),h.onChange&&h.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:h.name,id:h.id,value:t}})};i.useImperativeHandle(t,(function(){return{props:h,focus:function(){return a.DomHandler.focusFirstElement(k.current)},getElement:function(){return k.current}}}));var P,I=a.ObjectUtils.isNotEmpty(h.tooltip),x=b.getOtherProps(h),E=a.ObjectUtils.reduceKeys(x,a.DomHandler.ARIA_PROPS),N=a.classNames("p-tristatecheckbox p-checkbox p-component",h.className,{"p-checkbox-disabled":h.disabled}),S=a.classNames("p-checkbox-box",{"p-highlight":(h.value||!h.value)&&null!==h.value,"p-disabled":h.disabled,"p-focus":g}),C="p-checkbox-icon p-c";!1===h.value?P=h.uncheckIcon||i.createElement(l.TimesIcon,{className:C}):!0===h.value&&(P=h.checkIcon||i.createElement(o.CheckIcon,{className:C}));var w=a.IconUtils.getJSXIcon(P,{className:C},{props:h}),A=r.ariaLabel(h.value?"trueLabel":!1===h.value?"falseLabel":"nullLabel"),D=h.value?"true":"false";return i.createElement(i.Fragment,null,i.createElement("div",u({ref:k,id:h.id,className:N,style:h.style},x,{onClick:function(e){h.disabled||h.readOnly||j(e)}}),i.createElement("div",u({className:S,tabIndex:h.tabIndex,onFocus:function(){O(!0)},onBlur:function(){O(!1)},onKeyDown:function(e){32===e.keyCode&&(j(e),e.preventDefault())},role:"checkbox","aria-checked":D},E),w),g&&i.createElement("span",{className:"p-sr-only","aria-live":"polite"},A)),I&&i.createElement(n.Tooltip,u({target:k,content:h.tooltip},h.tooltipOptions)))})));return h.displayName="TriStateCheckbox",e.TriStateCheckbox=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.tooltip,primereact.utils,primereact.icons.times,primereact.icons.check);
+this.primereact=this.primereact||{},this.primereact.tristatecheckbox=function(e,t,r,n,a,o,l,c){"use strict";function i(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 u=i(t);function s(){return s=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},s.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,l,c=[],i=!0,u=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=o.call(r)).done)&&(c.push(n.value),c.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{if(!i&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw a}}return c}}function d(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 m(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function b(){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 h={defaultProps:{__TYPE:"TriStateCheckbox",autoFocus:!1,checkIcon:null,className:null,disabled:!1,id:null,onChange:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,uncheckIcon:null,value:null,children:void 0},getProps:function(e){return c.ObjectUtils.getMergedProps(e,h.defaultProps)},getOtherProps:function(e){return c.ObjectUtils.getDiffProps(e,h.defaultProps)}},v=u.memo(u.forwardRef((function(e,t){var i,d,v=h.getProps(e),y=u.useState(!1),g=(d=2,p(i=y)||f(i,d)||m(i,d)||b()),O=g[0],k=g[1],j=u.useRef(null),P=function(e){var t;null==v.value?t=!0:!0===v.value?t=!1:!1===v.value&&(t=null),v.onChange&&v.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:v.name,id:v.id,value:t}})};u.useImperativeHandle(t,(function(){return{props:v,focus:function(){return c.DomHandler.focusFirstElement(j.current)},getElement:function(){return j.current}}})),n.useMountEffect((function(){v.autoFocus&&c.DomHandler.focusFirstElement(j.current)}));var E,I=c.ObjectUtils.isNotEmpty(v.tooltip),x=h.getOtherProps(v),N=c.ObjectUtils.reduceKeys(x,c.DomHandler.ARIA_PROPS),S=c.classNames("p-tristatecheckbox p-checkbox p-component",v.className,{"p-checkbox-disabled":v.disabled}),C=c.classNames("p-checkbox-box",{"p-highlight":c.ObjectUtils.isNotEmpty(v.value),"p-disabled":v.disabled,"p-focus":O}),D="p-checkbox-icon p-c";!1===v.value?E=v.uncheckIcon||u.createElement(o.TimesIcon,{className:D}):!0===v.value&&(E=v.checkIcon||u.createElement(a.CheckIcon,{className:D}));var w=c.IconUtils.getJSXIcon(E,{className:D},{props:v}),A=r.ariaLabel(v.value?"trueLabel":!1===v.value?"falseLabel":"nullLabel"),T=v.value?"true":"false";return u.createElement(u.Fragment,null,u.createElement("div",s({ref:j,id:v.id,className:S,style:v.style},x,{onClick:function(e){v.disabled||v.readOnly||P(e)}}),u.createElement("div",s({className:C,tabIndex:v.tabIndex,onFocus:function(){k(!0)},onBlur:function(){k(!1)},onKeyDown:function(e){32===e.keyCode&&(P(e),e.preventDefault())},role:"checkbox","aria-checked":T},N),w),O&&u.createElement("span",{className:"p-sr-only","aria-live":"polite"},A)),I&&u.createElement(l.Tooltip,s({target:j,content:v.tooltip},v.tooltipOptions)))})));return v.displayName="TriStateCheckbox",e.TriStateCheckbox=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.icons.check,primereact.icons.times,primereact.tooltip,primereact.utils);