primereact/multistatecheckbox/multistatecheckbox.esm.min.js

PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime

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};