@bothub-chat/ui/dist/components/developer-key/index.js

Bothub UI Components

import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as t,useCallback as r}from"react";import{DeveloperKeyWrapper as l,DeveloperKeyLabel as i,DeveloperKeyContent as s,DeveloperKeyStyled as n,DeveloperKeyValue as c,DeveloperKeyCopyIcon as p,DeveloperKeyDeleteButton as m,DeveloperKeyDeleteIcon as d}from"./styled.js";import"../../theme/index.js";import"tslib";import{IconProvider as a}from"../icon/context.js";import"../icon/styled.js";import"@react-spring/web";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../tooltip/context.js";import{CheckSmallIcon as y}from"../../icons/check-small/index.js";import{CopyIcon as h}from"../../icons/copy/index.js";import{Skeleton as j}from"../skeleton/index.js";export{AddDeveloperKeyButton,DeveloperKeyList,DeveloperKeysButtons,DeveloperKeysHeader,DeveloperKeysIcon,DeveloperKeysStyled,DeveloperKeysTitle}from"./list/styled.js";import{useTheme as f}from"../../theme/hook.js";const x=({id:x,className:k,tabIndex:u=0,skeleton:D=!1,label:v,children:K,onCopy:b,onDelete:g})=>{const B=f(),[C,I]=t(!1),[$,w]=t(!1),z=r((()=>{I(!1),w(!1)}),[]),L=r((()=>{D||$||("string"==typeof K&&(null==b||b(K)),w(!0))}),[D,$,K,b]),N=r((()=>{D||(I(!0),L())}),[D]),S=r((()=>{D||null==g||g(x)}),[D,x,g]);return e(a,{children:o(l,{$skeleton:D,children:[v&&e(i,{children:v}),o(s,{children:[o(n,{$skeleton:D,className:k,tabIndex:u,onFocus:N,onBlur:z,onClick:L,children:[!D&&e(c,{children:K}),D&&e(c,{children:e(j,{fullWidth:!0})}),e(p,{as:C?y:h,size:18,fill:C?B.colors.accent.primaryLight:B.colors.grayScale.gray1})]}),e(m,{onClick:S,$skeleton:D,children:e(d,{size:20})})]})]})})};export{x as DeveloperKey};