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.09 kB
JavaScript
this.primereact=this.primereact||{},this.primereact.radiobutton=function(e,t,n,r,o,i,a){"use strict";function l(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 u=l(t);function c(){return c=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},c.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 r=n.call(e,t||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=p(e,"string");return"symbol"===s(t)?t:String(t)}var f=r.ComponentBase.extend({defaultProps:{__TYPE:"RadioButton",autoFocus:!1,checked:!1,className:null,disabled:!1,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onClick:null,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return a.classNames("p-radiobutton p-component",{"p-highlight":t.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})},box:"p-radiobutton-box",input:"p-radiobutton-input",icon:"p-radiobutton-icon"}}});function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=d(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=u.memo(u.forwardRef((function(e,t){var l=o.useMergeProps(),s=u.useContext(n.PrimeReactContext),p=f.getProps(e,s),d=u.useRef(null),b=u.useRef(p.inputRef),v=f.setMetaData({props:p}),y=v.ptm,g=v.cx;r.useHandleStyle(f.css.styles,v.isUnstyled,{name:"radiobutton"});var h=function(e){O(e)},O=function(e){if(!p.disabled&&!p.readonly&&p.onChange){var t=p.checked,n=e.target instanceof HTMLDivElement,r=e.target===b.current&&e.target.checked!==t,o=n&&a.DomHandler.hasClass(d.current,"p-radiobutton-checked")===t&&!t,i=!t;if(r||o){var l;if(null==p||null===(l=p.onChange)||void 0===l||l.call(p,{originalEvent:e,value:p.value,checked:i,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"radio",name:p.name,id:p.id,value:p.value,checked:i}}),e.defaultPrevented)return;o&&(b.current.checked=i)}a.DomHandler.focus(b.current)}},j=function(e){var t;null==p||null===(t=p.onFocus)||void 0===t||t.call(p,e)},P=function(e){var t;null==p||null===(t=p.onBlur)||void 0===t||t.call(p,e)};u.useImperativeHandle(t,(function(){return{props:p,select:h,focus:function(){return a.DomHandler.focus(b.current)},getElement:function(){return d.current},getInput:function(){return b.current}}})),u.useEffect((function(){b.current&&(b.current.checked=p.checked)}),[p.checked]),u.useEffect((function(){a.ObjectUtils.combinedRefs(b,p.inputRef)}),[b,p.inputRef]),o.useMountEffect((function(){p.autoFocus&&a.DomHandler.focus(b.current,p.autoFocus)}));var k=a.ObjectUtils.isNotEmpty(p.tooltip),E=f.getOtherProps(p),x=l({id:p.id,className:a.classNames(p.className,g("root",{context:s})),style:p.style,"data-p-checked":p.checked},E,y("root"));delete x.input,delete x.box,delete x.icon;var R,D,S,w;return u.createElement(u.Fragment,null,u.createElement("div",c({ref:d},x),(S=a.ObjectUtils.reduceKeys(E,a.DomHandler.ARIA_PROPS),w=l(m({id:p.inputId,type:"radio",name:p.name,defaultChecked:p.checked,onFocus:j,onBlur:P,onChange:O,disabled:p.disabled,readOnly:p.readonly,required:p.required,tabIndex:p.tabIndex,className:g("input")},S),e.input,y("input")),u.createElement("input",c({ref:b},w))),(R=l({className:g("box")},e.box,y("box")),D=l({className:g("icon")},e.icon,y("icon")),u.createElement("div",R,u.createElement("div",D)))),k&&u.createElement(i.Tooltip,c({target:d,content:p.tooltip,pt:y("tooltip")},p.tooltipOptions)))})));return v.displayName="RadioButton",e.RadioButton=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.tooltip,primereact.utils);