@start-base/react-form-elements/RadioCards/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 o=r(e),t=l(a),d=Object.defineProperty,n=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,i=(e,a,l)=>a in e?d(e,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[a]=l,m=(e,a)=>{for(var l in a||(a={}))u.call(a,l)&&i(e,l,a[l]);if(n)for(var l of n(a))s.call(a,l)&&i(e,l,a[l]);return e},c=e=>o.createElement("svg",m({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,fill:"none"},e),o.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",C="SUI-Radio-module-box-9vZnw",v="SUI-Radio-module-noLabel-q3TUN",N="SUI-Radio-module-boxDisabled-WM5wd",R="SUI-Radio-module-inputError-3q29C",g="SUI-Radio-module-icon-58EOO",y="SUI-Radio-module-input-9rDt5",S="SUI-Radio-module-errorLabel-l016C",I=e.forwardRef(((a,l)=>{var r=a,{name:d,onChange:i,value:I,label:U=null,checked:h=!1,inputClassName:E=null,labelClassName:O=null,errorClassName:w=null,disabled:j=!1,error:k=null}=r,x=((e,a)=>{var l={};for(var r in e)u.call(e,r)&&a.indexOf(r)<0&&(l[r]=e[r]);if(null!=e&&n)for(var r of n(e))a.indexOf(r)<0&&s.call(e,r)&&(l[r]=e[r]);return l})(r,["name","onChange","value","label","checked","inputClassName","labelClassName","errorClassName","disabled","error"]);const _=e.useMemo((()=>k&&"string"==typeof k?k:k&&"object"==typeof k&&k.message?k.message:null),[k]);return o.default.createElement("label",{htmlFor:`radio_${d}_${I}`,className:t.default(f)},o.default.createElement("div",{className:t.default(b)},o.default.createElement("input",m({ref:l,className:y,name:d,type:"radio",checked:h,value:I,onChange:i,id:`radio_${d}_${I}`,disabled:j},x)),o.default.createElement("span",{className:t.default(C,m({[N]:j,[R]:"boolean"==typeof k&&k,[v]:!U},E?{[E]:!0}:{}))},o.default.createElement(c,{className:g})),o.default.createElement("div",{className:t.default(p,m({},O?{[O]:!0}:{}))},U)),_&&o.default.createElement("div",{className:t.default(S,m({},w?{[w]:!0}:{}))},_))}));I.displayName="Radio";var U=I,h="SUI-RadioCards-module-root-oVvy9",E="SUI-RadioCards-module-label-p6HCA",O="SUI-RadioCards-module-errorLabel-FqLsK",w="SUI-RadioCards-module-container-3d0DC",j="SUI-RadioCards-module-row-VFSRG",k="SUI-RadioCards-module-column-yfaSj",x="SUI-RadioCards-module-card-OyarA",_="SUI-RadioCards-module-selected-NosOT",L="SUI-RadioCards-module-disabled-Wxggx",q="SUI-RadioCards-module-hide-4XxEs",M="SUI-RadioCards-module-inputError-45Zgi",P=e.forwardRef((({name:a,onChange:l,value:r=null,options:d=[],label:n=null,inputClassName:u=null,cardClassName:s=null,labelClassName:i=null,optionLabelClassName:c=null,direction:f="column",errorClassName:b=null,disabled:p=!1,hideInput:C=!0,error:v=null},N)=>{const R=e.useMemo((()=>v&&"string"==typeof v?v:v&&"object"==typeof v&&v.message?v.message:null),[v]);return o.default.createElement("label",{className:h},o.default.createElement("span",{className:t.default(E,m({},i?{[i]:!0}:{}))},n),o.default.createElement("div",{className:t.default(w,{[j]:"row"===f,[k]:"column"===f})},d.map(((e,d)=>o.default.createElement("div",{key:d,className:t.default(s,x,{[_]:e.value===r,[L]:p,[M]:"boolean"==typeof v&&v}),onClick:()=>{return r=e.value,void(p||l({target:{name:a,value:r}}));var r}},o.default.createElement(U,{ref:N,inputClassName:t.default(u,m({},C?{[q]:!0}:{})),labelClassName:c,checked:e.value===r,label:e.label,value:e.value,error:v&&"boolean"==typeof v,disabled:p,name:a,onChange:l}))))),R&&o.default.createElement("div",{className:t.default(O,m({},b?{[b]:!0}:{}))},R))}));P.displayName="RadioCards";var D=P;module.exports=D;