primereact 9.5.0 → 9.6.1

package/tristatecheckbox/tristatecheckbox.esm.js

@@ -1,10 +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) {
@@ -21,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;
 }
@@ -76,7 +118,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var TriStateCheckboxBase = {
+var TriStateCheckboxBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'TriStateCheckbox',
     autoFocus: false,
@@ -93,22 +135,26 @@ var TriStateCheckboxBase = {
     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);
@@ -175,45 +221,49 @@ var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
     '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{useMountEffect as r}from"primereact/hooks";import{CheckIcon as n}from"primereact/icons/check";import{TimesIcon as o}from"primereact/icons/times";import{Tooltip as a}from"primereact/tooltip";import{ObjectUtils as l,DomHandler as c,classNames as i,IconUtils as u}from"primereact/utils";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,l,c=[],i=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=a.call(r)).done)&&(c.push(n.value),c.length!==t);i=!0);}catch(e){u=!0,o=e}finally{try{if(!i&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return c}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function d(e,t){if(e){if("string"==typeof e)return m(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?m(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b={defaultProps:{__TYPE:"TriStateCheckbox",autoFocus:!1,checkIcon:null,className:null,disabled:!1,id:null,onChange:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,uncheckIcon:null,value:null,children:void 0},getProps:function(e){return l.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return l.getDiffProps(e,b.defaultProps)}},h=e.memo(e.forwardRef((function(m,h){var y,g,k=b.getProps(m),E=e.useState(!1),O=(g=2,p(y=E)||f(y,g)||d(y,g)||v()),P=O[0],x=O[1],I=e.useRef(null),N=function(e){var t;null==k.value?t=!0:!0===k.value?t=!1:!1===k.value&&(t=null),k.onChange&&k.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:k.name,id:k.id,value:t}})};e.useImperativeHandle(h,(function(){return{props:k,focus:function(){return c.focusFirstElement(I.current)},getElement:function(){return I.current}}})),r((function(){k.autoFocus&&c.focusFirstElement(I.current)}));var S,j=l.isNotEmpty(k.tooltip),A=b.getOtherProps(k),C=l.reduceKeys(A,c.ARIA_PROPS),w=i("p-tristatecheckbox p-checkbox p-component",k.className,{"p-checkbox-disabled":k.disabled}),F=i("p-checkbox-box",{"p-highlight":l.isNotEmpty(k.value),"p-disabled":k.disabled,"p-focus":P}),D="p-checkbox-icon p-c";!1===k.value?S=k.uncheckIcon||e.createElement(o,{className:D}):!0===k.value&&(S=k.checkIcon||e.createElement(n,{className:D}));var R=u.getJSXIcon(S,{className:D},{props:k}),T=t(k.value?"trueLabel":!1===k.value?"falseLabel":"nullLabel"),L=k.value?"true":"false";return e.createElement(e.Fragment,null,e.createElement("div",s({ref:I,id:k.id,className:w,style:k.style},A,{onClick:function(e){k.disabled||k.readOnly||N(e)}}),e.createElement("div",s({className:F,tabIndex:k.tabIndex,onFocus:function(){x(!0)},onBlur:function(){x(!1)},onKeyDown:function(e){32===e.keyCode&&(N(e),e.preventDefault())},role:"checkbox","aria-checked":L},C),R),P&&e.createElement("span",{className:"p-sr-only","aria-live":"polite"},T)),j&&e.createElement(a,s({target:I,content:k.tooltip},k.tooltipOptions)))})));h.displayName="TriStateCheckbox";export{h as TriStateCheckbox};
+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, hooks, 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, hooks, check,
     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,7 +133,7 @@ this.primereact.tristatecheckbox = (function (exports, React, api, hooks, check,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var TriStateCheckboxBase = {
+  var TriStateCheckboxBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'TriStateCheckbox',
       autoFocus: false,
@@ -109,22 +150,26 @@ this.primereact.tristatecheckbox = (function (exports, React, api, hooks, check,
       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);
@@ -191,45 +236,49 @@ this.primereact.tristatecheckbox = (function (exports, React, api, hooks, check,
       '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';
 
@@ -239,4 +288,4 @@ this.primereact.tristatecheckbox = (function (exports, React, api, hooks, check,
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, 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,o,l,c){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=i(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,l,c=[],i=!0,u=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=o.call(r)).done)&&(c.push(n.value),c.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{if(!i&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw a}}return c}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function m(e,t){if(e){if("string"==typeof e)return d(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?d(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var h={defaultProps:{__TYPE:"TriStateCheckbox",autoFocus:!1,checkIcon:null,className:null,disabled:!1,id:null,onChange:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,uncheckIcon:null,value:null,children:void 0},getProps:function(e){return c.ObjectUtils.getMergedProps(e,h.defaultProps)},getOtherProps:function(e){return c.ObjectUtils.getDiffProps(e,h.defaultProps)}},v=u.memo(u.forwardRef((function(e,t){var i,d,v=h.getProps(e),y=u.useState(!1),g=(d=2,p(i=y)||f(i,d)||m(i,d)||b()),O=g[0],k=g[1],j=u.useRef(null),P=function(e){var t;null==v.value?t=!0:!0===v.value?t=!1:!1===v.value&&(t=null),v.onChange&&v.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:v.name,id:v.id,value:t}})};u.useImperativeHandle(t,(function(){return{props:v,focus:function(){return c.DomHandler.focusFirstElement(j.current)},getElement:function(){return j.current}}})),n.useMountEffect((function(){v.autoFocus&&c.DomHandler.focusFirstElement(j.current)}));var E,I=c.ObjectUtils.isNotEmpty(v.tooltip),x=h.getOtherProps(v),N=c.ObjectUtils.reduceKeys(x,c.DomHandler.ARIA_PROPS),S=c.classNames("p-tristatecheckbox p-checkbox p-component",v.className,{"p-checkbox-disabled":v.disabled}),C=c.classNames("p-checkbox-box",{"p-highlight":c.ObjectUtils.isNotEmpty(v.value),"p-disabled":v.disabled,"p-focus":O}),D="p-checkbox-icon p-c";!1===v.value?E=v.uncheckIcon||u.createElement(o.TimesIcon,{className:D}):!0===v.value&&(E=v.checkIcon||u.createElement(a.CheckIcon,{className:D}));var w=c.IconUtils.getJSXIcon(E,{className:D},{props:v}),A=r.ariaLabel(v.value?"trueLabel":!1===v.value?"falseLabel":"nullLabel"),T=v.value?"true":"false";return u.createElement(u.Fragment,null,u.createElement("div",s({ref:j,id:v.id,className:S,style:v.style},x,{onClick:function(e){v.disabled||v.readOnly||P(e)}}),u.createElement("div",s({className:C,tabIndex:v.tabIndex,onFocus:function(){k(!0)},onBlur:function(){k(!1)},onKeyDown:function(e){32===e.keyCode&&(P(e),e.preventDefault())},role:"checkbox","aria-checked":T},N),w),O&&u.createElement("span",{className:"p-sr-only","aria-live":"polite"},A)),I&&u.createElement(l.Tooltip,s({target:j,content:v.tooltip},v.tooltipOptions)))})));return v.displayName="TriStateCheckbox",e.TriStateCheckbox=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.icons.check,primereact.icons.times,primereact.tooltip,primereact.utils);
+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

@@ -186,16 +186,7 @@ var DomHandler = /*#__PURE__*/function () {
   }
   _createClass(DomHandler, null, [{
     key: "innerWidth",
-    value:
-    /**
-     * All data- properties like data-test-id
-     */
-
-    /**
-     * All ARIA properties like aria-label and focus-target for https://www.npmjs.com/package/@q42/floating-focus-a11y
-     */
-
-    function innerWidth(el) {
+    value: function innerWidth(el) {
       if (el) {
         var width = el.offsetWidth;
         var style = getComputedStyle(el);
@@ -1241,7 +1232,13 @@ var DomHandler = /*#__PURE__*/function () {
   }]);
   return DomHandler;
 }();
+/**
+ * All data- properties like data-test-id
+ */
 _defineProperty(DomHandler, "DATA_PROPS", ['data-']);
+/**
+ * All ARIA properties like aria-label and focus-target for https://www.npmjs.com/package/@q42/floating-focus-a11y
+ */
 _defineProperty(DomHandler, "ARIA_PROPS", ['aria', 'focus-target']);
 
 var ConnectedOverlayScrollHandler = /*#__PURE__*/function () {
@@ -1394,6 +1391,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) {
@@ -1560,7 +1562,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",