@nexusui/components
Version:
These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.
3 lines (2 loc) • 780 B
JavaScript
"use client";
import{jsx as t}from"react/jsx-runtime";import i from"@mui/material/ClickAwayListener";import o from"@mui/material/TextField";import{useState as r}from"react";import e from"@mui/material/Chip";import{KeyCodes as a}from"../../util/constants.js";const n=n=>{const{index:m,onEmailEdited:p,...u}=n,[l,s]=r(!1),[c,d]=r(u.label);return l?t(i,{onClickAway:t=>{s(!1),p(m,c)},children:t(o,{autoFocus:!0,variant:"outlined",value:c,onChange:t=>d(t.target.value),onKeyDown:t=>{t.stopPropagation(),t.key===a.ENTER&&(s(!1),p(m,c))},slotProps:{input:{inputProps:{"data-testid":"NexusEmailChip-chip"}}},sx:{"& .MuiInputBase-root":{borderRadius:14,py:2},"& .MuiInputBase-input":{py:0,width:"fit-content"},m:.5}})}):t(e,{...u,clickable:!0,onClick:()=>s(!0)})};export{n as EmailChip};