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) • 6.51 kB
JavaScript
this.primereact=this.primereact||{},this.primereact.multistatecheckbox=function(e,t,n,o,r,l,i){"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 o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=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 o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},u.apply(this,arguments)}function s(e){return s="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},s(e)}function p(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==s(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===s(t)?t:String(t)}function b(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e){if(Array.isArray(e))return e}function d(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 y(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 v(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function O(){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 h=o.ComponentBase.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 i.classNames("p-checkbox-icon p-c",b({},"".concat(e.icon),!0))},root:function(e){var t=e.props;return i.classNames("p-multistatecheckbox p-checkbox p-component",t.className,{"p-checkbox-disabled":t.disabled})},checkbox:function(e){var t=e.selectedOption;return i.classNames("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 g(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 j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=c.memo(c.forwardRef((function(e,t){var a,s,p=r.useMergeProps(),f=c.useContext(n.PrimeReactContext),y=h.getProps(e,f),g=c.useState(!1),x=(s=2,m(a=g)||d(a,s)||v(a,s)||O()),P=x[0],S=x[1],k=c.useRef(null),E=y.optionValue?null:y.dataKey,w=h.setMetaData({props:y,state:{focused:P}}),N=w.ptm,D=w.cx,I=w.sx;o.useHandleStyle(h.css.styles,w.isUnstyled,{name:"multistatecheckbox"});var C=function(e){return y.optionValue?i.ObjectUtils.resolveFieldData(e,y.optionValue):e},U=function(e){if(y.onChange){var t=C(y.options?_===y.options.length-1?y.empty?null:y.options[0]:y.options[_+1]:null);y.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:y.name,id:y.id,value:t}})}};c.useImperativeHandle(t,(function(){return{props:y,focus:function(){return i.DomHandler.focusFirstElement(k.current)},getElement:function(){return k.current}}})),r.useMountEffect((function(){y.empty||null!==y.value||U(),y.autoFocus&&i.DomHandler.focusFirstElement(k.current)}));var A,F,M=(y.options&&(F=y.options.findIndex((function(e){return i.ObjectUtils.equals(y.value,C(e),E)})),A=y.options[F]),{option:A,index:F}),T=M.option,_=M.index,R=i.ObjectUtils.isNotEmpty(y.tooltip),H=h.getOtherProps(y),V=i.ObjectUtils.reduceKeys(H,i.DomHandler.ARIA_PROPS),K=function(){var e=T&&i.ObjectUtils.resolveFieldData(T,y.optionIcon||"icon")||"",t=i.classNames("p-checkbox-icon p-c",b({},"".concat(e),!0)),n=p({className:D("icon",{icon:e})},N("icon")),o=i.IconUtils.getJSXIcon(e,j({},n),{props:y});return y.iconTemplate?i.ObjectUtils.getJSXElement(y.iconTemplate,{option:T,className:t,element:o,props:y}):o}(),L=T?function(e){var t=y.optionLabel||y.optionValue;return t?i.ObjectUtils.resolveFieldData(e,t):e}(T):n.ariaLabel("nullLabel"),B=T?"true":"false",J=p({ref:k,id:y.id,className:i.classNames(y.className,D("root")),style:y.style,onClick:function(e){y.disabled||y.readOnly||U(e)}},h.getOtherProps(y),N("root")),X=p(j({className:D("checkbox",{focusedState:P,selectedOption:T}),style:I("checkbox",{selectedOption:T}),tabIndex:y.tabIndex,onFocus:function(){S(!0)},onBlur:function(){S(!1)},onKeyDown:function(e){32===e.keyCode&&(U(e),e.preventDefault())},role:"checkbox","aria-checked":B},V),N("checkbox")),q=p({className:"p-sr-only p-hidden-accessible","aria-live":"polite"},N("srOnlyAria"));return c.createElement(c.Fragment,null,c.createElement("div",J,c.createElement("div",X,K),P&&c.createElement("span",q,L)),R&&c.createElement(l.Tooltip,u({target:k,content:y.tooltip,pt:N("tooltip")},y.tooltipOptions)))})));return x.displayName="MultiStateCheckbox",e.MultiStateCheckbox=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.tooltip,primereact.utils);