primereact 8.4.0 → 8.6.0

package/tristatecheckbox/tristatecheckbox.cjs.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var tooltip = require('primereact/tooltip');
 var api = require('primereact/api');
+var tooltip = require('primereact/tooltip');
 var utils = require('primereact/utils');
 
 function _interopNamespace(e) {
@@ -28,7 +28,7 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -41,7 +41,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -164,6 +163,7 @@ var TriStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
   });
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = utils.ObjectUtils.findDiffKeys(props, TriStateCheckbox.defaultProps);
+  var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
   var className = utils.classNames('p-tristatecheckbox p-checkbox p-component', props.className);
   var boxClassName = utils.classNames('p-checkbox-box', {
     'p-highlight': (props.value || !props.value) && props.value !== null,
@@ -183,17 +183,15 @@ var TriStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
     style: props.style
   }, otherProps, {
     onClick: onClick
-  }), /*#__PURE__*/React__namespace.createElement("div", {
+  }), /*#__PURE__*/React__namespace.createElement("div", _extends({
     className: boxClassName,
     tabIndex: props.tabIndex,
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyDown: onKeyDown,
     role: "checkbox",
-    "aria-checked": ariaChecked,
-    "aria-labelledby": props['aria-labelledby'],
-    "aria-label": props['aria-label']
-  }, /*#__PURE__*/React__namespace.createElement("span", {
+    "aria-checked": ariaChecked
+  }, ariaProps), /*#__PURE__*/React__namespace.createElement("span", {
     className: iconClassName
   })), focusedState && /*#__PURE__*/React__namespace.createElement("span", {
     className: "p-sr-only",
@@ -212,9 +210,7 @@ TriStateCheckbox.defaultProps = {
   className: null,
   disabled: false,
   readOnly: false,
-  tabIndex: "0",
-  'aria-label': null,
-  'aria-labelledby': null,
+  tabIndex: '0',
   tooltip: null,
   tooltipOptions: null,
   onChange: null

package/tristatecheckbox/tristatecheckbox.cjs.min.js

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

package/tristatecheckbox/tristatecheckbox.d.ts

@@ -15,7 +15,7 @@ interface TriStateCheckboxChangeParams {
     target: TriStateCheckboxChangeTargetOptions;
 }
 
-export interface TriStateCheckboxProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'value'> {
+export interface TriStateCheckboxProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'value' | 'ref'> {
     value?: boolean | undefined | null;
     disabled?: boolean;
     readOnly?: boolean;
@@ -25,6 +25,6 @@ export interface TriStateCheckboxProps extends Omit<React.DetailedHTMLProps<Reac
     children?: React.ReactNode;
 }
 
-export declare class TriStateCheckbox extends React.Component<TriStateCheckboxProps, any> { 
+export declare class TriStateCheckbox extends React.Component<TriStateCheckboxProps, any> {
     public getElement(): HTMLDivElement;
 }

package/tristatecheckbox/tristatecheckbox.esm.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { Tooltip } from 'primereact/tooltip';
 import { ariaLabel } from 'primereact/api';
-import { ObjectUtils, classNames } from 'primereact/utils';
+import { Tooltip } from 'primereact/tooltip';
+import { ObjectUtils, DomHandler, classNames } from 'primereact/utils';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -17,7 +17,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -140,6 +139,7 @@ var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
   });
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, TriStateCheckbox.defaultProps);
+  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-tristatecheckbox p-checkbox p-component', props.className);
   var boxClassName = classNames('p-checkbox-box', {
     'p-highlight': (props.value || !props.value) && props.value !== null,
@@ -159,17 +159,15 @@ var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
     style: props.style
   }, otherProps, {
     onClick: onClick
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", _extends({
     className: boxClassName,
     tabIndex: props.tabIndex,
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyDown: onKeyDown,
     role: "checkbox",
-    "aria-checked": ariaChecked,
-    "aria-labelledby": props['aria-labelledby'],
-    "aria-label": props['aria-label']
-  }, /*#__PURE__*/React.createElement("span", {
+    "aria-checked": ariaChecked
+  }, ariaProps), /*#__PURE__*/React.createElement("span", {
     className: iconClassName
   })), focusedState && /*#__PURE__*/React.createElement("span", {
     className: "p-sr-only",
@@ -188,9 +186,7 @@ TriStateCheckbox.defaultProps = {
   className: null,
   disabled: false,
   readOnly: false,
-  tabIndex: "0",
-  'aria-label': null,
-  'aria-labelledby': null,
+  tabIndex: '0',
   tooltip: null,
   tooltipOptions: null,
   onChange: null

package/tristatecheckbox/tristatecheckbox.esm.min.js

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

package/tristatecheckbox/tristatecheckbox.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.tristatecheckbox = (function (exports, React, tooltip, api, utils) {
+this.primereact.tristatecheckbox = (function (exports, React, api, tooltip, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -23,7 +23,7 @@ this.primereact.tristatecheckbox = (function (exports, React, tooltip, api, util
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
   function _extends() {
-    _extends = Object.assign || function (target) {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
 
@@ -36,7 +36,6 @@ this.primereact.tristatecheckbox = (function (exports, React, tooltip, api, util
 
       return target;
     };
-
     return _extends.apply(this, arguments);
   }
 
@@ -159,6 +158,7 @@ this.primereact.tristatecheckbox = (function (exports, React, tooltip, api, util
     });
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, TriStateCheckbox.defaultProps);
+    var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var className = utils.classNames('p-tristatecheckbox p-checkbox p-component', props.className);
     var boxClassName = utils.classNames('p-checkbox-box', {
       'p-highlight': (props.value || !props.value) && props.value !== null,
@@ -178,17 +178,15 @@ this.primereact.tristatecheckbox = (function (exports, React, tooltip, api, util
       style: props.style
     }, otherProps, {
       onClick: onClick
-    }), /*#__PURE__*/React__namespace.createElement("div", {
+    }), /*#__PURE__*/React__namespace.createElement("div", _extends({
       className: boxClassName,
       tabIndex: props.tabIndex,
       onFocus: onFocus,
       onBlur: onBlur,
       onKeyDown: onKeyDown,
       role: "checkbox",
-      "aria-checked": ariaChecked,
-      "aria-labelledby": props['aria-labelledby'],
-      "aria-label": props['aria-label']
-    }, /*#__PURE__*/React__namespace.createElement("span", {
+      "aria-checked": ariaChecked
+    }, ariaProps), /*#__PURE__*/React__namespace.createElement("span", {
       className: iconClassName
     })), focusedState && /*#__PURE__*/React__namespace.createElement("span", {
       className: "p-sr-only",
@@ -207,9 +205,7 @@ this.primereact.tristatecheckbox = (function (exports, React, tooltip, api, util
     className: null,
     disabled: false,
     readOnly: false,
-    tabIndex: "0",
-    'aria-label': null,
-    'aria-labelledby': null,
+    tabIndex: '0',
     tooltip: null,
     tooltipOptions: null,
     onChange: null
@@ -221,4 +217,4 @@ this.primereact.tristatecheckbox = (function (exports, React, tooltip, api, util
 
   return exports;
 
-})({}, React, primereact.tooltip, primereact.api, primereact.utils);
+})({}, React, primereact.api, primereact.tooltip, primereact.utils);

package/tristatecheckbox/tristatecheckbox.min.js

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

package/utils/utils.cjs.js

@@ -88,17 +88,11 @@ function _slicedToArray(arr, i) {
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  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 classNames() {
@@ -157,9 +151,27 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
 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); }
@@ -173,7 +185,15 @@ var DomHandler = /*#__PURE__*/function () {
 
   _createClass(DomHandler, null, [{
     key: "innerWidth",
-    value: function innerWidth(el) {
+    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) {
       if (el) {
         var width = el.offsetWidth;
         var style = getComputedStyle(el);
@@ -865,7 +885,7 @@ var DomHandler = /*#__PURE__*/function () {
   }, {
     key: "isElement",
     value: function isElement(obj) {
-      return (typeof HTMLElement === "undefined" ? "undefined" : _typeof(HTMLElement)) === "object" ? obj instanceof HTMLElement : obj && _typeof(obj) === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
+      return (typeof HTMLElement === "undefined" ? "undefined" : _typeof(HTMLElement)) === 'object' ? obj instanceof HTMLElement : obj && _typeof(obj) === 'object' && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === 'string';
     }
   }, {
     key: "scrollInView",
@@ -911,8 +931,8 @@ var DomHandler = /*#__PURE__*/function () {
         return el.offsetWidth - el.clientWidth - parseFloat(style.borderLeftWidth) - parseFloat(style.borderRightWidth);
       } else {
         if (this.calculatedScrollbarWidth != null) return this.calculatedScrollbarWidth;
-        var scrollDiv = document.createElement("div");
-        scrollDiv.className = "p-scrollbar-measure";
+        var scrollDiv = document.createElement('div');
+        scrollDiv.className = 'p-scrollbar-measure';
         document.body.appendChild(scrollDiv);
         var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
         document.body.removeChild(scrollDiv);
@@ -945,10 +965,10 @@ var DomHandler = /*#__PURE__*/function () {
     key: "resolveUserAgent",
     value: function resolveUserAgent() {
       var ua = navigator.userAgent.toLowerCase();
-      var match = /(chrome)[ ]([\w.]+)/.exec(ua) || /(webkit)[ ]([\w.]+)/.exec(ua) || /(opera)(?:.*version|)[ ]([\w.]+)/.exec(ua) || /(msie) ([\w.]+)/.exec(ua) || ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(ua) || [];
+      var match = /(chrome)[ ]([\w.]+)/.exec(ua) || /(webkit)[ ]([\w.]+)/.exec(ua) || /(opera)(?:.*version|)[ ]([\w.]+)/.exec(ua) || /(msie) ([\w.]+)/.exec(ua) || ua.indexOf('compatible') < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(ua) || [];
       return {
-        browser: match[1] || "",
-        version: match[2] || "0"
+        browser: match[1] || '',
+        version: match[2] || '0'
       };
     }
   }, {
@@ -980,7 +1000,7 @@ var DomHandler = /*#__PURE__*/function () {
       try {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
           var focusableElement = _step3.value;
-          if (getComputedStyle(focusableElement).display !== "none" && getComputedStyle(focusableElement).visibility !== "hidden") visibleFocusableElements.push(focusableElement);
+          if (getComputedStyle(focusableElement).display !== 'none' && getComputedStyle(focusableElement).visibility !== 'hidden') visibleFocusableElements.push(focusableElement);
         }
       } catch (err) {
         _iterator3.e(err);
@@ -1207,7 +1227,7 @@ var DomHandler = /*#__PURE__*/function () {
       attrs1 = DomHandler.getAttributeNames(elm1);
       attrs2 = DomHandler.getAttributeNames(elm2);
 
-      if (attrs1.join(",") !== attrs2.join(",")) {
+      if (attrs1.join(',') !== attrs2.join(',')) {
         // console.log("Found nodes with different sets of attributes; not equiv");
         return false;
       } // ...and values
@@ -1272,6 +1292,10 @@ var DomHandler = /*#__PURE__*/function () {
   return DomHandler;
 }();
 
+_defineProperty(DomHandler, "DATA_PROPS", ['data-']);
+
+_defineProperty(DomHandler, "ARIA_PROPS", ['aria', 'focus-target']);
+
 var ConnectedOverlayScrollHandler = /*#__PURE__*/function () {
   function ConnectedOverlayScrollHandler(element) {
     var listener = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
@@ -1334,21 +1358,6 @@ function EventBus() {
   };
 }
 
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
 function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -1720,7 +1729,7 @@ function mask(el, options) {
 
       writeBuffer();
 
-      if (pos === options.mask.replace("?", "").length) {
+      if (pos === options.mask.replace('?', '').length) {
         caret(0, pos);
       } else {
         caret(pos);
@@ -1801,8 +1810,8 @@ function mask(el, options) {
     len = options.mask.length;
     firstNonMaskPos = null;
     defs = {
-      '9': '[0-9]',
-      'a': '[A-Za-z]',
+      9: '[0-9]',
+      a: '[A-Za-z]',
       '*': '[A-Za-z0-9]'
     };
     var ua = DomHandler.getUserAgent();
@@ -1857,6 +1866,22 @@ function mask(el, options) {
   };
 }
 
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
+}
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread();
+}
+
 var ObjectUtils = /*#__PURE__*/function () {
   function ObjectUtils() {
     _classCallCheck(this, ObjectUtils);
@@ -1964,6 +1989,33 @@ var ObjectUtils = /*#__PURE__*/function () {
         return result;
       }, {});
     }
+    /**
+     * Removes keys from a JSON object that start with a string such as "data" to get all "data-id" type properties.
+     *
+     * @param {any} obj the JSON object to reduce
+     * @param {string[]} startsWiths the string(s) to check if the property starts with this key
+     * @returns the JSON object containing only the key/values that match the startsWith string
+     */
+
+  }, {
+    key: "reduceKeys",
+    value: function reduceKeys(obj, startsWiths) {
+      var result = {};
+
+      if (!obj || !startsWiths || startsWiths.length === 0) {
+        return result;
+      }
+
+      Object.keys(obj).filter(function (key) {
+        return startsWiths.some(function (value) {
+          return key.startsWith(value);
+        });
+      }).forEach(function (key) {
+        result[key] = obj[key];
+        delete obj[key];
+      });
+      return result;
+    }
   }, {
     key: "reorderArray",
     value: function reorderArray(value, from, to) {
@@ -2012,7 +2064,13 @@ var ObjectUtils = /*#__PURE__*/function () {
         params[_key2 - 1] = arguments[_key2];
       }
 
-      return this.isFunction(obj) ? obj.apply(void 0, params) : obj;
+      var methodParams = params;
+
+      if (params && params.length === 1) {
+        methodParams = params[0];
+      }
+
+      return this.isFunction(obj) ? obj.apply(void 0, _toConsumableArray(methodParams)) : obj;
     }
   }, {
     key: "getRefElement",
@@ -2038,7 +2096,7 @@ var ObjectUtils = /*#__PURE__*/function () {
     key: "removeAccents",
     value: function removeAccents(str) {
       if (str && str.search(/[\xC0-\xFF]/g) > -1) {
-        str = str.replace(/[\xC0-\xC5]/g, "A").replace(/[\xC6]/g, "AE").replace(/[\xC7]/g, "C").replace(/[\xC8-\xCB]/g, "E").replace(/[\xCC-\xCF]/g, "I").replace(/[\xD0]/g, "D").replace(/[\xD1]/g, "N").replace(/[\xD2-\xD6\xD8]/g, "O").replace(/[\xD9-\xDC]/g, "U").replace(/[\xDD]/g, "Y").replace(/[\xDE]/g, "P").replace(/[\xE0-\xE5]/g, "a").replace(/[\xE6]/g, "ae").replace(/[\xE7]/g, "c").replace(/[\xE8-\xEB]/g, "e").replace(/[\xEC-\xEF]/g, "i").replace(/[\xF1]/g, "n").replace(/[\xF2-\xF6\xF8]/g, "o").replace(/[\xF9-\xFC]/g, "u").replace(/[\xFE]/g, "p").replace(/[\xFD\xFF]/g, "y");
+        str = str.replace(/[\xC0-\xC5]/g, 'A').replace(/[\xC6]/g, 'AE').replace(/[\xC7]/g, 'C').replace(/[\xC8-\xCB]/g, 'E').replace(/[\xCC-\xCF]/g, 'I').replace(/[\xD0]/g, 'D').replace(/[\xD1]/g, 'N').replace(/[\xD2-\xD6\xD8]/g, 'O').replace(/[\xD9-\xDC]/g, 'U').replace(/[\xDD]/g, 'Y').replace(/[\xDE]/g, 'P').replace(/[\xE0-\xE5]/g, 'a').replace(/[\xE6]/g, 'ae').replace(/[\xE7]/g, 'c').replace(/[\xE8-\xEB]/g, 'e').replace(/[\xEC-\xEF]/g, 'i').replace(/[\xF1]/g, 'n').replace(/[\xF2-\xF6\xF8]/g, 'o').replace(/[\xF9-\xFC]/g, 'u').replace(/[\xFE]/g, 'p').replace(/[\xFD\xFF]/g, 'y');
       }
 
       return str;
@@ -2059,15 +2117,22 @@ var ObjectUtils = /*#__PURE__*/function () {
       var order = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
       var locale = arguments.length > 3 ? arguments[3] : undefined;
       var nullSortOrder = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
-      var result = null;
+      var result = ObjectUtils.compare(value1, value2, locale, order); // nullSortOrder == 1 means Excel like sort nulls at bottom
+
+      var finalSortOrder = nullSortOrder === 1 ? order : nullSortOrder;
+      return finalSortOrder * result;
+    }
+  }, {
+    key: "compare",
+    value: function compare(value1, value2, locale) {
+      var order = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+      var result = -1;
       var emptyValue1 = this.isEmpty(value1);
       var emptyValue2 = this.isEmpty(value2);
       if (emptyValue1 && emptyValue2) result = 0;else if (emptyValue1) result = order;else if (emptyValue2) result = -order;else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, locale, {
         numeric: true
-      });else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0; // nullSortOrder == 1 means Excel like sort nulls at bottom
-
-      var finalSortOrder = nullSortOrder === 1 ? order : nullSortOrder;
-      return finalSortOrder * result;
+      });else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
+      return result;
     }
   }]);
 
@@ -2075,7 +2140,7 @@ var ObjectUtils = /*#__PURE__*/function () {
 }();
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -2088,7 +2153,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -2140,22 +2204,6 @@ function UniqueComponentId() {
   return "".concat(prefix).concat(lastId);
 }
 
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread();
-}
-
 function handler() {
   var zIndexes = [];