siegel/lib/client_core/ui/Checkbox/index.js

Web application development ecosystem

import e from"react";import t from"../../../common/is/exists/index.js";import r from"../_internals/resolve_tag_attributes.js";import o from"../_internals/component.js";import a from"../_internals/ref_apply.js";import l from"../_internals/label.js";import c from"./styles.sass";let n="-ui-checkbox",s;function i(e){e.stopPropagation(),e.preventDefault()}function m(e,t,o){let{value:l,disabled:c,payload:n,className:s,theme:i,onChange:m,onMouseDown:p}=t,_=l?i._checked:"";return c?_+=` ${i._disabled}`:m&&(e.onMouseDown=e=>{p?.(e),e.defaultPrevented||m(!l,e,n)}),e.className+=` ${s} ${_}`,a(e,t),r(e,o)}let p=o(n,{theme:{root:s,_checked:s,_disabled:s,checkbox:s,with_icon_wrapper:s,label:s,label_wrapper:s},value:!1},r=>{let{theme:o,onChange:a,label:n,value:s,disabled:p,icon:_,checkboxAttributes:b,rootTagAttributes:d}=r,f=c.checkbox;o.checkbox&&(f+=` ${o.checkbox}`);let h={disabled:p,checked:s,type:"checkbox",className:f,onChange:i,readOnly:!a},u=t(n),x=t(_);u||x||(h=m(h,r,b));let k=e.createElement("input",{...h});if(x){let t={className:o.with_icon_wrapper};u||(t=m(t,r,d)),k=e.createElement("div",{...t},k,_)}return u?l(k,m({className:o.label_wrapper||""},r,d),{className:o.label,children:n}):k});export default p;export{n as componentID};