@bothub-chat/ui/dist/components/checkbox/index.js

Bothub UI Components

import{__rest as e}from"tslib";import{jsxs as o,Fragment as t,jsx as r}from"react/jsx-runtime";import{useCallback as l}from"react";import{CheckboxStyled as n,CheckboxInput as a,CheckboxBlock as i,CheckboxCheckedIcon as s,CheckboxBlockSkeleton as c,CheckboxLabel as d}from"./styled.js";import"@react-spring/web";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../../theme/index.js";import{useTooltip as h}from"../tooltip/context.js";import{Skeleton as m}from"../skeleton/index.js";const p=p=>{var u,{className:v,label:f,skeleton:k=!1,rowReverse:g,fullWidth:j=!1,checkedIcon:C,checkedColor:b,dataTest:y,onValueChange:w,onPointerLeave:x}=p,L=e(p,["className","label","skeleton","rowReverse","fullWidth","checkedIcon","checkedColor","dataTest","onValueChange","onPointerLeave"]);const{handleTooltipMouseEnter:$,handleTooltipMouseLeave:M}=h(),T=l((e=>{var o;null===(o=L.onChange)||void 0===o||o.call(L,e),null==w||w(e.target.checked)}),[L.onChange,w]);return o(n,{$disabled:null!==(u=L.disabled)&&void 0!==u&&u,$fullWidth:j,$rowReverse:g,className:v,onMouseEnter:$,onMouseLeave:M,onPointerLeave:x,"data-test":y,children:[!k&&o(t,{children:[r(a,Object.assign({},L,{$checkedColor:b,type:"checkbox",onChange:T})),r(i,{$checkedColor:b,children:C||r(s,{})})]}),k&&r(c,{}),f&&k&&r(d,{children:r(m,{width:200})}),"string"==typeof f&&!k&&r(d,{children:f}),"string"!=typeof f&&!k&&f]})};export{p as Checkbox,i as CheckboxBlock,c as CheckboxBlockSkeleton,s as CheckboxCheckedIcon,a as CheckboxInput,d as CheckboxLabel,n as CheckboxStyled};