@2e32/react-radio
Version:
A React radio component
12 lines (10 loc) • 5.41 kB
JavaScript
var ie=Object.create;var R=Object.defineProperty,ce=Object.defineProperties,le=Object.getOwnPropertyDescriptor,de=Object.getOwnPropertyDescriptors,fe=Object.getOwnPropertyNames,b=Object.getOwnPropertySymbols,pe=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable;var L=(e,o,t)=>o in e?R(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,i=(e,o)=>{for(var t in o||(o={}))A.call(o,t)&&L(e,t,o[t]);if(b)for(var t of b(o))V.call(o,t)&&L(e,t,o[t]);return e},d=(e,o)=>ce(e,de(o));var c=(e,o)=>{var t={};for(var r in e)A.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&b)for(var r of b(e))o.indexOf(r)<0&&V.call(e,r)&&(t[r]=e[r]);return t};var me=(e,o)=>()=>(o||e((o={exports:{}}).exports,o),o.exports);var ue=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of fe(o))!A.call(e,n)&&n!==t&&R(e,n,{get:()=>o[n],enumerable:!(r=le(o,n))||r.enumerable});return e};var m=(e,o,t)=>(t=e!=null?ie(pe(e)):{},ue(o||!e||!e.__esModule?R(t,"default",{value:e,enumerable:!0}):t,e));var f=me((Te,x)=>{(function(){"use strict";var e={}.hasOwnProperty;function o(){for(var n="",a=0;a<arguments.length;a++){var s=arguments[a];s&&(n=r(n,t(s)))}return n}function t(n){if(typeof n=="string"||typeof n=="number")return n;if(typeof n!="object")return"";if(Array.isArray(n))return o.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var a="";for(var s in n)e.call(n,s)&&n[s]&&(a=r(a,s));return a}function r(n,a){return a?n?n+" "+a:n+a:n}typeof x!="undefined"&&x.exports?(o.default=o,x.exports=o):typeof define=="function"&&typeof define.amd=="object"&&define.amd?define("classnames",[],function(){return o}):window.classNames=o})()});var W=m(f());import ge,{useRef as Se,useId as Be}from"react";import{jsx as E}from"react/jsx-runtime";var he=e=>E("svg",d(i({},e),{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:E("path",{d:"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7Z"})})),I=he;import{jsx as O}from"react/jsx-runtime";var be=e=>O("svg",d(i({},e),{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:O("path",{d:"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"})})),P=be;var G=m(f());import{jsx as ke}from"react/jsx-runtime";var xe=e=>{let u=e,{checked:o=!1,disabled:t=!1,readOnly:r=!1,className:n,checkmarkPosition:a,checkmarkAlign:s}=u,l=c(u,["checked","disabled","readOnly","className","checkmarkPosition","checkmarkAlign"]);return ke("span",i({className:(0,G.default)("e-radio__box",`e-radio__box--position-${a}`,`e-radio__box--align-${s}`,{"e-radio__box--checked":o,"e-radio__box--disabled":t,"e-radio__box--readonly":r&&!t},n)},l))},v=xe;var D=m(f());import ye from"react";import{jsx as Ae}from"react/jsx-runtime";var Re=(e,o)=>{let l=e,{disabled:t=!1,block:r=!1,className:n,checkmarkPosition:a}=l,s=c(l,["disabled","block","className","checkmarkPosition"]);return Ae("span",i({ref:o,className:(0,D.default)("e-radio",`e-radio--orientation-${a}`,{"e-radio--disabled":t,"e-radio--block":r},n)},s))},_=ye.forwardRef(Re);var U=m(f());import{jsx as Pe}from"react/jsx-runtime";var Ie=({children:e,className:o})=>Pe("div",{className:(0,U.default)("e-radio__hint",o),children:e}),C=Ie;var $=m(f());import{jsx as _e}from"react/jsx-runtime";var ve=t=>{var r=t,{className:e}=r,o=c(r,["className"]);return _e("label",i({className:(0,$.default)("e-radio__label",e)},o))},N=ve;var Z=e=>typeof e=="function";import{jsx as we}from"react/jsx-runtime";var Ce=e=>e?I:P,Ne=({checked:e})=>{let o=Ce(e);return we(o,{className:"e-radio__icon"})},w=Ne;import{jsx as g,jsxs as S}from"react/jsx-runtime";var He=(e,o)=>{let T=e,{id:t,name:r,value:n,checked:a=!1,children:s,hint:l,boxClassName:u,inputClassName:z,labelClassName:J,hintClassName:K,checkmarkPosition:B="left",checkmarkAlign:Q="center",disabled:p=!1,readOnly:h=!1,autoFocus:X=!1,block:Y=!1,tabIndex:j=0,renderIcon:H,onChange:k,onFocus:ee,onBlur:oe}=T,ne=c(T,["id","name","value","checked","children","hint","boxClassName","inputClassName","labelClassName","hintClassName","checkmarkPosition","checkmarkAlign","disabled","readOnly","autoFocus","block","tabIndex","renderIcon","onChange","onFocus","onBlur"]),te=Se(null),re=Be(),F=t!=null?t:re,M=n!=null,ae=()=>{let y={value:n,checked:a,disabled:p,readOnly:h};return(Z(H)?H:w)(y)},se=y=>{M&&(k==null||k(n,y))};return S(_,d(i({ref:o,checkmarkPosition:B,disabled:p,block:Y},ne),{children:[S(v,{checked:a,disabled:p,readOnly:h,className:u,checkmarkPosition:B,checkmarkAlign:Q,children:[g("input",{id:F,ref:te,type:"radio",checked:a,name:r,value:M?String(n):void 0,disabled:p,readOnly:h,autoFocus:X,className:(0,W.default)("e-radio__input",z),tabIndex:j,onChange:p||h?void 0:se,onFocus:ee,onBlur:oe}),ae()]}),s!=null&&S("div",{children:[g(N,{htmlFor:F,className:J,children:s}),l!=null&&g(C,{className:K,children:l})]})]}))},q=ge.forwardRef(He);var vo=q;export{vo as default};
/*! Bundled license information:
classnames/index.js:
(*!
Copyright (c) 2018 Jed Watson.
Licensed under the MIT License (MIT), see
http://jedwatson.github.io/classnames
*)
*/
//# sourceMappingURL=index.js.map