primereact 8.7.2 → 9.0.0-beta.1

package/multistatecheckbox/multistatecheckbox.esm.js

@@ -2,26 +2,51 @@ import * as React from 'react';
 import { ariaLabel } from 'primereact/api';
 import { useMountEffect } from 'primereact/hooks';
 import { Tooltip } from 'primereact/tooltip';
-import { ObjectUtils, DomHandler, classNames } from 'primereact/utils';
+import { DomHandler, ObjectUtils, classNames } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   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,
@@ -32,7 +57,6 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
@@ -41,42 +65,40 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 
@@ -99,36 +121,29 @@ function _slicedToArray(arr, i) {
 
 var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      focusedState = _React$useState2[0],
-      setFocusedState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    focusedState = _React$useState2[0],
+    setFocusedState = _React$useState2[1];
   var elementRef = React.useRef(null);
   var equalityKey = props.optionValue ? null : props.dataKey;
-
   var onClick = function onClick(event) {
     if (!props.disabled && !props.readOnly) {
       toggle(event);
     }
   };
-
   var getOptionValue = function getOptionValue(option) {
     return props.optionValue ? ObjectUtils.resolveFieldData(option, props.optionValue) : option;
   };
-
   var getOptionAriaLabel = function getOptionAriaLabel(option) {
     var ariaField = props.optionLabel || props.optionValue;
     return ariaField ? ObjectUtils.resolveFieldData(option, ariaField) : option;
   };
-
   var findNextOption = function findNextOption() {
     if (props.options) {
       return selectedOptionIndex === props.options.length - 1 ? props.empty ? null : props.options[0] : props.options[selectedOptionIndex + 1];
     }
-
     return null;
   };
-
   var toggle = function toggle(event) {
     if (props.onChange) {
       var newValue = getOptionValue(findNextOption());
@@ -145,41 +160,37 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
       });
     }
   };
-
   var onFocus = function onFocus() {
     setFocusedState(true);
   };
-
   var onBlur = function onBlur() {
     setFocusedState(false);
   };
-
   var onKeyDown = function onKeyDown(e) {
     if (e.keyCode === 32) {
       toggle(e);
       e.preventDefault();
     }
   };
-
   var getSelectedOptionMap = function getSelectedOptionMap() {
     var option, index;
-
     if (props.options) {
       index = props.options.findIndex(function (option) {
         return ObjectUtils.equals(props.value, getOptionValue(option), equalityKey);
       });
       option = props.options[index];
     }
-
     return {
       option: option,
       index: index
     };
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
+      focus: function focus() {
+        return DomHandler.focusFirstElement(elementRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       }
@@ -190,14 +201,12 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
       toggle();
     }
   });
-
   var createIcon = function createIcon() {
     var icon = selectedOption && selectedOption.icon || '';
     var className = classNames('p-checkbox-icon p-c', _defineProperty({}, "".concat(icon), true));
     var content = /*#__PURE__*/React.createElement("span", {
       className: className
     });
-
     if (props.iconTemplate) {
       var defaultOptions = {
         option: selectedOption,
@@ -207,18 +216,17 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
       };
       return ObjectUtils.getJSXElement(props.iconTemplate, defaultOptions);
     }
-
     return content;
   };
-
   var _getSelectedOptionMap = getSelectedOptionMap(),
-      selectedOption = _getSelectedOptionMap.option,
-      selectedOptionIndex = _getSelectedOptionMap.index;
-
+    selectedOption = _getSelectedOptionMap.option,
+    selectedOptionIndex = _getSelectedOptionMap.index;
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, MultiStateCheckbox.defaultProps);
   var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
-  var className = classNames('p-multistatecheckbox p-checkbox p-component', props.className);
+  var className = classNames('p-multistatecheckbox p-checkbox p-component', props.className, {
+    'p-checkbox-disabled': props.disabled
+  });
   var boxClassName = classNames('p-checkbox-box', {
     'p-highlight': !!selectedOption,
     'p-disabled': props.disabled,

package/multistatecheckbox/multistatecheckbox.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ariaLabel as t}from"primereact/api";import{useMountEffect as n}from"primereact/hooks";import{Tooltip as o}from"primereact/tooltip";import{ObjectUtils as l,DomHandler as r,classNames as a}from"primereact/utils";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 o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},i.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,l,r=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(o=n.next()).done)&&(r.push(o.value),!t||r.length!==t);a=!0);}catch(e){i=!0,l=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw l}}return r}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function s(e,t){if(e){if("string"==typeof e)return p(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)?p(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 m=e.memo(e.forwardRef((function(p,d){var y,b,v=e.useState(!1),h=(b=2,u(y=v)||c(y,b)||s(y,b)||f()),g=h[0],x=h[1],E=e.useRef(null),O=p.optionValue?null:p.dataKey,k=function(e){return p.optionValue?l.resolveFieldData(e,p.optionValue):e},N=function(e){if(p.onChange){var t=k(p.options?C===p.options.length-1?p.empty?null:p.options[0]:p.options[C+1]:null);p.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:p.name,id:p.id,value:t}})}};e.useImperativeHandle(d,(function(){return{props:p,getElement:function(){return E.current}}})),n((function(){p.empty||null!==p.value||N()}));var S,I,w=(p.options&&(I=p.options.findIndex((function(e){return l.equals(p.value,k(e),O)})),S=p.options[I]),{option:S,index:I}),A=w.option,C=w.index,P=l.isNotEmpty(p.tooltip),j=l.findDiffKeys(p,m.defaultProps),D=l.reduceKeys(j,r.ARIA_PROPS),K=a("p-multistatecheckbox p-checkbox p-component",p.className),T=a("p-checkbox-box",{"p-highlight":!!A,"p-disabled":p.disabled,"p-focus":g},A&&A.className),V=function(){var t,n,o,r=a("p-checkbox-icon p-c",(t={},n="".concat(A&&A.icon||""),o=!0,n in t?Object.defineProperty(t,n,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[n]=o,t)),i=e.createElement("span",{className:r});return p.iconTemplate?l.getJSXElement(p.iconTemplate,{option:A,className:r,element:i,props:p}):i}(),F=A?function(e){var t=p.optionLabel||p.optionValue;return t?l.resolveFieldData(e,t):e}(A):t("nullLabel"),R=A?"true":"false";return e.createElement(e.Fragment,null,e.createElement("div",i({ref:E,id:p.id,className:K,style:p.style},j,{onClick:function(e){p.disabled||p.readOnly||N(e)}}),e.createElement("div",i({className:T,style:A&&A.style,tabIndex:p.tabIndex,onFocus:function(){x(!0)},onBlur:function(){x(!1)},onKeyDown:function(e){32===e.keyCode&&(N(e),e.preventDefault())},role:"checkbox","aria-checked":R},D),V),g&&e.createElement("span",{className:"p-sr-only","aria-live":"polite"},F)),P&&e.createElement(o,i({target:E,content:p.tooltip},p.tooltipOptions)))})));m.displayName="MultiStateCheckbox",m.defaultProps={__TYPE:"MultiStateCheckbox",id:null,value:null,options:null,optionValue:null,optionLabel:null,iconTemplate:null,dataKey:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tabIndex:"0",tooltip:null,tooltipOptions:null,onChange:null};export{m as MultiStateCheckbox};
+import*as e from"react";import{ariaLabel as t}from"primereact/api";import{useMountEffect as n}from"primereact/hooks";import{Tooltip as o}from"primereact/tooltip";import{DomHandler as r,ObjectUtils as l,classNames as i}from"primereact/utils";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},a.apply(this,arguments)}function u(e){return u="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},u(e)}function c(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==u(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=c(e,"string");return"symbol"===u(t)?t:String(t)}function s(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(o=l.call(n)).done)&&(a.push(o.value),a.length!==t);u=!0);}catch(e){c=!0,r=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw r}}return a}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function y(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b=e.memo(e.forwardRef((function(u,c){var m,v,h=e.useState(!1),g=(v=2,s(m=h)||f(m,v)||y(m,v)||d()),S=g[0],x=g[1],E=e.useRef(null),O=u.optionValue?null:u.dataKey,k=function(e){return u.optionValue?l.resolveFieldData(e,u.optionValue):e},j=function(e){if(u.onChange){var t=k(u.options?A===u.options.length-1?u.empty?null:u.options[0]:u.options[A+1]:null);u.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:u.name,id:u.id,value:t}})}};e.useImperativeHandle(c,(function(){return{props:u,focus:function(){return r.focusFirstElement(E.current)},getElement:function(){return E.current}}})),n((function(){u.empty||null!==u.value||j()}));var N,w,P=(u.options&&(w=u.options.findIndex((function(e){return l.equals(u.value,k(e),O)})),N=u.options[w]),{option:N,index:w}),I=P.option,A=P.index,C=l.isNotEmpty(u.tooltip),D=l.findDiffKeys(u,b.defaultProps),T=l.reduceKeys(D,r.ARIA_PROPS),F=i("p-multistatecheckbox p-checkbox p-component",u.className,{"p-checkbox-disabled":u.disabled}),K=i("p-checkbox-box",{"p-highlight":!!I,"p-disabled":u.disabled,"p-focus":S},I&&I.className),V=function(){var t,n,o,r=i("p-checkbox-icon p-c",(t={},n="".concat(I&&I.icon||""),o=!0,(n=p(n))in t?Object.defineProperty(t,n,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[n]=o,t)),a=e.createElement("span",{className:r});return u.iconTemplate?l.getJSXElement(u.iconTemplate,{option:I,className:r,element:a,props:u}):a}(),R=I?function(e){var t=u.optionLabel||u.optionValue;return t?l.resolveFieldData(e,t):e}(I):t("nullLabel"),L=I?"true":"false";return e.createElement(e.Fragment,null,e.createElement("div",a({ref:E,id:u.id,className:F,style:u.style},D,{onClick:function(e){u.disabled||u.readOnly||j(e)}}),e.createElement("div",a({className:K,style:I&&I.style,tabIndex:u.tabIndex,onFocus:function(){x(!0)},onBlur:function(){x(!1)},onKeyDown:function(e){32===e.keyCode&&(j(e),e.preventDefault())},role:"checkbox","aria-checked":L},T),V),S&&e.createElement("span",{className:"p-sr-only","aria-live":"polite"},R)),C&&e.createElement(o,a({target:E,content:u.tooltip},u.tooltipOptions)))})));b.displayName="MultiStateCheckbox",b.defaultProps={__TYPE:"MultiStateCheckbox",id:null,value:null,options:null,optionValue:null,optionLabel:null,iconTemplate:null,dataKey:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tabIndex:"0",tooltip:null,tooltipOptions:null,onChange:null};export{b as MultiStateCheckbox};

package/multistatecheckbox/multistatecheckbox.js

@@ -26,20 +26,45 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     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,
@@ -50,7 +75,6 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
 
@@ -59,42 +83,40 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
   }
 
   function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
       try {
-        if (!_n && _i["return"] != null) _i["return"]();
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+          ;
+        }
+      } catch (err) {
+        _d = !0, _e = err;
       } finally {
-        if (_d) throw _e;
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
       }
+      return _arr;
     }
-
-    return _arr;
   }
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-
     for (var i = 0, arr2 = new Array(len); i < len; i++) {
       arr2[i] = arr[i];
     }
-
     return arr2;
   }
 
@@ -117,36 +139,29 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
 
   var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(false),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        focusedState = _React$useState2[0],
-        setFocusedState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      focusedState = _React$useState2[0],
+      setFocusedState = _React$useState2[1];
     var elementRef = React__namespace.useRef(null);
     var equalityKey = props.optionValue ? null : props.dataKey;
-
     var onClick = function onClick(event) {
       if (!props.disabled && !props.readOnly) {
         toggle(event);
       }
     };
-
     var getOptionValue = function getOptionValue(option) {
       return props.optionValue ? utils.ObjectUtils.resolveFieldData(option, props.optionValue) : option;
     };
-
     var getOptionAriaLabel = function getOptionAriaLabel(option) {
       var ariaField = props.optionLabel || props.optionValue;
       return ariaField ? utils.ObjectUtils.resolveFieldData(option, ariaField) : option;
     };
-
     var findNextOption = function findNextOption() {
       if (props.options) {
         return selectedOptionIndex === props.options.length - 1 ? props.empty ? null : props.options[0] : props.options[selectedOptionIndex + 1];
       }
-
       return null;
     };
-
     var toggle = function toggle(event) {
       if (props.onChange) {
         var newValue = getOptionValue(findNextOption());
@@ -163,41 +178,37 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
         });
       }
     };
-
     var onFocus = function onFocus() {
       setFocusedState(true);
     };
-
     var onBlur = function onBlur() {
       setFocusedState(false);
     };
-
     var onKeyDown = function onKeyDown(e) {
       if (e.keyCode === 32) {
         toggle(e);
         e.preventDefault();
       }
     };
-
     var getSelectedOptionMap = function getSelectedOptionMap() {
       var option, index;
-
       if (props.options) {
         index = props.options.findIndex(function (option) {
           return utils.ObjectUtils.equals(props.value, getOptionValue(option), equalityKey);
         });
         option = props.options[index];
       }
-
       return {
         option: option,
         index: index
       };
     };
-
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
+        focus: function focus() {
+          return utils.DomHandler.focusFirstElement(elementRef.current);
+        },
         getElement: function getElement() {
           return elementRef.current;
         }
@@ -208,14 +219,12 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
         toggle();
       }
     });
-
     var createIcon = function createIcon() {
       var icon = selectedOption && selectedOption.icon || '';
       var className = utils.classNames('p-checkbox-icon p-c', _defineProperty({}, "".concat(icon), true));
       var content = /*#__PURE__*/React__namespace.createElement("span", {
         className: className
       });
-
       if (props.iconTemplate) {
         var defaultOptions = {
           option: selectedOption,
@@ -225,18 +234,17 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
         };
         return utils.ObjectUtils.getJSXElement(props.iconTemplate, defaultOptions);
       }
-
       return content;
     };
-
     var _getSelectedOptionMap = getSelectedOptionMap(),
-        selectedOption = _getSelectedOptionMap.option,
-        selectedOptionIndex = _getSelectedOptionMap.index;
-
+      selectedOption = _getSelectedOptionMap.option,
+      selectedOptionIndex = _getSelectedOptionMap.index;
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, MultiStateCheckbox.defaultProps);
     var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
-    var className = utils.classNames('p-multistatecheckbox p-checkbox p-component', props.className);
+    var className = utils.classNames('p-multistatecheckbox p-checkbox p-component', props.className, {
+      'p-checkbox-disabled': props.disabled
+    });
     var boxClassName = utils.classNames('p-checkbox-box', {
       'p-highlight': !!selectedOption,
       'p-disabled': props.disabled,

package/multistatecheckbox/multistatecheckbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.multistatecheckbox=function(e,t,n,l,o,r){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=a(t);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},u.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function s(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,o,r=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return r}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function f(e,t){if(e){if("string"==typeof e)return p(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)?p(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 d=i.memo(i.forwardRef((function(e,t){var a,p,b=i.useState(!1),y=(p=2,c(a=b)||s(a,p)||f(a,p)||m()),v=y[0],h=y[1],g=i.useRef(null),O=e.optionValue?null:e.dataKey,j=function(t){return e.optionValue?r.ObjectUtils.resolveFieldData(t,e.optionValue):t},x=function(t){if(e.onChange){var n=j(e.options?S===e.options.length-1?e.empty?null:e.options[0]:e.options[S+1]:null);e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})}};i.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return g.current}}})),l.useMountEffect((function(){e.empty||null!==e.value||x()}));var k,E,N=(e.options&&(E=e.options.findIndex((function(t){return r.ObjectUtils.equals(e.value,j(t),O)})),k=e.options[E]),{option:k,index:E}),P=N.option,S=N.index,w=r.ObjectUtils.isNotEmpty(e.tooltip),C=r.ObjectUtils.findDiffKeys(e,d.defaultProps),I=r.ObjectUtils.reduceKeys(C,r.DomHandler.ARIA_PROPS),A=r.classNames("p-multistatecheckbox p-checkbox p-component",e.className),D=r.classNames("p-checkbox-box",{"p-highlight":!!P,"p-disabled":e.disabled,"p-focus":v},P&&P.className),U=function(){var t,n,l,o=r.classNames("p-checkbox-icon p-c",(t={},n="".concat(P&&P.icon||""),l=!0,n in t?Object.defineProperty(t,n,{value:l,enumerable:!0,configurable:!0,writable:!0}):t[n]=l,t)),a=i.createElement("span",{className:o});return e.iconTemplate?r.ObjectUtils.getJSXElement(e.iconTemplate,{option:P,className:o,element:a,props:e}):a}(),M=P?function(t){var n=e.optionLabel||e.optionValue;return n?r.ObjectUtils.resolveFieldData(t,n):t}(P):n.ariaLabel("nullLabel"),_=P?"true":"false";return i.createElement(i.Fragment,null,i.createElement("div",u({ref:g,id:e.id,className:A,style:e.style},C,{onClick:function(t){e.disabled||e.readOnly||x(t)}}),i.createElement("div",u({className:D,style:P&&P.style,tabIndex:e.tabIndex,onFocus:function(){h(!0)},onBlur:function(){h(!1)},onKeyDown:function(e){32===e.keyCode&&(x(e),e.preventDefault())},role:"checkbox","aria-checked":_},I),U),v&&i.createElement("span",{className:"p-sr-only","aria-live":"polite"},M)),w&&i.createElement(o.Tooltip,u({target:g,content:e.tooltip},e.tooltipOptions)))})));return d.displayName="MultiStateCheckbox",d.defaultProps={__TYPE:"MultiStateCheckbox",id:null,value:null,options:null,optionValue:null,optionLabel:null,iconTemplate:null,dataKey:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tabIndex:"0",tooltip:null,tooltipOptions:null,onChange:null},e.MultiStateCheckbox=d,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.multistatecheckbox=function(e,t,n,r,o,l){"use strict";function i(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 a=i(t);function u(){return u=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},u.apply(this,arguments)}function c(e){return c="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},c(e)}function s(e,t){if("object"!==c(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==c(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=s(e,"string");return"symbol"===c(t)?t:String(t)}function f(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function b(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 d(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function y(){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=a.memo(a.forwardRef((function(e,t){var i,c,s=a.useState(!1),b=(c=2,f(i=s)||m(i,c)||d(i,c)||y()),h=b[0],g=b[1],O=a.useRef(null),j=e.optionValue?null:e.dataKey,S=function(t){return e.optionValue?l.ObjectUtils.resolveFieldData(t,e.optionValue):t},x=function(t){if(e.onChange){var n=S(e.options?w===e.options.length-1?e.empty?null:e.options[0]:e.options[w+1]:null);e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})}};a.useImperativeHandle(t,(function(){return{props:e,focus:function(){return l.DomHandler.focusFirstElement(O.current)},getElement:function(){return O.current}}})),r.useMountEffect((function(){e.empty||null!==e.value||x()}));var E,k,N=(e.options&&(k=e.options.findIndex((function(t){return l.ObjectUtils.equals(e.value,S(t),j)})),E=e.options[k]),{option:E,index:k}),P=N.option,w=N.index,C=l.ObjectUtils.isNotEmpty(e.tooltip),D=l.ObjectUtils.findDiffKeys(e,v.defaultProps),I=l.ObjectUtils.reduceKeys(D,l.DomHandler.ARIA_PROPS),A=l.classNames("p-multistatecheckbox p-checkbox p-component",e.className,{"p-checkbox-disabled":e.disabled}),U=l.classNames("p-checkbox-box",{"p-highlight":!!P,"p-disabled":e.disabled,"p-focus":h},P&&P.className),M=function(){var t,n,r,o=l.classNames("p-checkbox-icon p-c",(t={},n="".concat(P&&P.icon||""),r=!0,(n=p(n))in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t)),i=a.createElement("span",{className:o});return e.iconTemplate?l.ObjectUtils.getJSXElement(e.iconTemplate,{option:P,className:o,element:i,props:e}):i}(),T=P?function(t){var n=e.optionLabel||e.optionValue;return n?l.ObjectUtils.resolveFieldData(t,n):t}(P):n.ariaLabel("nullLabel"),_=P?"true":"false";return a.createElement(a.Fragment,null,a.createElement("div",u({ref:O,id:e.id,className:A,style:e.style},D,{onClick:function(t){e.disabled||e.readOnly||x(t)}}),a.createElement("div",u({className:U,style:P&&P.style,tabIndex:e.tabIndex,onFocus:function(){g(!0)},onBlur:function(){g(!1)},onKeyDown:function(e){32===e.keyCode&&(x(e),e.preventDefault())},role:"checkbox","aria-checked":_},I),M),h&&a.createElement("span",{className:"p-sr-only","aria-live":"polite"},T)),C&&a.createElement(o.Tooltip,u({target:O,content:e.tooltip},e.tooltipOptions)))})));return v.displayName="MultiStateCheckbox",v.defaultProps={__TYPE:"MultiStateCheckbox",id:null,value:null,options:null,optionValue:null,optionLabel:null,iconTemplate:null,dataKey:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tabIndex:"0",tooltip:null,tooltipOptions:null,onChange:null},e.MultiStateCheckbox=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.tooltip,primereact.utils);