@bothub-chat/ui/dist/components/range-field/index.js

Bothub UI Components

import{__rest as e}from"tslib";import{useState as o,useCallback as t,createElement as n}from"react";import{jsxs as r,jsx as i}from"react/jsx-runtime";import{Tooltip as l}from"../tooltip/index.js";import{RangeFieldStyled as a,RangeFieldLabel as s,RangeFieldFormattedValue as d,RangeFieldRange as m,RangeFieldRangeThumb as p,RangeFieldSkeleton as h,RangeFieldErrorText as c}from"./styled.js";import{Skeleton as u}from"../skeleton/index.js";import{useTooltip as f,TooltipConsumer as b}from"../tooltip/context.js";const v=v=>{var{label:P,error:g,min:x,max:y,step:j,value:k,fullWidth:L=!1,disabled:M=!1,skeleton:T=!1,onChange:E,formatValue:$,onPointerLeave:C}=v,W=e(v,["label","error","min","max","step","value","fullWidth","disabled","skeleton","onChange","formatValue","onPointerLeave"]);const{handleTooltipMouseEnter:A,handleTooltipMouseLeave:O}=f(),[V,w]="number"==typeof k||Array.isArray(k)?[k,E]:o([0]),N=t(e=>{null==w||w(e)},[w]);return r(a,{$fullWidth:L,$disabled:M,onPointerLeave:C,children:[P&&T&&i(s,{children:i(u,{width:100})}),"string"==typeof P&&!T&&i(s,{onPointerLeave:A,onPointerEnter:O,children:P}),"string"!=typeof P&&!T&&P,$&&i(d,{children:$(V)}),!T&&i(l,{label:String(V),disabled:M,children:i(b,{children:({handleTooltipMouseEnter:e,handleTooltipMouseLeave:o,handleTooltipPointerMove:t})=>i(m,Object.assign({},W,{min:x,max:y,step:j,value:V,$disabled:M,disabled:M,classNames:{track:"custom-track"},handleRender:(r,i)=>n(p,Object.assign({},i,{key:r.key,$disabled:M,onPointerMove:t,onPointerEnter:e,onPointerLeave:o}),r),onChange:N}))})}),T&&i(h,{}),g&&i(c,{children:g})]})};export{v as RangeField,c as RangeFieldErrorText,d as RangeFieldFormattedValue,s as RangeFieldLabel,m as RangeFieldRange,p as RangeFieldRangeThumb,h as RangeFieldSkeleton,a as RangeFieldStyled};