carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 3.31 kB
JavaScript
import{jsx as e,Fragment as t}from"react/jsx-runtime";import r,{useContext as n,useCallback as o}from"react";import i from"invariant";import l from"./radio-button.style.js";import a from"../../__internal__/checkable-input/checkable-input.component.js";import p from"./radio-button-svg.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import s from"../../style/utils/filter-styled-system-margin-props.js";import{TooltipProvider as c}from"../../__internal__/tooltip-provider/index.js";import d from"../carbon-provider/__internal__/new-validation.context.js";import u from"../../__internal__/utils/helpers/tags/tags.js";function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){b(e,t,r[t])}))}return e}function m(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const y=r.forwardRef(((r,b)=>{var{autoFocus:y,checked:g,disabled:h,fieldHelp:O,fieldHelpInline:j,id:v,inline:w,inputWidth:P,label:_,labelHelp:H,labelSpacing:S=1,labelWidth:k,name:x,onChange:F,onBlur:I,onFocus:W,value:B,reverse:D=!1,size:z,error:A,warning:C,info:E,tooltipPosition:L,"data-element":R,"data-role":N,helpAriaLabel:T}=r,V=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,["autoFocus","checked","disabled","fieldHelp","fieldHelpInline","id","inline","inputWidth","label","labelHelp","labelSpacing","labelWidth","name","onChange","onBlur","onFocus","value","reverse","size","error","warning","info","tooltipPosition","data-element","data-role","helpAriaLabel"]);const{validationRedesignOptIn:Y}=n(d),q=s(V),G=o((e=>{F&&F(e),e.target.focus()}),[F]),J=m(f({},{error:A,warning:C,info:E}),{disabled:h,inputWidth:P,fieldHelpInline:j,labelSpacing:S}),K=m(f(m(f({},J),{autoFocus:y,checked:g,fieldHelp:O,name:x,onChange:G,onBlur:I,onFocus:W,labelInline:!0,labelWidth:k,label:_,labelHelp:H,id:v,value:B,type:"radio",reverse:!D,ref:b}),V),{"data-component":void 0});i(!V.children,"This component is meant to be used as a self-closing tag. You should probably use the label prop instead.");const M=e(l,m(f({applyNewValidation:Y,inline:w,reverse:D,size:z},J,q,u("radio-button",{"data-element":R,"data-role":N})),{children:e(a,m(f({},K),{children:e(p,{})}))}));return e(t,{children:Y?M:e(c,{helpAriaLabel:T,tooltipPosition:L,children:M})})}));y.displayName="RadioButton";var g=r.memo(y);export{y as RadioButton,g as default};