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