primereact 10.5.2 → 10.6.0

package/multistatecheckbox/multistatecheckbox.esm.js

@@ -2,9 +2,10 @@
 import * as React from 'react';
 import { PrimeReactContext, ariaLabel } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useMergeProps, useMountEffect } from 'primereact/hooks';
+import { useMergeProps, useUpdateEffect, useMountEffect } from 'primereact/hooks';
 import { Tooltip } from 'primereact/tooltip';
 import { classNames, DomHandler, ObjectUtils, IconUtils } from 'primereact/utils';
+import { CheckIcon } from 'primereact/icons/check';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -117,31 +118,19 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var classes = {
+var classes$1 = {
   icon: function icon(_ref) {
     var _icon = _ref.icon;
     return classNames('p-checkbox-icon p-c', _defineProperty({}, "".concat(_icon), true));
   },
   root: function root(_ref2) {
     var props = _ref2.props;
-    return classNames('p-multistatecheckbox p-checkbox p-component', props.className, {
-      'p-checkbox-disabled': props.disabled
-    });
-  },
-  checkbox: function checkbox(_ref3) {
-    var props = _ref3.props,
-      selectedOption = _ref3.selectedOption,
-      focusedState = _ref3.focusedState;
-    return classNames('p-checkbox-box', {
-      'p-highlight': !!selectedOption,
-      'p-disabled': props.disabled,
-      'p-focus': focusedState
-    }, selectedOption && selectedOption.className);
+    return classNames('p-multistatecheckbox p-checkbox p-component', props.classNames);
   }
 };
 var inlineStyles = {
-  checkbox: function checkbox(_ref4) {
-    var selectedOption = _ref4.selectedOption;
+  checkbox: function checkbox(_ref3) {
+    var selectedOption = _ref3.selectedOption;
     return selectedOption && selectedOption.style;
   }
 };
@@ -169,11 +158,219 @@ var MultiStateCheckboxBase = ComponentBase.extend({
     children: undefined
   },
   css: {
-    classes: classes,
+    classes: classes$1,
     inlineStyles: inlineStyles
   }
 });
 
+var classes = {
+  box: 'p-checkbox-box',
+  input: 'p-checkbox-input',
+  icon: 'p-checkbox-icon',
+  root: function root(_ref) {
+    var props = _ref.props,
+      checked = _ref.checked;
+    return classNames('p-checkbox p-component', {
+      'p-highlight': checked,
+      'p-disabled': props.disabled,
+      'p-invalid': props.invalid,
+      'p-variant-filled': props.variant === 'filled'
+    });
+  }
+};
+var CheckboxBase = ComponentBase.extend({
+  defaultProps: {
+    __TYPE: 'Checkbox',
+    autoFocus: false,
+    checked: false,
+    className: null,
+    disabled: false,
+    falseValue: false,
+    icon: null,
+    id: null,
+    inputId: null,
+    inputRef: null,
+    invalid: false,
+    name: null,
+    onChange: null,
+    onContextMenu: null,
+    onMouseDown: null,
+    readOnly: false,
+    required: false,
+    style: null,
+    tabIndex: null,
+    tooltip: null,
+    tooltipOptions: null,
+    trueValue: true,
+    value: null,
+    children: undefined
+  },
+  css: {
+    classes: classes
+  }
+});
+
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
+  var context = React.useContext(PrimeReactContext);
+  var props = CheckboxBase.getProps(inProps, context);
+  var _CheckboxBase$setMeta = CheckboxBase.setMetaData({
+      props: props,
+      context: {
+        checked: props.checked === props.trueValue,
+        disabled: props.disabled
+      }
+    }),
+    ptm = _CheckboxBase$setMeta.ptm,
+    cx = _CheckboxBase$setMeta.cx,
+    isUnstyled = _CheckboxBase$setMeta.isUnstyled;
+  useHandleStyle(CheckboxBase.css.styles, isUnstyled, {
+    name: 'checkbox'
+  });
+  var elementRef = React.useRef(null);
+  var inputRef = React.useRef(props.inputRef);
+  var isChecked = function isChecked() {
+    return props.checked === props.trueValue;
+  };
+  var _onChange = function onChange(event) {
+    if (props.disabled || props.readonly) {
+      return;
+    }
+    if (props.onChange) {
+      var _props$onChange;
+      var _checked = isChecked();
+      var value = _checked ? props.falseValue : props.trueValue;
+      var eventData = {
+        originalEvent: event,
+        value: props.value,
+        checked: value,
+        stopPropagation: function stopPropagation() {
+          event === null || event === void 0 || event.stopPropagation();
+        },
+        preventDefault: function preventDefault() {
+          event === null || event === void 0 || event.preventDefault();
+        },
+        target: {
+          type: 'checkbox',
+          name: props.name,
+          id: props.id,
+          value: props.value,
+          checked: value
+        }
+      };
+      props === null || props === void 0 || (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, eventData);
+
+      // do not continue if the user defined click wants to prevent
+      if (event.defaultPrevented) {
+        return;
+      }
+      DomHandler.focus(inputRef.current);
+    }
+  };
+  var _onFocus = function onFocus() {
+    var _props$onFocus;
+    props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props);
+  };
+  var _onBlur = function onBlur() {
+    var _props$onBlur;
+    props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props);
+  };
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      focus: function focus() {
+        return DomHandler.focus(inputRef.current);
+      },
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getInput: function getInput() {
+        return inputRef.current;
+      }
+    };
+  });
+  React.useEffect(function () {
+    ObjectUtils.combinedRefs(inputRef, props.inputRef);
+  }, [inputRef, props.inputRef]);
+  useUpdateEffect(function () {
+    inputRef.current.checked = isChecked();
+  }, [props.checked, props.trueValue]);
+  useMountEffect(function () {
+    if (props.autoFocus) {
+      DomHandler.focus(inputRef.current, props.autoFocus);
+    }
+  });
+  var checked = isChecked();
+  var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
+  var otherProps = CheckboxBase.getOtherProps(props);
+  var rootProps = mergeProps({
+    id: props.id,
+    className: classNames(props.className, cx('root', {
+      checked: checked
+    })),
+    style: props.style,
+    'data-p-highlight': checked,
+    'data-p-disabled': props.disabled,
+    onContextMenu: props.onContextMenu,
+    onMouseDown: props.onMouseDown
+  }, otherProps, ptm('root'));
+  var createInputElement = function createInputElement() {
+    var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
+    var inputProps = mergeProps(_objectSpread$1({
+      id: props.inputId,
+      type: 'checkbox',
+      className: cx('input'),
+      name: props.name,
+      tabIndex: props.tabIndex,
+      onFocus: function onFocus(e) {
+        return _onFocus();
+      },
+      onBlur: function onBlur(e) {
+        return _onBlur();
+      },
+      onChange: function onChange(e) {
+        return _onChange(e);
+      },
+      disabled: props.disabled,
+      readOnly: props.readOnly,
+      required: props.required,
+      'aria-invalid': props.invalid,
+      checked: checked
+    }, ariaProps), ptm('input'));
+    return /*#__PURE__*/React.createElement("input", _extends({
+      ref: inputRef
+    }, inputProps));
+  };
+  var createBoxElement = function createBoxElement() {
+    var iconProps = mergeProps({
+      className: cx('icon')
+    }, ptm('icon'));
+    var boxProps = mergeProps({
+      className: cx('box', {
+        checked: checked
+      }),
+      'data-p-highlight': checked,
+      'data-p-disabled': props.disabled
+    }, ptm('box'));
+    var icon = checked ? props.icon || /*#__PURE__*/React.createElement(CheckIcon, iconProps) : null;
+    var checkboxIcon = IconUtils.getJSXIcon(icon, _objectSpread$1({}, iconProps), {
+      props: props,
+      checked: checked
+    });
+    return /*#__PURE__*/React.createElement("div", boxProps, checkboxIcon);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
+    ref: elementRef
+  }, rootProps), createInputElement(), createBoxElement()), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+    target: elementRef,
+    content: props.tooltip,
+    pt: ptm('tooltip')
+  }, props.tooltipOptions)));
+}));
+Checkbox.displayName = 'Checkbox';
+
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
@@ -227,10 +424,10 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
         originalEvent: event,
         value: newValue,
         stopPropagation: function stopPropagation() {
-          event.stopPropagation();
+          event === null || event === void 0 || event.stopPropagation();
         },
         preventDefault: function preventDefault() {
-          event.preventDefault();
+          event === null || event === void 0 || event.preventDefault();
         },
         target: {
           name: props.name,
@@ -253,7 +450,8 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
     }
   };
   var getSelectedOptionMap = function getSelectedOptionMap() {
-    var option, index;
+    var option;
+    var index;
     if (props.options) {
       index = props.options.findIndex(function (option) {
         return ObjectUtils.equals(props.value, getOptionValue(option), equalityKey);
@@ -313,8 +511,8 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
   var otherProps = MultiStateCheckboxBase.getOtherProps(props);
   var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var icon = createIcon();
-  var ariaValueLabel = !!selectedOption ? getOptionAriaLabel(selectedOption) : ariaLabel('nullLabel');
-  var ariaChecked = !!selectedOption ? 'true' : 'false';
+  var ariaValueLabel = selectedOption ? getOptionAriaLabel(selectedOption) : ariaLabel('nullLabel');
+  var ariaChecked = selectedOption ? 'true' : 'false';
   var rootProps = mergeProps({
     ref: elementRef,
     id: props.id,
@@ -323,10 +521,7 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
     onClick: onClick
   }, MultiStateCheckboxBase.getOtherProps(props), ptm('root'));
   var checkboxProps = mergeProps(_objectSpread({
-    className: cx('checkbox', {
-      focusedState: focusedState,
-      selectedOption: selectedOption
-    }),
+    className: classNames(props.className),
     style: sx('checkbox', {
       selectedOption: selectedOption
     }),
@@ -335,13 +530,17 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
     onBlur: onBlur,
     onKeyDown: onKeyDown,
     role: 'checkbox',
-    'aria-checked': ariaChecked
+    'aria-checked': ariaChecked,
+    onChange: onClick,
+    checked: !!selectedOption,
+    disabled: props === null || props === void 0 ? void 0 : props.disabled,
+    icon: icon
   }, ariaProps), ptm('checkbox'));
   var srOnlyAriaProps = mergeProps({
     className: 'p-sr-only p-hidden-accessible',
     'aria-live': 'polite'
   }, ptm('srOnlyAria'));
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("div", checkboxProps, icon), focusedState && /*#__PURE__*/React.createElement("span", srOnlyAriaProps, ariaValueLabel)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement(Checkbox, checkboxProps), focusedState && /*#__PURE__*/React.createElement("span", srOnlyAriaProps, ariaValueLabel)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
     content: props.tooltip,
     pt: ptm('tooltip')

package/multistatecheckbox/multistatecheckbox.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t,ariaLabel as n}from"primereact/api";import{ComponentBase as o,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as i,useMountEffect as l}from"primereact/hooks";import{Tooltip as a}from"primereact/tooltip";import{classNames as c,DomHandler as u,ObjectUtils as s,IconUtils as p}from"primereact/utils";function f(){return f=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},f.apply(this,arguments)}function m(e){return m="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},m(e)}function b(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==m(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=b(e,"string");return"symbol"===m(t)?t:String(t)}function d(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,i,l,a=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=i.call(n)).done)&&(a.push(o.value),a.length!==t);c=!0);}catch(e){u=!0,r=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw r}}return a}}function g(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 O(e,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}function x(){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=o.extend({defaultProps:{__TYPE:"MultiStateCheckbox",autoFocus:!1,className:null,dataKey:null,disabled:!1,empty:!0,iconTemplate:null,id:null,onChange:null,optionIcon:null,optionLabel:null,optionValue:null,options:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{icon:function(e){return c("p-checkbox-icon p-c",d({},"".concat(e.icon),!0))},root:function(e){var t=e.props;return c("p-multistatecheckbox p-checkbox p-component",t.className,{"p-checkbox-disabled":t.disabled})},checkbox:function(e){var t=e.selectedOption;return c("p-checkbox-box",{"p-highlight":!!t,"p-disabled":e.props.disabled,"p-focus":e.focusedState},t&&t.className)}},inlineStyles:{checkbox:function(e){var t=e.selectedOption;return t&&t.style}}}});function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=e.memo(e.forwardRef((function(o,m){var b,y,g=i(),j=e.useContext(t),k=S.getProps(o,j),w=e.useState(!1),E=(y=2,v(b=w)||h(b,y)||O(b,y)||x()),D=E[0],I=E[1],N=e.useRef(null),A=k.optionValue?null:k.dataKey,C=S.setMetaData({props:k,state:{focused:D}}),F=C.ptm,T=C.cx,V=C.sx;r(S.css.styles,C.isUnstyled,{name:"multistatecheckbox"});var K=function(e){return k.optionValue?s.resolveFieldData(e,k.optionValue):e},M=function(e){if(k.onChange){var t=K(k.options?U===k.options.length-1?k.empty?null:k.options[0]:k.options[U+1]:null);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(m,(function(){return{props:k,focus:function(){return u.focusFirstElement(N.current)},getElement:function(){return N.current}}})),l((function(){k.empty||null!==k.value||M(),k.autoFocus&&u.focusFirstElement(N.current)}));var R,L,_=(k.options&&(L=k.options.findIndex((function(e){return s.equals(k.value,K(e),A)})),R=k.options[L]),{option:R,index:L}),J=_.option,U=_.index,X=s.isNotEmpty(k.tooltip),q=S.getOtherProps(k),B=s.reduceKeys(q,u.ARIA_PROPS),H=function(){var e=J&&s.resolveFieldData(J,k.optionIcon||"icon")||"",t=c("p-checkbox-icon p-c",d({},"".concat(e),!0)),n=g({className:T("icon",{icon:e})},F("icon")),o=p.getJSXIcon(e,P({},n),{props:k});return k.iconTemplate?s.getJSXElement(k.iconTemplate,{option:J,className:t,element:o,props:k}):o}(),Y=J?function(e){var t=k.optionLabel||k.optionValue;return t?s.resolveFieldData(e,t):e}(J):n("nullLabel"),$=J?"true":"false",z=g({ref:N,id:k.id,className:c(k.className,T("root")),style:k.style,onClick:function(e){k.disabled||k.readOnly||M(e)}},S.getOtherProps(k),F("root")),G=g(P({className:T("checkbox",{focusedState:D,selectedOption:J}),style:V("checkbox",{selectedOption:J}),tabIndex:k.tabIndex,onFocus:function(){I(!0)},onBlur:function(){I(!1)},onKeyDown:function(e){32===e.keyCode&&(M(e),e.preventDefault())},role:"checkbox","aria-checked":$},B),F("checkbox")),Q=g({className:"p-sr-only p-hidden-accessible","aria-live":"polite"},F("srOnlyAria"));return e.createElement(e.Fragment,null,e.createElement("div",z,e.createElement("div",G,H),D&&e.createElement("span",Q,Y)),X&&e.createElement(a,f({target:N,content:k.tooltip,pt:F("tooltip")},k.tooltipOptions)))})));k.displayName="MultiStateCheckbox";export{k as MultiStateCheckbox};
+import*as e from"react";import{PrimeReactContext as t,ariaLabel as n}from"primereact/api";import{ComponentBase as o,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as l,useUpdateEffect as i,useMountEffect as a}from"primereact/hooks";import{Tooltip as c}from"primereact/tooltip";import{classNames as u,DomHandler as s,ObjectUtils as p,IconUtils as f}from"primereact/utils";import{CheckIcon as d}from"primereact/icons/check";function m(){return m=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},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 n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==b(o))return o;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 h(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e){if(Array.isArray(e))return e}function O(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,l,i,a=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=l.call(n)).done)&&(a.push(o.value),a.length!==t);c=!0);}catch(e){u=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw r}}return a}}function x(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 k(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function P(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var j=o.extend({defaultProps:{__TYPE:"MultiStateCheckbox",autoFocus:!1,className:null,dataKey:null,disabled:!1,empty:!0,iconTemplate:null,id:null,onChange:null,optionIcon:null,optionLabel:null,optionValue:null,options:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{icon:function(e){return u("p-checkbox-icon p-c",h({},"".concat(e.icon),!0))},root:function(e){return u("p-multistatecheckbox p-checkbox p-component",e.props.classNames)}},inlineStyles:{checkbox:function(e){var t=e.selectedOption;return t&&t.style}}}}),E=o.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,invalid:!1,name:null,onChange:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon",root:function(e){var t=e.props;return u("p-checkbox p-component",{"p-highlight":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":"filled"===t.variant})}}}});function w(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=e.memo(e.forwardRef((function(n,o){var b=l(),y=e.useContext(t),v=E.getProps(n,y),h=E.setMetaData({props:v,context:{checked:v.checked===v.trueValue,disabled:v.disabled}}),g=h.ptm,O=h.cx;r(E.css.styles,h.isUnstyled,{name:"checkbox"});var x=e.useRef(null),k=e.useRef(v.inputRef),P=function(){return v.checked===v.trueValue},j=function(e){if(!v.disabled&&!v.readonly&&v.onChange){var t,n=P()?v.falseValue:v.trueValue;if(null==v||null===(t=v.onChange)||void 0===t||t.call(v,{originalEvent:e,value:v.value,checked:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"checkbox",name:v.name,id:v.id,value:v.value,checked:n}}),e.defaultPrevented)return;s.focus(k.current)}};e.useImperativeHandle(o,(function(){return{props:v,focus:function(){return s.focus(k.current)},getElement:function(){return x.current},getInput:function(){return k.current}}})),e.useEffect((function(){p.combinedRefs(k,v.inputRef)}),[k,v.inputRef]),i((function(){k.current.checked=P()}),[v.checked,v.trueValue]),a((function(){v.autoFocus&&s.focus(k.current,v.autoFocus)}));var w,D,I,C,N,F=P(),R=p.isNotEmpty(v.tooltip),V=E.getOtherProps(v),A=b({id:v.id,className:u(v.className,O("root",{checked:F})),style:v.style,"data-p-highlight":F,"data-p-disabled":v.disabled,onContextMenu:v.onContextMenu,onMouseDown:v.onMouseDown},V,g("root"));return e.createElement(e.Fragment,null,e.createElement("div",m({ref:x},A),(C=p.reduceKeys(V,s.ARIA_PROPS),N=b(S({id:v.inputId,type:"checkbox",className:O("input"),name:v.name,tabIndex:v.tabIndex,onFocus:function(e){var t;null==v||null===(t=v.onFocus)||void 0===t||t.call(v)},onBlur:function(e){var t;null==v||null===(t=v.onBlur)||void 0===t||t.call(v)},onChange:function(e){return j(e)},disabled:v.disabled,readOnly:v.readOnly,required:v.required,"aria-invalid":v.invalid,checked:F},C),g("input")),e.createElement("input",m({ref:k},N))),(w=b({className:O("icon")},g("icon")),D=b({className:O("box",{checked:F}),"data-p-highlight":F,"data-p-disabled":v.disabled},g("box")),I=f.getJSXIcon(F?v.icon||e.createElement(d,w):null,S({},w),{props:v,checked:F}),e.createElement("div",D,I))),R&&e.createElement(c,m({target:x,content:v.tooltip,pt:g("tooltip")},v.tooltipOptions)))})));function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}D.displayName="Checkbox";var N=e.memo(e.forwardRef((function(o,i){var d,b,y=l(),v=e.useContext(t),x=j.getProps(o,v),E=e.useState(!1),w=(b=2,g(d=E)||O(d,b)||k(d,b)||P()),S=w[0],I=w[1],N=e.useRef(null),F=x.optionValue?null:x.dataKey,R=j.setMetaData({props:x,state:{focused:S}}),V=R.ptm,A=R.cx,M=R.sx;r(j.css.styles,R.isUnstyled,{name:"multistatecheckbox"});var T=function(e){x.disabled||x.readOnly||K(e)},_=function(e){return x.optionValue?p.resolveFieldData(e,x.optionValue):e},K=function(e){if(x.onChange){var t=_(x.options?U===x.options.length-1?x.empty?null:x.options[0]:x.options[U+1]:null);x.onChange({originalEvent:e,value:t,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:x.name,id:x.id,value:t}})}};e.useImperativeHandle(i,(function(){return{props:x,focus:function(){return s.focusFirstElement(N.current)},getElement:function(){return N.current}}})),a((function(){x.empty||null!==x.value||K(),x.autoFocus&&s.focusFirstElement(N.current)}));var q,B,J=(x.options&&(B=x.options.findIndex((function(e){return p.equals(x.value,_(e),F)})),q=x.options[B]),{option:q,index:B}),L=J.option,U=J.index,X=p.isNotEmpty(x.tooltip),H=j.getOtherProps(x),Y=p.reduceKeys(H,s.ARIA_PROPS),$=function(){var e=L&&p.resolveFieldData(L,x.optionIcon||"icon")||"",t=u("p-checkbox-icon p-c",h({},"".concat(e),!0)),n=y({className:A("icon",{icon:e})},V("icon")),o=f.getJSXIcon(e,C({},n),{props:x});return x.iconTemplate?p.getJSXElement(x.iconTemplate,{option:L,className:t,element:o,props:x}):o}(),z=L?function(e){var t=x.optionLabel||x.optionValue;return t?p.resolveFieldData(e,t):e}(L):n("nullLabel"),G=L?"true":"false",Q=y({ref:N,id:x.id,className:u(x.className,A("root")),style:x.style,onClick:T},j.getOtherProps(x),V("root")),W=y(C({className:u(x.className),style:M("checkbox",{selectedOption:L}),tabIndex:x.tabIndex,onFocus:function(){I(!0)},onBlur:function(){I(!1)},onKeyDown:function(e){32===e.keyCode&&(K(e),e.preventDefault())},role:"checkbox","aria-checked":G,onChange:T,checked:!!L,disabled:null==x?void 0:x.disabled,icon:$},Y),V("checkbox")),Z=y({className:"p-sr-only p-hidden-accessible","aria-live":"polite"},V("srOnlyAria"));return e.createElement(e.Fragment,null,e.createElement("div",Q,e.createElement(D,W),S&&e.createElement("span",Z,z)),X&&e.createElement(c,m({target:N,content:x.tooltip,pt:V("tooltip")},x.tooltipOptions)))})));N.displayName="MultiStateCheckbox";export{N as MultiStateCheckbox};