primereact 10.8.2 → 10.8.4

package/tristatecheckbox/tristatecheckbox.cjs.js

@@ -88,12 +88,67 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+
+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];
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
 var classes = {
   root: function root(_ref) {
     var props = _ref.props,
       context = _ref.context;
     return utils.classNames('p-tristatecheckbox p-checkbox p-component', {
-      'p-highlight': props.value !== null,
+      'p-highlight': props.value !== '' && props.value !== null,
       'p-disabled': props.disabled,
       'p-invalid': props.invalid,
       'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
@@ -120,7 +175,7 @@ var TriStateCheckboxBase = componentbase.ComponentBase.extend({
     tooltip: null,
     tooltipOptions: null,
     uncheckIcon: null,
-    value: null,
+    value: '',
     children: undefined
   },
   css: {
@@ -130,10 +185,14 @@ var TriStateCheckboxBase = componentbase.ComponentBase.extend({
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var TriStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+var TriStateCheckbox = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = TriStateCheckboxBase.getProps(inProps, context);
+  var _useState = React.useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    checkBoxValue = _useState2[0],
+    setCheckBoxValue = _useState2[1];
   var elementRef = React__namespace.useRef(null);
   var _TriStateCheckboxBase = TriStateCheckboxBase.setMetaData({
       props: props
@@ -144,17 +203,24 @@ var TriStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
   componentbase.useHandleStyle(TriStateCheckboxBase.css.styles, isUnstyled, {
     name: 'tristatecheckbox'
   });
+  React.useEffect(function () {
+    if ([true, false, ''].includes(props.value)) {
+      setCheckBoxValue(props.value);
+    } else {
+      setCheckBoxValue('');
+    }
+  }, [props.value]);
   var onChange = function onChange(event) {
     if (props.disabled || props.readOnly) {
       return;
     }
     var newValue;
-    if (props.value === null || props.value === undefined) {
+    if (checkBoxValue === '') {
       newValue = true;
-    } else if (props.value === true) {
+    } else if (checkBoxValue === true) {
       newValue = false;
-    } else if (props.value === false) {
-      newValue = null;
+    } else if (checkBoxValue === false) {
+      newValue = '';
     }
     if (props.onChange) {
       props.onChange({
@@ -214,16 +280,16 @@ var TriStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
     className: cx('checkIcon')
   }, ptm('uncheckIcon'));
   var icon;
-  if (props.value === false) {
+  if (checkBoxValue === false) {
     icon = props.uncheckIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, uncheckIconProps);
-  } else if (props.value === true) {
+  } else if (checkBoxValue === true) {
     icon = props.checkIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, checkIconProps);
   }
   var checkIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, checkIconProps), {
     props: props
   });
-  var ariaValueLabel = props.value ? api.ariaLabel('trueLabel') : props.value === false ? api.ariaLabel('falseLabel') : api.ariaLabel('nullLabel');
-  var ariaChecked = props.value ? 'true' : 'false';
+  var ariaValueLabel = checkBoxValue ? api.ariaLabel('trueLabel') : checkBoxValue === false ? api.ariaLabel('falseLabel') : api.ariaLabel('nullLabel');
+  var ariaChecked = checkBoxValue ? 'true' : 'false';
   var boxProps = mergeProps(_objectSpread({
     className: cx('box'),
     tabIndex: props.disabled ? '-1' : props.tabIndex,
@@ -251,8 +317,8 @@ var TriStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
     'aria-invalid': props.invalid,
     disabled: props.disabled,
     readOnly: props.readOnly,
-    value: props.value,
-    checked: props.value,
+    value: checkBoxValue,
+    checked: checkBoxValue,
     onChange: onChange
   }, ptm('input'));
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({

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/componentbase"),n=require("primereact/hooks"),o=require("primereact/icons/check"),a=require("primereact/icons/times"),l=require("primereact/tooltip"),c=require("primereact/utils");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(e);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){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function d(e,t){if("object"!==p(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=d(e,"string");return"symbol"===p(t)?t:String(t)}var f=r.ComponentBase.extend({defaultProps:{__TYPE:"TriStateCheckbox",autoFocus:!1,checkIcon:null,className:null,disabled:!1,id:null,invalid:!1,variant:null,onChange:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,uncheckIcon:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props,r=e.context;return c.classNames("p-tristatecheckbox p-checkbox p-component",{"p-highlight":null!==t.value,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:r&&"filled"===r.inputStyle})},checkIcon:"p-checkbox-icon p-c",box:"p-checkbox-box",input:"p-checkbox-input"}}});function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){var n,o,a;n=e,a=r[t],(o=b(o=t))in n?Object.defineProperty(n,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var y=u.memo(u.forwardRef((function(e,i){var p=n.useMergeProps(),d=u.useContext(t.PrimeReactContext),b=f.getProps(e,d),m=u.useRef(null),y=f.setMetaData({props:b}),h=y.ptm,O=y.cx;r.useHandleStyle(f.css.styles,y.isUnstyled,{name:"tristatecheckbox"});var g=function(e){var t;b.disabled||b.readOnly||(null==b.value?t=!0:!0===b.value?t=!1:!1===b.value&&(t=null),b.onChange&&b.onChange({originalEvent:e,value:t,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:b.name,id:b.id,value:t}}))};u.useImperativeHandle(i,(function(){return{props:b,focus:function(){return c.DomHandler.focusFirstElement(m.current)},getElement:function(){return m.current}}})),n.useMountEffect((function(){b.autoFocus&&c.DomHandler.focusFirstElement(m.current)}));var k,x=c.ObjectUtils.isNotEmpty(b.tooltip),P=f.getOtherProps(b),j=c.ObjectUtils.reduceKeys(P,c.DomHandler.ARIA_PROPS),E=p({className:O("checkIcon")},h("checkIcon")),I=p({className:O("checkIcon")},h("uncheckIcon"));!1===b.value?k=b.uncheckIcon||u.createElement(a.TimesIcon,I):!0===b.value&&(k=b.checkIcon||u.createElement(o.CheckIcon,E));var S=c.IconUtils.getJSXIcon(k,v({},E),{props:b}),N=t.ariaLabel(b.value?"trueLabel":!1===b.value?"falseLabel":"nullLabel"),w=b.value?"true":"false",D=p(v({className:O("box"),tabIndex:b.disabled?"-1":b.tabIndex,onFocus:function(e){var t;null==b||null===(t=b.onFocus)||void 0===t||t.call(b,e)},onBlur:function(e){var t;null==b||null===(t=b.onBlur)||void 0===t||t.call(b,e)},onKeyDown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Space"!==e.code||(g(e),e.preventDefault())},role:"checkbox","aria-checked":w},j),h("box")),C=p({className:"p-sr-only p-hidden-accessible","aria-live":"polite"},h("srOnlyAria")),q=p({className:c.classNames(b.className,O("root",{context:d})),style:b.style,"data-p-disabled":b.disabled},f.getOtherProps(b),h("root")),F=p({id:b.inputId,className:O("input"),type:"checkbox","aria-invalid":b.invalid,disabled:b.disabled,readOnly:b.readOnly,value:b.value,checked:b.value,onChange:g},h("input"));return u.createElement(u.Fragment,null,u.createElement("div",s({id:b.id,ref:m},q),u.createElement("input",F),u.createElement("span",C,N),u.createElement("div",D,S)),x&&u.createElement(l.Tooltip,s({target:m,content:b.tooltip,pt:h("tooltip")},b.tooltipOptions)))})));y.displayName="TriStateCheckbox",exports.TriStateCheckbox=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/icons/check"),a=require("primereact/icons/times"),l=require("primereact/tooltip"),c=require("primereact/utils");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(e);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){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){if("object"!==p(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=f(e,"string");return"symbol"===p(t)?t:String(t)}function b(e){if(Array.isArray(e))return e}function m(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 y(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 v(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function h(){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 O=r.ComponentBase.extend({defaultProps:{__TYPE:"TriStateCheckbox",autoFocus:!1,checkIcon:null,className:null,disabled:!1,id:null,invalid:!1,variant:null,onChange:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,uncheckIcon:null,value:"",children:void 0},css:{classes:{root:function(e){var t=e.props,r=e.context;return c.classNames("p-tristatecheckbox p-checkbox p-component",{"p-highlight":""!==t.value&&null!==t.value,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:r&&"filled"===r.inputStyle})},checkIcon:"p-checkbox-icon p-c",box:"p-checkbox-box",input:"p-checkbox-input"}}});function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach((function(t){var n,o,a;n=e,a=r[t],(o=d(o=t))in n?Object.defineProperty(n,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var k=u.memo(u.forwardRef((function(i,p){var f,d,y=n.useMergeProps(),g=u.useContext(t.PrimeReactContext),k=O.getProps(i,g),x=e.useState(""),P=(d=2,b(f=x)||m(f,d)||v(f,d)||h()),S=P[0],E=P[1],I=u.useRef(null),w=O.setMetaData({props:k}),N=w.ptm,D=w.cx;r.useHandleStyle(O.css.styles,w.isUnstyled,{name:"tristatecheckbox"}),e.useEffect((function(){[!0,!1,""].includes(k.value)?E(k.value):E("")}),[k.value]);var C=function(e){var t;k.disabled||k.readOnly||(""===S?t=!0:!0===S?t=!1:!1===S&&(t=""),k.onChange&&k.onChange({originalEvent:e,value:t,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:k.name,id:k.id,value:t}}))};u.useImperativeHandle(p,(function(){return{props:k,focus:function(){return c.DomHandler.focusFirstElement(I.current)},getElement:function(){return I.current}}})),n.useMountEffect((function(){k.autoFocus&&c.DomHandler.focusFirstElement(I.current)}));var A,q=c.ObjectUtils.isNotEmpty(k.tooltip),T=O.getOtherProps(k),F=c.ObjectUtils.reduceKeys(T,c.DomHandler.ARIA_PROPS),_=y({className:D("checkIcon")},N("checkIcon")),M=y({className:D("checkIcon")},N("uncheckIcon"));!1===S?A=k.uncheckIcon||u.createElement(a.TimesIcon,M):!0===S&&(A=k.checkIcon||u.createElement(o.CheckIcon,_));var H=c.IconUtils.getJSXIcon(A,j({},_),{props:k}),R=t.ariaLabel(S?"trueLabel":!1===S?"falseLabel":"nullLabel"),U=S?"true":"false",L=y(j({className:D("box"),tabIndex:k.disabled?"-1":k.tabIndex,onFocus:function(e){var t;null==k||null===(t=k.onFocus)||void 0===t||t.call(k,e)},onBlur:function(e){var t;null==k||null===(t=k.onBlur)||void 0===t||t.call(k,e)},onKeyDown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Space"!==e.code||(C(e),e.preventDefault())},role:"checkbox","aria-checked":U},F),N("box")),B=y({className:"p-sr-only p-hidden-accessible","aria-live":"polite"},N("srOnlyAria")),K=y({className:c.classNames(k.className,D("root",{context:g})),style:k.style,"data-p-disabled":k.disabled},O.getOtherProps(k),N("root")),z=y({id:k.inputId,className:D("input"),type:"checkbox","aria-invalid":k.invalid,disabled:k.disabled,readOnly:k.readOnly,value:S,checked:S,onChange:C},N("input"));return u.createElement(u.Fragment,null,u.createElement("div",s({id:k.id,ref:I},K),u.createElement("input",z),u.createElement("span",B,R),u.createElement("div",L,H)),q&&u.createElement(l.Tooltip,s({target:I,content:k.tooltip,pt:N("tooltip")},k.tooltipOptions)))})));k.displayName="TriStateCheckbox",exports.TriStateCheckbox=k;

package/tristatecheckbox/tristatecheckbox.esm.js

@@ -1,5 +1,6 @@
 'use client';
 import * as React from 'react';
+import { useState, useEffect } from 'react';
 import { PrimeReactContext, ariaLabel } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { useMergeProps, useMountEffect } from 'primereact/hooks';
@@ -64,12 +65,67 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+
+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];
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
 var classes = {
   root: function root(_ref) {
     var props = _ref.props,
       context = _ref.context;
     return classNames('p-tristatecheckbox p-checkbox p-component', {
-      'p-highlight': props.value !== null,
+      'p-highlight': props.value !== '' && props.value !== null,
       'p-disabled': props.disabled,
       'p-invalid': props.invalid,
       'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
@@ -96,7 +152,7 @@ var TriStateCheckboxBase = ComponentBase.extend({
     tooltip: null,
     tooltipOptions: null,
     uncheckIcon: null,
-    value: null,
+    value: '',
     children: undefined
   },
   css: {
@@ -106,10 +162,14 @@ var TriStateCheckboxBase = ComponentBase.extend({
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+var TriStateCheckbox = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = TriStateCheckboxBase.getProps(inProps, context);
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    checkBoxValue = _useState2[0],
+    setCheckBoxValue = _useState2[1];
   var elementRef = React.useRef(null);
   var _TriStateCheckboxBase = TriStateCheckboxBase.setMetaData({
       props: props
@@ -120,17 +180,24 @@ var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
   useHandleStyle(TriStateCheckboxBase.css.styles, isUnstyled, {
     name: 'tristatecheckbox'
   });
+  useEffect(function () {
+    if ([true, false, ''].includes(props.value)) {
+      setCheckBoxValue(props.value);
+    } else {
+      setCheckBoxValue('');
+    }
+  }, [props.value]);
   var onChange = function onChange(event) {
     if (props.disabled || props.readOnly) {
       return;
     }
     var newValue;
-    if (props.value === null || props.value === undefined) {
+    if (checkBoxValue === '') {
       newValue = true;
-    } else if (props.value === true) {
+    } else if (checkBoxValue === true) {
       newValue = false;
-    } else if (props.value === false) {
-      newValue = null;
+    } else if (checkBoxValue === false) {
+      newValue = '';
     }
     if (props.onChange) {
       props.onChange({
@@ -190,16 +257,16 @@ var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
     className: cx('checkIcon')
   }, ptm('uncheckIcon'));
   var icon;
-  if (props.value === false) {
+  if (checkBoxValue === false) {
     icon = props.uncheckIcon || /*#__PURE__*/React.createElement(TimesIcon, uncheckIconProps);
-  } else if (props.value === true) {
+  } else if (checkBoxValue === true) {
     icon = props.checkIcon || /*#__PURE__*/React.createElement(CheckIcon, checkIconProps);
   }
   var checkIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, checkIconProps), {
     props: props
   });
-  var ariaValueLabel = props.value ? ariaLabel('trueLabel') : props.value === false ? ariaLabel('falseLabel') : ariaLabel('nullLabel');
-  var ariaChecked = props.value ? 'true' : 'false';
+  var ariaValueLabel = checkBoxValue ? ariaLabel('trueLabel') : checkBoxValue === false ? ariaLabel('falseLabel') : ariaLabel('nullLabel');
+  var ariaChecked = checkBoxValue ? 'true' : 'false';
   var boxProps = mergeProps(_objectSpread({
     className: cx('box'),
     tabIndex: props.disabled ? '-1' : props.tabIndex,
@@ -227,8 +294,8 @@ var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
     'aria-invalid': props.invalid,
     disabled: props.disabled,
     readOnly: props.readOnly,
-    value: props.value,
-    checked: props.value,
+    value: checkBoxValue,
+    checked: checkBoxValue,
     onChange: onChange
   }, ptm('input'));
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({

package/tristatecheckbox/tristatecheckbox.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t,ariaLabel as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{useMergeProps as l,useMountEffect as a}from"primereact/hooks";import{CheckIcon as c}from"primereact/icons/check";import{TimesIcon as i}from"primereact/icons/times";import{Tooltip as u}from"primereact/tooltip";import{classNames as p,DomHandler as s,ObjectUtils as m,IconUtils as f}from"primereact/utils";function d(){return d=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},d.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function v(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=v(e,"string");return"symbol"===b(t)?t:String(t)}var h=r.extend({defaultProps:{__TYPE:"TriStateCheckbox",autoFocus:!1,checkIcon:null,className:null,disabled:!1,id:null,invalid:!1,variant:null,onChange:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,uncheckIcon:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return p("p-tristatecheckbox p-checkbox p-component",{"p-highlight":null!==t.value,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})},checkIcon:"p-checkbox-icon p-c",box:"p-checkbox-box",input:"p-checkbox-input"}}});function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){var r,o,l;r=e,l=n[t],(o=y(o=t))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=e.memo(e.forwardRef((function(r,b){var v=l(),y=e.useContext(t),g=h.getProps(r,y),k=e.useRef(null),x=h.setMetaData({props:g}),P=x.ptm,E=x.cx;o(h.css.styles,x.isUnstyled,{name:"tristatecheckbox"});var j=function(e){var t;g.disabled||g.readOnly||(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(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:g.name,id:g.id,value:t}}))};e.useImperativeHandle(b,(function(){return{props:g,focus:function(){return s.focusFirstElement(k.current)},getElement:function(){return k.current}}})),a((function(){g.autoFocus&&s.focusFirstElement(k.current)}));var I,S=m.isNotEmpty(g.tooltip),w=h.getOtherProps(g),N=m.reduceKeys(w,s.ARIA_PROPS),D=v({className:E("checkIcon")},P("checkIcon")),C=v({className:E("checkIcon")},P("uncheckIcon"));!1===g.value?I=g.uncheckIcon||e.createElement(i,C):!0===g.value&&(I=g.checkIcon||e.createElement(c,D));var F=f.getJSXIcon(I,O({},D),{props:g}),R=n(g.value?"trueLabel":!1===g.value?"falseLabel":"nullLabel"),T=g.value?"true":"false",A=v(O({className:E("box"),tabIndex:g.disabled?"-1":g.tabIndex,onFocus:function(e){var t;null==g||null===(t=g.onFocus)||void 0===t||t.call(g,e)},onBlur:function(e){var t;null==g||null===(t=g.onBlur)||void 0===t||t.call(g,e)},onKeyDown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Space"!==e.code||(j(e),e.preventDefault())},role:"checkbox","aria-checked":T},N),P("box")),L=v({className:"p-sr-only p-hidden-accessible","aria-live":"polite"},P("srOnlyAria")),_=v({className:p(g.className,E("root",{context:y})),style:g.style,"data-p-disabled":g.disabled},h.getOtherProps(g),P("root")),B=v({id:g.inputId,className:E("input"),type:"checkbox","aria-invalid":g.invalid,disabled:g.disabled,readOnly:g.readOnly,value:g.value,checked:g.value,onChange:j},P("input"));return e.createElement(e.Fragment,null,e.createElement("div",d({id:g.id,ref:k},_),e.createElement("input",B),e.createElement("span",L,R),e.createElement("div",A,F)),S&&e.createElement(u,d({target:k,content:g.tooltip,pt:P("tooltip")},g.tooltipOptions)))})));k.displayName="TriStateCheckbox";export{k as TriStateCheckbox};
+import*as e from"react";import{useState as t,useEffect as r}from"react";import{PrimeReactContext as n,ariaLabel as o}from"primereact/api";import{ComponentBase as a,useHandleStyle as l}from"primereact/componentbase";import{useMergeProps as i,useMountEffect as c}from"primereact/hooks";import{CheckIcon as u}from"primereact/icons/check";import{TimesIcon as s}from"primereact/icons/times";import{Tooltip as p}from"primereact/tooltip";import{classNames as f,DomHandler as m,ObjectUtils as d,IconUtils as b}from"primereact/utils";function y(){return y=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},y.apply(this,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function h(e,t){if("object"!==v(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==v(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=h(e,"string");return"symbol"===v(t)?t:String(t)}function O(e){if(Array.isArray(e))return e}function k(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,l,i=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=a.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&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function x(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 j(e,t){if(e){if("string"==typeof e)return x(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)?x(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=a.extend({defaultProps:{__TYPE:"TriStateCheckbox",autoFocus:!1,checkIcon:null,className:null,disabled:!1,id:null,invalid:!1,variant:null,onChange:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,uncheckIcon:null,value:"",children:void 0},css:{classes:{root:function(e){var t=e.props,r=e.context;return f("p-tristatecheckbox p-checkbox p-component",{"p-highlight":""!==t.value&&null!==t.value,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:r&&"filled"===r.inputStyle})},checkIcon:"p-checkbox-icon p-c",box:"p-checkbox-box",input:"p-checkbox-input"}}});function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function I(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){var n,o,a;n=e,a=r[t],(o=g(o=t))in n?Object.defineProperty(n,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var w=e.memo(e.forwardRef((function(a,v){var h,g,x=i(),E=e.useContext(n),w=S.getProps(a,E),N=t(""),A=(g=2,O(h=N)||k(h,g)||j(h,g)||P()),D=A[0],C=A[1],F=e.useRef(null),T=S.setMetaData({props:w}),R=T.ptm,L=T.cx;l(S.css.styles,T.isUnstyled,{name:"tristatecheckbox"}),r((function(){[!0,!1,""].includes(w.value)?C(w.value):C("")}),[w.value]);var _=function(e){var t;w.disabled||w.readOnly||(""===D?t=!0:!0===D?t=!1:!1===D&&(t=""),w.onChange&&w.onChange({originalEvent:e,value:t,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:w.name,id:w.id,value:t}}))};e.useImperativeHandle(v,(function(){return{props:w,focus:function(){return m.focusFirstElement(F.current)},getElement:function(){return F.current}}})),c((function(){w.autoFocus&&m.focusFirstElement(F.current)}));var B,K=d.isNotEmpty(w.tooltip),M=S.getOtherProps(w),U=d.reduceKeys(M,m.ARIA_PROPS),H=x({className:L("checkIcon")},R("checkIcon")),J=x({className:L("checkIcon")},R("uncheckIcon"));!1===D?B=w.uncheckIcon||e.createElement(s,J):!0===D&&(B=w.checkIcon||e.createElement(u,H));var X=b.getJSXIcon(B,I({},H),{props:w}),Y=o(D?"trueLabel":!1===D?"falseLabel":"nullLabel"),$=D?"true":"false",q=x(I({className:L("box"),tabIndex:w.disabled?"-1":w.tabIndex,onFocus:function(e){var t;null==w||null===(t=w.onFocus)||void 0===t||t.call(w,e)},onBlur:function(e){var t;null==w||null===(t=w.onBlur)||void 0===t||t.call(w,e)},onKeyDown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Space"!==e.code||(_(e),e.preventDefault())},role:"checkbox","aria-checked":$},U),R("box")),z=x({className:"p-sr-only p-hidden-accessible","aria-live":"polite"},R("srOnlyAria")),G=x({className:f(w.className,L("root",{context:E})),style:w.style,"data-p-disabled":w.disabled},S.getOtherProps(w),R("root")),Q=x({id:w.inputId,className:L("input"),type:"checkbox","aria-invalid":w.invalid,disabled:w.disabled,readOnly:w.readOnly,value:D,checked:D,onChange:_},R("input"));return e.createElement(e.Fragment,null,e.createElement("div",y({id:w.id,ref:F},G),e.createElement("input",Q),e.createElement("span",z,Y),e.createElement("div",q,X)),K&&e.createElement(p,y({target:F,content:w.tooltip,pt:R("tooltip")},w.tooltipOptions)))})));w.displayName="TriStateCheckbox";export{w as TriStateCheckbox};

package/tristatecheckbox/tristatecheckbox.js

@@ -78,12 +78,67 @@ this.primereact.tristatecheckbox = (function (exports, React, api, componentbase
     return obj;
   }
 
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+
+  function _iterableToArrayLimit(r, l) {
+    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+    if (null != t) {
+      var e,
+        n,
+        i,
+        u,
+        a = [],
+        f = !0,
+        o = !1;
+      try {
+        if (i = (t = t.call(r)).next, 0 === l) {
+          if (Object(t) !== t) return;
+          f = !1;
+        } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+      } catch (r) {
+        o = !0, n = r;
+      } finally {
+        try {
+          if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+        } finally {
+          if (o) throw n;
+        }
+      }
+      return a;
+    }
+  }
+
+  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];
+    return arr2;
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  }
+
   var classes = {
     root: function root(_ref) {
       var props = _ref.props,
         context = _ref.context;
       return utils.classNames('p-tristatecheckbox p-checkbox p-component', {
-        'p-highlight': props.value !== null,
+        'p-highlight': props.value !== '' && props.value !== null,
         'p-disabled': props.disabled,
         'p-invalid': props.invalid,
         'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
@@ -110,7 +165,7 @@ this.primereact.tristatecheckbox = (function (exports, React, api, componentbase
       tooltip: null,
       tooltipOptions: null,
       uncheckIcon: null,
-      value: null,
+      value: '',
       children: undefined
     },
     css: {
@@ -120,10 +175,14 @@ this.primereact.tristatecheckbox = (function (exports, React, api, componentbase
 
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var TriStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var TriStateCheckbox = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = TriStateCheckboxBase.getProps(inProps, context);
+    var _useState = React.useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      checkBoxValue = _useState2[0],
+      setCheckBoxValue = _useState2[1];
     var elementRef = React__namespace.useRef(null);
     var _TriStateCheckboxBase = TriStateCheckboxBase.setMetaData({
         props: props
@@ -134,17 +193,24 @@ this.primereact.tristatecheckbox = (function (exports, React, api, componentbase
     componentbase.useHandleStyle(TriStateCheckboxBase.css.styles, isUnstyled, {
       name: 'tristatecheckbox'
     });
+    React.useEffect(function () {
+      if ([true, false, ''].includes(props.value)) {
+        setCheckBoxValue(props.value);
+      } else {
+        setCheckBoxValue('');
+      }
+    }, [props.value]);
     var onChange = function onChange(event) {
       if (props.disabled || props.readOnly) {
         return;
       }
       var newValue;
-      if (props.value === null || props.value === undefined) {
+      if (checkBoxValue === '') {
         newValue = true;
-      } else if (props.value === true) {
+      } else if (checkBoxValue === true) {
         newValue = false;
-      } else if (props.value === false) {
-        newValue = null;
+      } else if (checkBoxValue === false) {
+        newValue = '';
       }
       if (props.onChange) {
         props.onChange({
@@ -204,16 +270,16 @@ this.primereact.tristatecheckbox = (function (exports, React, api, componentbase
       className: cx('checkIcon')
     }, ptm('uncheckIcon'));
     var icon;
-    if (props.value === false) {
+    if (checkBoxValue === false) {
       icon = props.uncheckIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, uncheckIconProps);
-    } else if (props.value === true) {
+    } else if (checkBoxValue === true) {
       icon = props.checkIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, checkIconProps);
     }
     var checkIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, checkIconProps), {
       props: props
     });
-    var ariaValueLabel = props.value ? api.ariaLabel('trueLabel') : props.value === false ? api.ariaLabel('falseLabel') : api.ariaLabel('nullLabel');
-    var ariaChecked = props.value ? 'true' : 'false';
+    var ariaValueLabel = checkBoxValue ? api.ariaLabel('trueLabel') : checkBoxValue === false ? api.ariaLabel('falseLabel') : api.ariaLabel('nullLabel');
+    var ariaChecked = checkBoxValue ? 'true' : 'false';
     var boxProps = mergeProps(_objectSpread({
       className: cx('box'),
       tabIndex: props.disabled ? '-1' : props.tabIndex,
@@ -241,8 +307,8 @@ this.primereact.tristatecheckbox = (function (exports, React, api, componentbase
       'aria-invalid': props.invalid,
       disabled: props.disabled,
       readOnly: props.readOnly,
-      value: props.value,
-      checked: props.value,
+      value: checkBoxValue,
+      checked: checkBoxValue,
       onChange: onChange
     }, ptm('input'));
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({

package/tristatecheckbox/tristatecheckbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tristatecheckbox=function(e,t,n,r,o,a,l,c,i){"use strict";function u(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 s=u(t);function p(){return p=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},p.apply(this,arguments)}function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function b(e,t){if("object"!==d(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=b(e,"string");return"symbol"===d(t)?t:String(t)}var m=r.ComponentBase.extend({defaultProps:{__TYPE:"TriStateCheckbox",autoFocus:!1,checkIcon:null,className:null,disabled:!1,id:null,invalid:!1,variant:null,onChange:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,uncheckIcon:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return i.classNames("p-tristatecheckbox p-checkbox p-component",{"p-highlight":null!==t.value,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})},checkIcon:"p-checkbox-icon p-c",box:"p-checkbox-box",input:"p-checkbox-input"}}});function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){var r,o,a;r=e,a=n[t],(o=f(o=t))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var h=s.memo(s.forwardRef((function(e,t){var u=o.useMergeProps(),d=s.useContext(n.PrimeReactContext),b=m.getProps(e,d),f=s.useRef(null),v=m.setMetaData({props:b}),h=v.ptm,O=v.cx;r.useHandleStyle(m.css.styles,v.isUnstyled,{name:"tristatecheckbox"});var g=function(e){var t;b.disabled||b.readOnly||(null==b.value?t=!0:!0===b.value?t=!1:!1===b.value&&(t=null),b.onChange&&b.onChange({originalEvent:e,value:t,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:b.name,id:b.id,value:t}}))};s.useImperativeHandle(t,(function(){return{props:b,focus:function(){return i.DomHandler.focusFirstElement(f.current)},getElement:function(){return f.current}}})),o.useMountEffect((function(){b.autoFocus&&i.DomHandler.focusFirstElement(f.current)}));var k,P=i.ObjectUtils.isNotEmpty(b.tooltip),j=m.getOtherProps(b),x=i.ObjectUtils.reduceKeys(j,i.DomHandler.ARIA_PROPS),E=u({className:O("checkIcon")},h("checkIcon")),I=u({className:O("checkIcon")},h("uncheckIcon"));!1===b.value?k=b.uncheckIcon||s.createElement(l.TimesIcon,I):!0===b.value&&(k=b.checkIcon||s.createElement(a.CheckIcon,E));var S=i.IconUtils.getJSXIcon(k,y({},E),{props:b}),N=n.ariaLabel(b.value?"trueLabel":!1===b.value?"falseLabel":"nullLabel"),w=b.value?"true":"false",D=u(y({className:O("box"),tabIndex:b.disabled?"-1":b.tabIndex,onFocus:function(e){var t;null==b||null===(t=b.onFocus)||void 0===t||t.call(b,e)},onBlur:function(e){var t;null==b||null===(t=b.onBlur)||void 0===t||t.call(b,e)},onKeyDown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Space"!==e.code||(g(e),e.preventDefault())},role:"checkbox","aria-checked":w},x),h("box")),C=u({className:"p-sr-only p-hidden-accessible","aria-live":"polite"},h("srOnlyAria")),F=u({className:i.classNames(b.className,O("root",{context:d})),style:b.style,"data-p-disabled":b.disabled},m.getOtherProps(b),h("root")),T=u({id:b.inputId,className:O("input"),type:"checkbox","aria-invalid":b.invalid,disabled:b.disabled,readOnly:b.readOnly,value:b.value,checked:b.value,onChange:g},h("input"));return s.createElement(s.Fragment,null,s.createElement("div",p({id:b.id,ref:f},F),s.createElement("input",T),s.createElement("span",C,N),s.createElement("div",D,S)),P&&s.createElement(c.Tooltip,p({target:f,content:b.tooltip,pt:h("tooltip")},b.tooltipOptions)))})));return h.displayName="TriStateCheckbox",e.TriStateCheckbox=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.check,primereact.icons.times,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.tristatecheckbox=function(e,t,r,n,o,a,c,l,i){"use strict";function u(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 s=u(t);function p(){return p=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},p.apply(this,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function b(e,t){if("object"!==f(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=b(e,"string");return"symbol"===f(t)?t:String(t)}function m(e){if(Array.isArray(e))return e}function y(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,c,l=[],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)&&(l.push(n.value),l.length!==t);i=!0);}catch(e){u=!0,o=e}finally{try{if(!i&&null!=r.return&&(c=r.return(),Object(c)!==c))return}finally{if(u)throw o}}return l}}function v(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 h(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):void 0}}function O(){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 g=n.ComponentBase.extend({defaultProps:{__TYPE:"TriStateCheckbox",autoFocus:!1,checkIcon:null,className:null,disabled:!1,id:null,invalid:!1,variant:null,onChange:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,uncheckIcon:null,value:"",children:void 0},css:{classes:{root:function(e){var t=e.props,r=e.context;return i.classNames("p-tristatecheckbox p-checkbox p-component",{"p-highlight":""!==t.value&&null!==t.value,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:r&&"filled"===r.inputStyle})},checkIcon:"p-checkbox-icon p-c",box:"p-checkbox-box",input:"p-checkbox-input"}}});function j(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?j(Object(r),!0).forEach((function(t){var n,o,a;n=e,a=r[t],(o=d(o=t))in n?Object.defineProperty(n,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var x=s.memo(s.forwardRef((function(e,u){var f,b,d=o.useMergeProps(),v=s.useContext(r.PrimeReactContext),j=g.getProps(e,v),x=t.useState(""),P=(b=2,m(f=x)||y(f,b)||h(f,b)||O()),S=P[0],E=P[1],I=s.useRef(null),w=g.setMetaData({props:j}),N=w.ptm,D=w.cx;n.useHandleStyle(g.css.styles,w.isUnstyled,{name:"tristatecheckbox"}),t.useEffect((function(){[!0,!1,""].includes(j.value)?E(j.value):E("")}),[j.value]);var C=function(e){var t;j.disabled||j.readOnly||(""===S?t=!0:!0===S?t=!1:!1===S&&(t=""),j.onChange&&j.onChange({originalEvent:e,value:t,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:j.name,id:j.id,value:t}}))};s.useImperativeHandle(u,(function(){return{props:j,focus:function(){return i.DomHandler.focusFirstElement(I.current)},getElement:function(){return I.current}}})),o.useMountEffect((function(){j.autoFocus&&i.DomHandler.focusFirstElement(I.current)}));var A,T=i.ObjectUtils.isNotEmpty(j.tooltip),F=g.getOtherProps(j),_=i.ObjectUtils.reduceKeys(F,i.DomHandler.ARIA_PROPS),M=d({className:D("checkIcon")},N("checkIcon")),R=d({className:D("checkIcon")},N("uncheckIcon"));!1===S?A=j.uncheckIcon||s.createElement(c.TimesIcon,R):!0===S&&(A=j.checkIcon||s.createElement(a.CheckIcon,M));var H=i.IconUtils.getJSXIcon(A,k({},M),{props:j}),U=r.ariaLabel(S?"trueLabel":!1===S?"falseLabel":"nullLabel"),L=S?"true":"false",B=d(k({className:D("box"),tabIndex:j.disabled?"-1":j.tabIndex,onFocus:function(e){var t;null==j||null===(t=j.onFocus)||void 0===t||t.call(j,e)},onBlur:function(e){var t;null==j||null===(t=j.onBlur)||void 0===t||t.call(j,e)},onKeyDown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Space"!==e.code||(C(e),e.preventDefault())},role:"checkbox","aria-checked":L},_),N("box")),K=d({className:"p-sr-only p-hidden-accessible","aria-live":"polite"},N("srOnlyAria")),z=d({className:i.classNames(j.className,D("root",{context:v})),style:j.style,"data-p-disabled":j.disabled},g.getOtherProps(j),N("root")),J=d({id:j.inputId,className:D("input"),type:"checkbox","aria-invalid":j.invalid,disabled:j.disabled,readOnly:j.readOnly,value:S,checked:S,onChange:C},N("input"));return s.createElement(s.Fragment,null,s.createElement("div",p({id:j.id,ref:I},z),s.createElement("input",J),s.createElement("span",K,U),s.createElement("div",B,H)),T&&s.createElement(l.Tooltip,p({target:I,content:j.tooltip,pt:N("tooltip")},j.tooltipOptions)))})));return x.displayName="TriStateCheckbox",e.TriStateCheckbox=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.check,primereact.icons.times,primereact.tooltip,primereact.utils);