@2e32/react-radio
Version:
A React radio component
12 lines (10 loc) • 8.71 kB
JavaScript
;var Ze=Object.create;var A=Object.defineProperty,Je=Object.defineProperties,ze=Object.getOwnPropertyDescriptor,Qe=Object.getOwnPropertyDescriptors,Xe=Object.getOwnPropertyNames,F=Object.getOwnPropertySymbols,Ye=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty,me=Object.prototype.propertyIsEnumerable;var fe=(e,o,t)=>o in e?A(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,i=(e,o)=>{for(var t in o||(o={}))Q.call(o,t)&&fe(e,t,o[t]);if(F)for(var t of F(o))me.call(o,t)&&fe(e,t,o[t]);return e},b=(e,o)=>Je(e,Qe(o));var l=(e,o)=>{var t={};for(var n in e)Q.call(e,n)&&o.indexOf(n)<0&&(t[n]=e[n]);if(e!=null&&F)for(var n of F(e))o.indexOf(n)<0&&me.call(e,n)&&(t[n]=e[n]);return t};var je=(e,o)=>()=>(o||e((o={exports:{}}).exports,o),o.exports),eo=(e,o)=>{for(var t in o)A(e,t,{get:o[t],enumerable:!0})},ue=(e,o,t,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of Xe(o))!Q.call(e,r)&&r!==t&&A(e,r,{get:()=>o[r],enumerable:!(n=ze(o,r))||n.enumerable});return e};var p=(e,o,t)=>(t=e!=null?Ze(Ye(e)):{},ue(o||!e||!e.__esModule?A(t,"default",{value:e,enumerable:!0}):t,e)),oo=e=>ue(A({},"__esModule",{value:!0}),e);var d=je((Po,M)=>{(function(){"use strict";var e={}.hasOwnProperty;function o(){for(var r="",s=0;s<arguments.length;s++){var a=arguments[s];a&&(r=n(r,t(a)))}return r}function t(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return o.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var s="";for(var a in r)e.call(r,a)&&r[a]&&(s=n(s,a));return s}function n(r,s){return s?r?r+" "+s:r+s:r}typeof M!="undefined"&&M.exports?(o.default=o,M.exports=o):typeof define=="function"&&typeof define.amd=="object"&&define.amd?define("classnames",[],function(){return o}):window.classNames=o})()});var Ro={};eo(Ro,{default:()=>yo});module.exports=oo(Ro);var I=p(require("react")),De=p(d());var Ae=p(require("react")),ve=p(d());var be=p(d()),ke=require("react/jsx-runtime"),to=({icon:e,position:o,className:t})=>{let n=e!=null?e:"*";return(0,ke.jsx)("span",{className:(0,be.default)("e-radio-group__asterisk",{"e-radio-group__asterisk--position-left":o==="left","e-radio-group__asterisk--position-right":o==="right"},t),children:n})},X=to;var ye=p(require("react")),Re=p(d());var xe=require("react/jsx-runtime"),ro=(e,o)=>{let a=e,{disabled:t=!1,block:n=!1,className:r}=a,s=l(a,["disabled","block","className"]);return(0,xe.jsx)("span",i({ref:o,className:(0,Re.default)("e-radio-group",{"e-radio-group--disabled":t,"e-radio-group--block":n},r)},s))},Y=ye.default.forwardRef(ro);var he=p(d()),Pe=require("react/jsx-runtime"),no=({children:e,className:o})=>(0,Pe.jsx)("div",{className:(0,he.default)("e-radio-group__hint",o),children:e}),j=no;var Ce=p(d());var u=require("react/jsx-runtime"),so=e=>{let{htmlFor:o,children:t,className:n,required:r=!1,asteriskIcon:s,asteriskPosition:a,asteriskClassName:c}=e,m=r?(0,u.jsx)(X,{icon:s,position:a,className:c}):null;return(0,u.jsx)("label",{htmlFor:o,className:(0,Ce.default)("e-radio-group__label",n),children:a==="left"?(0,u.jsxs)(u.Fragment,{children:[m,t]}):(0,u.jsxs)(u.Fragment,{children:[t,m]})})},ee=so;var ge=(e,o)=>Object.is(e,o);var C=e=>typeof e=="string",oe=e=>typeof e=="number",g=e=>typeof e=="function";var Ie=(e,o,t)=>C(t)?e[t]:g(t)?t(e,o):C(e)||oe(e)?e:o,Ne=(e,o)=>C(o)?e[o]:g(o)?o(e):e,Oe=(e,o,t)=>C(t)?e[t]:g(t)?t(e,o):C(e)||oe(e)?e:JSON.stringify(e),_e=(e,o,t)=>{let n=t-1;return{currentIndex:e,lastIndex:n,selectedIndex:o,isFirstIndex:e===0,isLastIndex:e===n,isSelectedIndex:e===o,optionsCount:t}};var R=require("react/jsx-runtime"),ao=(e,o)=>{let E=e,{value:t,label:n,hint:r,options:s=[],optionKey:a,optionContent:c,optionValue:m,optionDisabled:v,isValueEqualOption:N,labelClassName:K,hintClassName:S,disabled:T=!1,readOnly:y=!1,block:x=!1,vertical:D=!1,required:q=!1,asteriskIcon:U,asteriskPosition:w="right",asteriskClassName:O,renderIcon:$,renderOption:V,onChange:_}=E,W=l(E,["value","label","hint","options","optionKey","optionContent","optionValue","optionDisabled","isValueEqualOption","labelClassName","hintClassName","disabled","readOnly","block","vertical","required","asteriskIcon","asteriskPosition","asteriskClassName","renderIcon","renderOption","onChange"]),H=N!=null?N:ge,L=s.findIndex(f=>H(t,f)),G=s.map((f,h)=>{let P=Ie(f,h,a),Z=H(t,f),de=v?v(f):!1;if(V){let J={key:P,selected:Z,disabled:de},z=_e(h,L,s.length);return V({option:f,optionProps:J,extraProps:z})}let $e=Oe(f,h,c);return(0,R.jsx)(B,{checked:Z,value:f,disabled:T||de,readOnly:y,renderIcon:$,onChange:(J,z)=>{let We=Ne(J,m);_==null||_(We,z)},children:$e},P)});return(0,R.jsxs)(Y,b(i({ref:o,disabled:T,block:x},W),{children:[n!=null&&(0,R.jsx)(ee,{className:K,required:q,asteriskIcon:U,asteriskPosition:w,asteriskClassName:O,children:n}),(0,R.jsx)("div",{className:(0,ve.default)("e-radio-group__content",{"e-radio-group__content--vertical":D}),children:G}),r!=null&&(0,R.jsx)(j,{className:S,children:r})]}))},Se=Ae.default.forwardRef(ao);var Te=Se;var te=require("react/jsx-runtime"),io=e=>(0,te.jsx)("svg",b(i({},e),{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,te.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"})})),re=io;var ne=require("react/jsx-runtime"),po=e=>(0,ne.jsx)("svg",b(i({},e),{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,ne.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"})})),se=po;var we=p(d());var Ve=require("react/jsx-runtime"),lo=e=>{let m=e,{checked:o=!1,disabled:t=!1,readOnly:n=!1,className:r,checkmarkPosition:s,checkmarkAlign:a}=m,c=l(m,["checked","disabled","readOnly","className","checkmarkPosition","checkmarkAlign"]);return(0,Ve.jsx)("span",i({className:(0,we.default)("e-radio__box",`e-radio__box--position-${s}`,`e-radio__box--align-${a}`,{"e-radio__box--checked":o,"e-radio__box--disabled":t,"e-radio__box--readonly":n&&!t},r)},c))},ae=lo;var He=p(require("react")),Le=p(d());var Ge=require("react/jsx-runtime"),co=(e,o)=>{let c=e,{disabled:t=!1,block:n=!1,className:r,checkmarkPosition:s}=c,a=l(c,["disabled","block","className","checkmarkPosition"]);return(0,Ge.jsx)("span",i({ref:o,className:(0,Le.default)("e-radio",`e-radio--orientation-${s}`,{"e-radio--disabled":t,"e-radio--block":n},r)},a))},ie=He.default.forwardRef(co);var Ee=p(d()),Fe=require("react/jsx-runtime"),fo=({children:e,className:o})=>(0,Fe.jsx)("div",{className:(0,Ee.default)("e-radio__hint",o),children:e}),pe=fo;var Me=p(d());var Be=require("react/jsx-runtime"),mo=t=>{var n=t,{className:e}=n,o=l(n,["className"]);return(0,Be.jsx)("label",i({className:(0,Me.default)("e-radio__label",e)},o))},le=mo;var Ke=require("react/jsx-runtime"),uo=e=>e?re:se,bo=({checked:e})=>{let o=uo(e);return(0,Ke.jsx)(o,{className:"e-radio__icon"})},ce=bo;var k=require("react/jsx-runtime"),ko=(e,o)=>{let h=e,{id:t,name:n,value:r,checked:s=!1,children:a,hint:c,boxClassName:m,inputClassName:v,labelClassName:N,hintClassName:K,checkmarkPosition:S="left",checkmarkAlign:T="center",disabled:y=!1,readOnly:x=!1,autoFocus:D=!1,block:q=!1,tabIndex:U=0,renderIcon:w,onChange:O,onFocus:$,onBlur:V}=h,_=l(h,["id","name","value","checked","children","hint","boxClassName","inputClassName","labelClassName","hintClassName","checkmarkPosition","checkmarkAlign","disabled","readOnly","autoFocus","block","tabIndex","renderIcon","onChange","onFocus","onBlur"]),W=(0,I.useRef)(null),H=(0,I.useId)(),L=t!=null?t:H,G=r!=null,E=()=>{let P={value:r,checked:s,disabled:y,readOnly:x};return(g(w)?w:ce)(P)},f=P=>{G&&(O==null||O(r,P))};return(0,k.jsxs)(ie,b(i({ref:o,checkmarkPosition:S,disabled:y,block:q},_),{children:[(0,k.jsxs)(ae,{checked:s,disabled:y,readOnly:x,className:m,checkmarkPosition:S,checkmarkAlign:T,children:[(0,k.jsx)("input",{id:L,ref:W,type:"radio",checked:s,name:n,value:G?String(r):void 0,disabled:y,readOnly:x,autoFocus:D,className:(0,De.default)("e-radio__input",v),tabIndex:U,onChange:y||x?void 0:f,onFocus:$,onBlur:V}),E()]}),a!=null&&(0,k.jsxs)("div",{children:[(0,k.jsx)(le,{htmlFor:L,className:N,children:a}),c!=null&&(0,k.jsx)(pe,{className:K,children:c})]})]}))},qe=I.default.forwardRef(ko);qe.Group=Te;var Ue=qe;var B=Ue;var yo=B;
/*! 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