primereact 9.4.0 → 9.6.0

package/tristatecheckbox/tristatecheckbox.esm.js

@@ -1,9 +1,11 @@
 import * as React from 'react';
-import { ariaLabel } from 'primereact/api';
+import { PrimeReactContext, 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 { DomHandler, ObjectUtils, classNames, mergeProps, IconUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -20,6 +22,47 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -75,38 +118,43 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var TriStateCheckboxBase = {
+var TriStateCheckboxBase = ComponentBase.extend({
   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) {
-    return ObjectUtils.getMergedProps(props, TriStateCheckboxBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, TriStateCheckboxBase.defaultProps);
   }
-};
+});
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = TriStateCheckboxBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = TriStateCheckboxBase.getProps(inProps, context);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
   var elementRef = React.useRef(null);
+  var _TriStateCheckboxBase = TriStateCheckboxBase.setMetaData({
+      props: props,
+      state: {
+        focused: focusedState
+      }
+    }),
+    ptm = _TriStateCheckboxBase.ptm;
   var onClick = function onClick(event) {
     if (!props.disabled && !props.readOnly) {
       toggle(event);
@@ -156,6 +204,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);
@@ -163,50 +216,54 @@ 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
   });
   var iconClassName = 'p-checkbox-icon p-c';
+  var checkIconProps = mergeProps({
+    className: iconClassName
+  }, ptm('checkIcon'));
+  var uncheckIconProps = mergeProps({
+    className: iconClassName
+  }, ptm('uncheckIcon'));
   var icon;
   if (props.value === false) {
-    icon = props.uncheckIcon || /*#__PURE__*/React.createElement(TimesIcon, {
-      className: iconClassName
-    });
+    icon = props.uncheckIcon || /*#__PURE__*/React.createElement(TimesIcon, uncheckIconProps);
   } else if (props.value === true) {
-    icon = props.checkIcon || /*#__PURE__*/React.createElement(CheckIcon, {
-      className: iconClassName
-    });
+    icon = props.checkIcon || /*#__PURE__*/React.createElement(CheckIcon, checkIconProps);
   }
-  var checkIcon = IconUtils.getJSXIcon(icon, {
-    className: iconClassName
-  }, {
+  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';
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
-    ref: elementRef,
-    id: props.id,
-    className: className,
-    style: props.style
-  }, otherProps, {
-    onClick: onClick
-  }), /*#__PURE__*/React.createElement("div", _extends({
+  var checkboxProps = mergeProps(_objectSpread({
     className: boxClassName,
     tabIndex: props.tabIndex,
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyDown: onKeyDown,
-    role: "checkbox",
-    "aria-checked": ariaChecked
-  }, ariaProps), checkIcon), focusedState && /*#__PURE__*/React.createElement("span", {
-    className: "p-sr-only",
-    "aria-live": "polite"
-  }, ariaValueLabel)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+    role: 'checkbox',
+    'aria-checked': ariaChecked
+  }, ariaProps), ptm('checkbox'));
+  var srOnlyAriaProps = mergeProps({
+    className: 'p-sr-only',
+    'aria-live': 'polite'
+  }, ptm('srOnlyAria'));
+  var rootProps = mergeProps({
+    ref: elementRef,
+    id: props.id,
+    className: className,
+    style: props.style,
+    onClick: onClick
+  }, TriStateCheckboxBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("div", checkboxProps, checkIcon), focusedState && /*#__PURE__*/React.createElement("span", srOnlyAriaProps, ariaValueLabel)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
-  }, props.tooltipOptions)));
+  }, props.tooltipOptions, {
+    pt: ptm('tooltip')
+  })));
 }));
 TriStateCheckbox.displayName = 'TriStateCheckbox';
 

package/tristatecheckbox/tristatecheckbox.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ariaLabel as t}from"primereact/api";import{CheckIcon as r}from"primereact/icons/check";import{TimesIcon as n}from"primereact/icons/times";import{Tooltip as o}from"primereact/tooltip";import{ObjectUtils as a,DomHandler as l,classNames as c,IconUtils as i}from"primereact/utils";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,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 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 a.getMergedProps(e,v.defaultProps)},getOtherProps:function(e){return a.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()),P=O[0],x=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(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},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=a.isNotEmpty(g.tooltip),j=v.getOtherProps(g),A=a.reduceKeys(j,l.ARIA_PROPS),C=c("p-tristatecheckbox p-checkbox p-component",g.className,{"p-checkbox-disabled":g.disabled}),w=c("p-checkbox-box",{"p-highlight":(g.value||!g.value)&&null!==g.value,"p-disabled":g.disabled,"p-focus":P}),D="p-checkbox-icon p-c";!1===g.value?N=g.uncheckIcon||e.createElement(n,{className:D}):!0===g.value&&(N=g.checkIcon||e.createElement(r,{className:D}));var R=i.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(){x(!0)},onBlur:function(){x(!1)},onKeyDown:function(e){32===e.keyCode&&(I(e),e.preventDefault())},role:"checkbox","aria-checked":F},A),R),P&&e.createElement("span",{className:"p-sr-only","aria-live":"polite"},T)),S&&e.createElement(o,u({target:E,content:g.tooltip},g.tooltipOptions)))})));b.displayName="TriStateCheckbox";export{b as TriStateCheckbox};
+import*as e from"react";import{PrimeReactContext as t,ariaLabel as r}from"primereact/api";import{useMountEffect as n}from"primereact/hooks";import{CheckIcon as o}from"primereact/icons/check";import{TimesIcon as a}from"primereact/icons/times";import{Tooltip as l}from"primereact/tooltip";import{DomHandler as c,ObjectUtils as i,classNames as u,mergeProps as s,IconUtils as p}from"primereact/utils";import{ComponentBase as f}from"primereact/componentbase";function m(){return m=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},m.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 y(e,t){if("object"!==b(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==b(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=y(e,"string");return"symbol"===b(t)?t:String(t)}function d(e,t,r){return(t=v(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(e){if(Array.isArray(e))return e}function g(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 O(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 O(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)?O(e,t):void 0}}function k(){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=f.extend({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}});function S(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 E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(Object(r),!0).forEach((function(t){d(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var x=e.memo(e.forwardRef((function(f,b){var y,v,d=e.useContext(t),O=P.getProps(f,d),S=e.useState(!1),x=(v=2,h(y=S)||g(y,v)||j(y,v)||k()),w=x[0],I=x[1],N=e.useRef(null),A=P.setMetaData({props:O,state:{focused:w}}).ptm,C=function(e){var t;null==O.value?t=!0:!0===O.value?t=!1:!1===O.value&&(t=null),O.onChange&&O.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:O.name,id:O.id,value:t}})};e.useImperativeHandle(b,(function(){return{props:O,focus:function(){return c.focusFirstElement(N.current)},getElement:function(){return N.current}}})),n((function(){O.autoFocus&&c.focusFirstElement(N.current)}));var D,F=i.isNotEmpty(O.tooltip),T=P.getOtherProps(O),R=i.reduceKeys(T,c.ARIA_PROPS),L=u("p-tristatecheckbox p-checkbox p-component",O.className,{"p-checkbox-disabled":O.disabled}),_=u("p-checkbox-box",{"p-highlight":i.isNotEmpty(O.value),"p-disabled":O.disabled,"p-focus":w}),K="p-checkbox-icon p-c",M=s({className:K},A("checkIcon")),B=s({className:K},A("uncheckIcon"));!1===O.value?D=O.uncheckIcon||e.createElement(a,B):!0===O.value&&(D=O.checkIcon||e.createElement(o,M));var H=p.getJSXIcon(D,E({},M),{props:O}),J=r(O.value?"trueLabel":!1===O.value?"falseLabel":"nullLabel"),U=s(E({className:_,tabIndex:O.tabIndex,onFocus:function(){I(!0)},onBlur:function(){I(!1)},onKeyDown:function(e){32===e.keyCode&&(C(e),e.preventDefault())},role:"checkbox","aria-checked":O.value?"true":"false"},R),A("checkbox")),X=s({className:"p-sr-only","aria-live":"polite"},A("srOnlyAria")),Y=s({ref:N,id:O.id,className:L,style:O.style,onClick:function(e){O.disabled||O.readOnly||C(e)}},P.getOtherProps(O),A("root"));return e.createElement(e.Fragment,null,e.createElement("div",Y,e.createElement("div",U,H),w&&e.createElement("span",X,J)),F&&e.createElement(l,m({target:N,content:O.tooltip},O.tooltipOptions,{pt:A("tooltip")})))})));x.displayName="TriStateCheckbox";export{x as TriStateCheckbox};

package/tristatecheckbox/tristatecheckbox.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.tristatecheckbox = (function (exports, React, api, check, times, tooltip, utils) {
+this.primereact.tristatecheckbox = (function (exports, React, api, hooks, check, times, tooltip, utils, componentbase) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -37,6 +37,47 @@ this.primereact.tristatecheckbox = (function (exports, React, api, check, times,
     return _extends.apply(this, arguments);
   }
 
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -92,38 +133,43 @@ this.primereact.tristatecheckbox = (function (exports, React, api, check, times,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var TriStateCheckboxBase = {
+  var TriStateCheckboxBase = componentbase.ComponentBase.extend({
     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) {
-      return utils.ObjectUtils.getMergedProps(props, TriStateCheckboxBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, TriStateCheckboxBase.defaultProps);
     }
-  };
+  });
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var TriStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = TriStateCheckboxBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = TriStateCheckboxBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       focusedState = _React$useState2[0],
       setFocusedState = _React$useState2[1];
     var elementRef = React__namespace.useRef(null);
+    var _TriStateCheckboxBase = TriStateCheckboxBase.setMetaData({
+        props: props,
+        state: {
+          focused: focusedState
+        }
+      }),
+      ptm = _TriStateCheckboxBase.ptm;
     var onClick = function onClick(event) {
       if (!props.disabled && !props.readOnly) {
         toggle(event);
@@ -173,6 +219,11 @@ this.primereact.tristatecheckbox = (function (exports, React, api, check, times,
         }
       };
     });
+    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);
@@ -180,50 +231,54 @@ this.primereact.tristatecheckbox = (function (exports, React, api, check, times,
       '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
     });
     var iconClassName = 'p-checkbox-icon p-c';
+    var checkIconProps = utils.mergeProps({
+      className: iconClassName
+    }, ptm('checkIcon'));
+    var uncheckIconProps = utils.mergeProps({
+      className: iconClassName
+    }, ptm('uncheckIcon'));
     var icon;
     if (props.value === false) {
-      icon = props.uncheckIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, {
-        className: iconClassName
-      });
+      icon = props.uncheckIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, uncheckIconProps);
     } else if (props.value === true) {
-      icon = props.checkIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, {
-        className: iconClassName
-      });
+      icon = props.checkIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, checkIconProps);
     }
-    var checkIcon = utils.IconUtils.getJSXIcon(icon, {
-      className: iconClassName
-    }, {
+    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';
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
-      ref: elementRef,
-      id: props.id,
-      className: className,
-      style: props.style
-    }, otherProps, {
-      onClick: onClick
-    }), /*#__PURE__*/React__namespace.createElement("div", _extends({
+    var checkboxProps = utils.mergeProps(_objectSpread({
       className: boxClassName,
       tabIndex: props.tabIndex,
       onFocus: onFocus,
       onBlur: onBlur,
       onKeyDown: onKeyDown,
-      role: "checkbox",
-      "aria-checked": ariaChecked
-    }, ariaProps), checkIcon), focusedState && /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-sr-only",
-      "aria-live": "polite"
-    }, ariaValueLabel)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+      role: 'checkbox',
+      'aria-checked': ariaChecked
+    }, ariaProps), ptm('checkbox'));
+    var srOnlyAriaProps = utils.mergeProps({
+      className: 'p-sr-only',
+      'aria-live': 'polite'
+    }, ptm('srOnlyAria'));
+    var rootProps = utils.mergeProps({
+      ref: elementRef,
+      id: props.id,
+      className: className,
+      style: props.style,
+      onClick: onClick
+    }, TriStateCheckboxBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", checkboxProps, checkIcon), focusedState && /*#__PURE__*/React__namespace.createElement("span", srOnlyAriaProps, ariaValueLabel)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
-    }, props.tooltipOptions)));
+    }, props.tooltipOptions, {
+      pt: ptm('tooltip')
+    })));
   }));
   TriStateCheckbox.displayName = 'TriStateCheckbox';
 
@@ -233,4 +288,4 @@ this.primereact.tristatecheckbox = (function (exports, React, api, check, times,
 
   return exports;
 
-})({}, React, primereact.api, primereact.icons.check, primereact.icons.times, primereact.tooltip, primereact.utils);
+})({}, React, primereact.api, primereact.hooks, primereact.icons.check, primereact.icons.times, primereact.tooltip, primereact.utils, primereact.componentbase);

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 o.ObjectUtils.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,b.defaultProps)}},v=i.memo(i.forwardRef((function(e,t){var c,f,v=b.getProps(e),h=i.useState(!1),y=(f=2,s(c=h)||p(c,f)||d(c,f)||m()),g=y[0],O=y[1],k=i.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(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:v.name,id:v.id,value:t}})};i.useImperativeHandle(t,(function(){return{props:v,focus:function(){return o.DomHandler.focusFirstElement(k.current)},getElement:function(){return k.current}}}));var P,I=o.ObjectUtils.isNotEmpty(v.tooltip),x=b.getOtherProps(v),E=o.ObjectUtils.reduceKeys(x,o.DomHandler.ARIA_PROPS),N=o.classNames("p-tristatecheckbox p-checkbox p-component",v.className,{"p-checkbox-disabled":v.disabled}),S=o.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||i.createElement(a.TimesIcon,{className:C}):!0===v.value&&(P=v.checkIcon||i.createElement(n.CheckIcon,{className:C}));var w=o.IconUtils.getJSXIcon(P,{className:C},{props:v}),A=r.ariaLabel(v.value?"trueLabel":!1===v.value?"falseLabel":"nullLabel"),D=v.value?"true":"false";return i.createElement(i.Fragment,null,i.createElement("div",u({ref:k,id:v.id,className:N,style:v.style},x,{onClick:function(e){v.disabled||v.readOnly||j(e)}}),i.createElement("div",u({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&&i.createElement("span",{className:"p-sr-only","aria-live":"polite"},A)),I&&i.createElement(l.Tooltip,u({target:k,content:v.tooltip},v.tooltipOptions)))})));return v.displayName="TriStateCheckbox",e.TriStateCheckbox=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.icons.check,primereact.icons.times,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.tristatecheckbox=function(e,t,r,n,o,c,a,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 m(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 b(e){var t=m(e,"string");return"symbol"===f(t)?t:String(t)}function y(e,t,r){return(t=b(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){if(Array.isArray(e))return e}function v(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,c,a,l=[],i=!0,u=!1;try{if(c=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=c.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&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}function h(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 g(e,t){if(e){if("string"==typeof e)return h(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)?h(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 j=i.ComponentBase.extend({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}});function P(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?P(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var S=s.memo(s.forwardRef((function(e,t){var i,u,f=s.useContext(r.PrimeReactContext),m=j.getProps(e,f),b=s.useState(!1),y=(u=2,d(i=b)||v(i,u)||g(i,u)||O()),h=y[0],P=y[1],S=s.useRef(null),E=j.setMetaData({props:m,state:{focused:h}}).ptm,x=function(e){var t;null==m.value?t=!0:!0===m.value?t=!1:!1===m.value&&(t=null),m.onChange&&m.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:t}})};s.useImperativeHandle(t,(function(){return{props:m,focus:function(){return l.DomHandler.focusFirstElement(S.current)},getElement:function(){return S.current}}})),n.useMountEffect((function(){m.autoFocus&&l.DomHandler.focusFirstElement(S.current)}));var I,w=l.ObjectUtils.isNotEmpty(m.tooltip),C=j.getOtherProps(m),D=l.ObjectUtils.reduceKeys(C,l.DomHandler.ARIA_PROPS),N=l.classNames("p-tristatecheckbox p-checkbox p-component",m.className,{"p-checkbox-disabled":m.disabled}),A=l.classNames("p-checkbox-box",{"p-highlight":l.ObjectUtils.isNotEmpty(m.value),"p-disabled":m.disabled,"p-focus":h}),T="p-checkbox-icon p-c",_=l.mergeProps({className:T},E("checkIcon")),F=l.mergeProps({className:T},E("uncheckIcon"));!1===m.value?I=m.uncheckIcon||s.createElement(c.TimesIcon,F):!0===m.value&&(I=m.checkIcon||s.createElement(o.CheckIcon,_));var R=l.IconUtils.getJSXIcon(I,k({},_),{props:m}),M=r.ariaLabel(m.value?"trueLabel":!1===m.value?"falseLabel":"nullLabel"),U=l.mergeProps(k({className:A,tabIndex:m.tabIndex,onFocus:function(){P(!0)},onBlur:function(){P(!1)},onKeyDown:function(e){32===e.keyCode&&(x(e),e.preventDefault())},role:"checkbox","aria-checked":m.value?"true":"false"},D),E("checkbox")),H=l.mergeProps({className:"p-sr-only","aria-live":"polite"},E("srOnlyAria")),L=l.mergeProps({ref:S,id:m.id,className:N,style:m.style,onClick:function(e){m.disabled||m.readOnly||x(e)}},j.getOtherProps(m),E("root"));return s.createElement(s.Fragment,null,s.createElement("div",L,s.createElement("div",U,R),h&&s.createElement("span",H,M)),w&&s.createElement(a.Tooltip,p({target:S,content:m.tooltip},m.tooltipOptions,{pt:E("tooltip")})))})));return S.displayName="TriStateCheckbox",e.TriStateCheckbox=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.icons.check,primereact.icons.times,primereact.tooltip,primereact.utils,primereact.componentbase);

package/utils/utils.cjs.js

@@ -2,8 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var PrimeReact = require('primereact/api');
 var React = require('react');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   var n = Object.create(null);
@@ -22,6 +25,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
+var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 function _arrayWithHoles(arr) {
@@ -429,6 +433,7 @@ var DomHandler = /*#__PURE__*/function () {
   }, {
     key: "absolutePosition",
     value: function absolutePosition(element, target) {
+      var align = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'left';
       if (element && target) {
         var elementDimensions = element.offsetParent ? {
           width: element.offsetWidth,
@@ -453,7 +458,9 @@ var DomHandler = /*#__PURE__*/function () {
           top = targetOuterHeight + targetOffset.top + windowScrollTop;
           element.style.transformOrigin = 'top';
         }
-        if (targetOffset.left + targetOuterWidth + elementOuterWidth > viewport.width) left = Math.max(0, targetOffset.left + windowScrollLeft + targetOuterWidth - elementOuterWidth);else left = targetOffset.left + windowScrollLeft;
+        var targetOffsetPx = targetOffset.left;
+        var alignOffset = align === 'left' ? 0 : elementOuterWidth - targetOuterWidth;
+        if (targetOffsetPx + targetOuterWidth + elementOuterWidth > viewport.width) left = Math.max(0, targetOffsetPx + windowScrollLeft + targetOuterWidth - elementOuterWidth);else left = targetOffsetPx - alignOffset + windowScrollLeft;
         element.style.top = top + 'px';
         element.style.left = left + 'px';
       }
@@ -659,6 +666,7 @@ var DomHandler = /*#__PURE__*/function () {
   }, {
     key: "getScrollableParents",
     value: function getScrollableParents(element) {
+      var hideOverlaysOnDocumentScrolling = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var scrollableParents = [];
       if (element) {
         var parents = this.getParents(element);
@@ -667,6 +675,14 @@ var DomHandler = /*#__PURE__*/function () {
           var styleDeclaration = node ? getComputedStyle(node) : null;
           return styleDeclaration && (overflowRegex.test(styleDeclaration.getPropertyValue('overflow')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowX')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowY')));
         };
+        var addScrollableParent = function addScrollableParent(node) {
+          if (hideOverlaysOnDocumentScrolling) {
+            // nodeType 9 is for document element
+            scrollableParents.push(node.nodeName === 'BODY' || node.nodeName === 'HTML' || node.nodeType === 9 ? window : node);
+          } else {
+            scrollableParents.push(node);
+          }
+        };
         var _iterator = _createForOfIteratorHelper(parents),
           _step;
         try {
@@ -682,7 +698,7 @@ var DomHandler = /*#__PURE__*/function () {
                   var selector = _step2.value;
                   var el = this.findSingle(parent, selector);
                   if (el && overflowCheck(el)) {
-                    scrollableParents.push(el);
+                    addScrollableParent(el);
                   }
                 }
               } catch (err) {
@@ -692,7 +708,7 @@ var DomHandler = /*#__PURE__*/function () {
               }
             }
             if (parent.nodeType === 1 && overflowCheck(parent)) {
-              scrollableParents.push(parent);
+              addScrollableParent(parent);
             }
           }
         } catch (err) {
@@ -701,6 +717,11 @@ var DomHandler = /*#__PURE__*/function () {
           _iterator.f();
         }
       }
+
+      // if no parents make it the window
+      if (scrollableParents.length === 0) {
+        scrollableParents.push(window);
+      }
       return scrollableParents;
     }
   }, {
@@ -1233,7 +1254,7 @@ var ConnectedOverlayScrollHandler = /*#__PURE__*/function () {
   _createClass(ConnectedOverlayScrollHandler, [{
     key: "bindScrollListener",
     value: function bindScrollListener() {
-      this.scrollableParents = DomHandler.getScrollableParents(this.element);
+      this.scrollableParents = DomHandler.getScrollableParents(this.element, PrimeReact__default["default"].hideOverlaysOnDocumentScrolling);
       for (var i = 0; i < this.scrollableParents.length; i++) {
         this.scrollableParents[i].addEventListener('scroll', this.listener);
       }
@@ -1373,6 +1394,11 @@ var ObjectUtils = /*#__PURE__*/function () {
     value: function isFunction(obj) {
       return !!(obj && obj.constructor && obj.call && obj.apply);
     }
+  }, {
+    key: "isObject",
+    value: function isObject(obj) {
+      return obj !== null && obj instanceof Object && obj.constructor === Object;
+    }
   }, {
     key: "isLetter",
     value: function isLetter(_char) {
@@ -1539,7 +1565,7 @@ var ObjectUtils = /*#__PURE__*/function () {
     key: "convertToFlatCase",
     value: function convertToFlatCase(str) {
       // convert snake, kebab, camel and pascal cases to flat case
-      return this.isNotEmpty(str) ? str.replace(/(-|_)/g, '').toLowerCase() : str;
+      return this.isNotEmpty(str) && typeof str === 'string' ? str.replace(/(-|_)/g, '').toLowerCase() : str;
     }
   }, {
     key: "isEmpty",