@start-base/react-form-elements/Radio/index.js

Simplify form elements and form management. Selection of user friendly inputs and wide customization abilities to match your design and functionality.

"use strict";var e=require("react"),a=require("clsx");function l(e){return e&&e.__esModule?e:{default:e}}function r(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var r=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(a,l,r.get?r:{enumerable:!0,get:function(){return e[l]}})}})),a.default=e,Object.freeze(a)}var t=r(e),o=l(a),n=Object.defineProperty,d=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,s=(e,a,l)=>a in e?n(e,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[a]=l,c=(e,a)=>{for(var l in a||(a={}))u.call(a,l)&&s(e,l,a[l]);if(d)for(var l of d(a))i.call(a,l)&&s(e,l,a[l]);return e},m=e=>t.createElement("svg",c({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,fill:"none"},e),t.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M9.666 3.666 4.999 8.332 2.666 6"})),f="SUI-Radio-module-root-qaRs5",b="SUI-Radio-module-inputRoot-trne7",p="SUI-Radio-module-label-Znh-K",v="SUI-Radio-module-box-9vZnw",h="SUI-Radio-module-noLabel-q3TUN",O="SUI-Radio-module-boxDisabled-WM5wd",g="SUI-Radio-module-inputError-3q29C",y="SUI-Radio-module-icon-58EOO",N="SUI-Radio-module-input-9rDt5",R="SUI-Radio-module-errorLabel-l016C",E=e.forwardRef(((a,l)=>{var r=a,{name:n,onChange:s,value:E,label:w=null,checked:C=!1,inputClassName:j=null,labelClassName:I=null,errorClassName:S=null,disabled:U=!1,error:k=null}=r,_=((e,a)=>{var l={};for(var r in e)u.call(e,r)&&a.indexOf(r)<0&&(l[r]=e[r]);if(null!=e&&d)for(var r of d(e))a.indexOf(r)<0&&i.call(e,r)&&(l[r]=e[r]);return l})(r,["name","onChange","value","label","checked","inputClassName","labelClassName","errorClassName","disabled","error"]);const x=e.useMemo((()=>k&&"string"==typeof k?k:k&&"object"==typeof k&&k.message?k.message:null),[k]);return t.default.createElement("label",{htmlFor:`radio_${n}_${E}`,className:o.default(f)},t.default.createElement("div",{className:o.default(b)},t.default.createElement("input",c({ref:l,className:N,name:n,type:"radio",checked:C,value:E,onChange:s,id:`radio_${n}_${E}`,disabled:U},_)),t.default.createElement("span",{className:o.default(v,c({[O]:U,[g]:"boolean"==typeof k&&k,[h]:!w},j?{[j]:!0}:{}))},t.default.createElement(m,{className:y})),t.default.createElement("div",{className:o.default(p,c({},I?{[I]:!0}:{}))},w)),x&&t.default.createElement("div",{className:o.default(R,c({},S?{[S]:!0}:{}))},x))}));E.displayName="Radio";var w=E;module.exports=w;