UNPKG

primereact

Version:

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

2 lines (1 loc) 5.92 kB
import*as e from"react";import{useState as t,useEffect as r}from"react";import{PrimeReactContext as n,ariaLabel as o}from"primereact/api";import{ComponentBase as a,useHandleStyle as l}from"primereact/componentbase";import{useMergeProps as i,useMountEffect as c}from"primereact/hooks";import{CheckIcon as u}from"primereact/icons/check";import{TimesIcon as s}from"primereact/icons/times";import{Tooltip as p}from"primereact/tooltip";import{classNames as f,DomHandler as m,ObjectUtils as d,IconUtils as b}from"primereact/utils";function y(){return y=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},y.apply(this,arguments)}function v(e){return v="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},v(e)}function h(e,t){if("object"!==v(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==v(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=h(e,"string");return"symbol"===v(t)?t:String(t)}function O(e){if(Array.isArray(e))return e}function k(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,l,i=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function j(e,t){if(e){if("string"==typeof e)return x(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)?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 S=a.extend({defaultProps:{__TYPE:"TriStateCheckbox",autoFocus:!1,checkIcon:null,className:null,disabled:!1,id:null,invalid:!1,variant:null,onChange:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,uncheckIcon:null,value:"",children:void 0},css:{classes:{root:function(e){var t=e.props,r=e.context;return f("p-tristatecheckbox p-checkbox p-component",{"p-highlight":""!==t.value&&null!==t.value,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:r&&"filled"===r.inputStyle})},checkIcon:"p-checkbox-icon p-c",box:"p-checkbox-box",input:"p-checkbox-input"}}});function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function I(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){var n,o,a;n=e,a=r[t],(o=g(o=t))in n?Object.defineProperty(n,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var w=e.memo(e.forwardRef((function(a,v){var h,g,x=i(),E=e.useContext(n),w=S.getProps(a,E),N=t(""),A=(g=2,O(h=N)||k(h,g)||j(h,g)||P()),D=A[0],C=A[1],F=e.useRef(null),T=S.setMetaData({props:w}),R=T.ptm,L=T.cx;l(S.css.styles,T.isUnstyled,{name:"tristatecheckbox"}),r((function(){[!0,!1,""].includes(w.value)?C(w.value):C("")}),[w.value]);var _=function(e){var t;w.disabled||w.readOnly||(""===D?t=!0:!0===D?t=!1:!1===D&&(t=""),w.onChange&&w.onChange({originalEvent:e,value:t,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:w.name,id:w.id,value:t}}))};e.useImperativeHandle(v,(function(){return{props:w,focus:function(){return m.focusFirstElement(F.current)},getElement:function(){return F.current}}})),c((function(){w.autoFocus&&m.focusFirstElement(F.current)}));var B,K=d.isNotEmpty(w.tooltip),M=S.getOtherProps(w),U=d.reduceKeys(M,m.ARIA_PROPS),H=x({className:L("checkIcon")},R("checkIcon")),J=x({className:L("checkIcon")},R("uncheckIcon"));!1===D?B=w.uncheckIcon||e.createElement(s,J):!0===D&&(B=w.checkIcon||e.createElement(u,H));var X=b.getJSXIcon(B,I({},H),{props:w}),Y=o(D?"trueLabel":!1===D?"falseLabel":"nullLabel"),$=D?"true":"false",q=x(I({className:L("box"),tabIndex:w.disabled?"-1":w.tabIndex,onFocus:function(e){var t;null==w||null===(t=w.onFocus)||void 0===t||t.call(w,e)},onBlur:function(e){var t;null==w||null===(t=w.onBlur)||void 0===t||t.call(w,e)},onKeyDown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Space"!==e.code||(_(e),e.preventDefault())},role:"checkbox","aria-checked":$},U),R("box")),z=x({className:"p-sr-only p-hidden-accessible","aria-live":"polite"},R("srOnlyAria")),G=x({className:f(w.className,L("root",{context:E})),style:w.style,"data-p-disabled":w.disabled},S.getOtherProps(w),R("root")),Q=x({id:w.inputId,className:L("input"),type:"checkbox","aria-invalid":w.invalid,disabled:w.disabled,readOnly:w.readOnly,value:D,checked:D,onChange:_},R("input"));return e.createElement(e.Fragment,null,e.createElement("div",y({id:w.id,ref:F},G),e.createElement("input",Q),e.createElement("span",z,Y),e.createElement("div",q,X)),K&&e.createElement(p,y({target:F,content:w.tooltip,pt:R("tooltip")},w.tooltipOptions)))})));w.displayName="TriStateCheckbox";export{w as TriStateCheckbox};