Build 545032stable
Module 568385
1,794 characters · in no known chunkDependencies
Source Raw
function(e,t,n){"use strict";n.d(t,{J:()=>h});var i=n(627968),r=n(64700),s=n(503698),a=n.n(s),o=n(129844),l=n(47948),u=n(187322),c=n(820081),d=n(331322),_=n(834730),f=n(197452);function h(e){let{checked:t,description:n,onChange:s,disabled:h=!1,displayOnly:p,label:E,labeledBy:m,leadingIcon:g,value:A,labelType:I="primary",usageVariant:T="single"}=e,S=(0,r.useRef)(null),N=(0,r.useRef)(null),y=(0,r.useRef)(null),[C,v]=(0,r.useState)(void 0),O=(0,r.useRef)(!1),R=null!=g?g:null;(0,r.useEffect)(()=>{if(!O.current){O.current=!0;return}v(t?"animateIn":"animateOut")},[t]);let b=a()(f.checkboxOption,"string"==typeof C&&f[C],"indicator"!==T&&f.spacing),D=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:f.checkboxIndicator,ref:S,"aria-hidden":!0,children:[(0,i.jsx)("svg",{className:f.checkmark,width:20,height:20,viewBox:"0 0 20 20",fill:"none","aria-hidden":!0,children:(0,i.jsx)("circle",{className:f.dot,cx:"10",cy:"10",r:"1.1",fill:"currentColor"})}),(0,i.jsx)(c.B,{className:f.checkStroke,size:"sm",color:"currentColor"})]}),null!=E&&""!==E&&(0,i.jsxs)(d.B,{gap:4,children:[(0,i.jsxs)(o.J,{className:f.label,children:[null!=R&&(0,i.jsx)(R,{className:f.leadingIcon,size:"sm",color:"currentColor","aria-hidden":!0,focusable:!1}),(0,i.jsx)(_.E,{variant:"text-md/normal",color:"primary"===I?"text-strong":"text-subtle",children:E})]}),null!=n&&""!==n&&(0,i.jsx)(_.E,{variant:"text-sm/normal",color:"text-subtle",children:n})]})]});return p?(0,i.jsx)("div",{className:b,"data-selected":t||void 0,"data-disabled":h||void 0,children:D}):(0,i.jsx)(u.vN,{focusTarget:N,ringTarget:y,children:(0,i.jsx)(l.Sc,{ref:y,inputRef:N,"aria-labelledby":m,isSelected:t,onChange:e=>{null!=s&&s(e)},isDisabled:h,isReadOnly:p,"data-mana-component":"checkbox",className:b,value:String(A),children:D})})}}