UNPKG

@2e32/react-radio

Version:
12 lines (10 loc) 5.59 kB
"use strict";var ue=Object.create;var b=Object.defineProperty,he=Object.defineProperties,be=Object.getOwnPropertyDescriptor,xe=Object.getOwnPropertyDescriptors,ke=Object.getOwnPropertyNames,y=Object.getOwnPropertySymbols,ye=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var E=(e,o,t)=>o in e?b(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,i=(e,o)=>{for(var t in o||(o={}))P.call(o,t)&&E(e,t,o[t]);if(y)for(var t of y(o))O.call(o,t)&&E(e,t,o[t]);return e},p=(e,o)=>he(e,xe(o));var c=(e,o)=>{var t={};for(var r in e)P.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&y)for(var r of y(e))o.indexOf(r)<0&&O.call(e,r)&&(t[r]=e[r]);return t};var Re=(e,o)=>()=>(o||e((o={exports:{}}).exports,o),o.exports),Ae=(e,o)=>{for(var t in o)b(e,t,{get:o[t],enumerable:!0})},G=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of ke(o))!P.call(e,n)&&n!==t&&b(e,n,{get:()=>o[n],enumerable:!(r=be(o,n))||r.enumerable});return e};var f=(e,o,t)=>(t=e!=null?ue(ye(e)):{},G(o||!e||!e.__esModule?b(t,"default",{value:e,enumerable:!0}):t,e)),Ie=e=>G(b({},"__esModule",{value:!0}),e);var m=Re((Le,R)=>{(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 R!="undefined"&&R.exports?(o.default=o,R.exports=o):typeof define=="function"&&typeof define.amd=="object"&&define.amd?define("classnames",[],function(){return o}):window.classNames=o})()});var Fe={};Ae(Fe,{default:()=>He});module.exports=Ie(Fe);var u=f(require("react")),Y=f(m());var v=require("react/jsx-runtime"),Pe=e=>(0,v.jsx)("svg",p(i({},e),{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,v.jsx)("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"})})),_=Pe;var C=require("react/jsx-runtime"),ve=e=>(0,C.jsx)("svg",p(i({},e),{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,C.jsx)("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"})})),N=ve;var D=f(m());var U=require("react/jsx-runtime"),_e=e=>{let x=e,{checked:o=!1,disabled:t=!1,readOnly:r=!1,className:n,checkmarkPosition:a,checkmarkAlign:s}=x,d=c(x,["checked","disabled","readOnly","className","checkmarkPosition","checkmarkAlign"]);return(0,U.jsx)("span",i({className:(0,D.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)},d))},w=_e;var $=f(require("react")),Z=f(m());var W=require("react/jsx-runtime"),Ce=(e,o)=>{let d=e,{disabled:t=!1,block:r=!1,className:n,checkmarkPosition:a}=d,s=c(d,["disabled","block","className","checkmarkPosition"]);return(0,W.jsx)("span",i({ref:o,className:(0,Z.default)("e-radio",`e-radio--orientation-${a}`,{"e-radio--disabled":t,"e-radio--block":r},n)},s))},g=$.default.forwardRef(Ce);var q=f(m()),z=require("react/jsx-runtime"),Ne=({children:e,className:o})=>(0,z.jsx)("div",{className:(0,q.default)("e-radio__hint",o),children:e}),S=Ne;var J=f(m());var K=require("react/jsx-runtime"),we=t=>{var r=t,{className:e}=r,o=c(r,["className"]);return(0,K.jsx)("label",i({className:(0,J.default)("e-radio__label",e)},o))},B=we;var Q=e=>typeof e=="function";var X=require("react/jsx-runtime"),ge=e=>e?_:N,Se=({checked:e})=>{let o=ge(e);return(0,X.jsx)(o,{className:"e-radio__icon"})},H=Se;var l=require("react/jsx-runtime"),Be=(e,o)=>{let V=e,{id:t,name:r,value:n,checked:a=!1,children:s,hint:d,boxClassName:x,inputClassName:ee,labelClassName:oe,hintClassName:ne,checkmarkPosition:F="left",checkmarkAlign:te="center",disabled:h=!1,readOnly:k=!1,autoFocus:re=!1,block:ae=!1,tabIndex:se=0,renderIcon:M,onChange:A,onFocus:ie,onBlur:ce}=V,le=c(V,["id","name","value","checked","children","hint","boxClassName","inputClassName","labelClassName","hintClassName","checkmarkPosition","checkmarkAlign","disabled","readOnly","autoFocus","block","tabIndex","renderIcon","onChange","onFocus","onBlur"]),de=(0,u.useRef)(null),fe=(0,u.useId)(),T=t!=null?t:fe,L=n!=null,pe=()=>{let I={value:n,checked:a,disabled:h,readOnly:k};return(Q(M)?M:H)(I)},me=I=>{L&&(A==null||A(n,I))};return(0,l.jsxs)(g,p(i({ref:o,checkmarkPosition:F,disabled:h,block:ae},le),{children:[(0,l.jsxs)(w,{checked:a,disabled:h,readOnly:k,className:x,checkmarkPosition:F,checkmarkAlign:te,children:[(0,l.jsx)("input",{id:T,ref:de,type:"radio",checked:a,name:r,value:L?String(n):void 0,disabled:h,readOnly:k,autoFocus:re,className:(0,Y.default)("e-radio__input",ee),tabIndex:se,onChange:h||k?void 0:me,onFocus:ie,onBlur:ce}),pe()]}),s!=null&&(0,l.jsxs)("div",{children:[(0,l.jsx)(B,{htmlFor:T,className:oe,children:s}),d!=null&&(0,l.jsx)(S,{className:ne,children:d})]})]}))},j=u.default.forwardRef(Be);var He=j; /*! 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