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

Web application development ecosystem

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