@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) • 956 B
JavaScript
"use client";
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/ClickAwayListener"),i=require("@mui/material/TextField"),a=require("react"),r=require("@mui/material/Chip"),u=require("../../util/constants.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(t),s=n(i),l=n(r);exports.EmailChip=t=>{const{index:i,onEmailEdited:r,...n}=t,[d,p]=a.useState(!1),[c,m]=a.useState(n.label);return d?e.jsx(o.default,{onClickAway:e=>{p(!1),r(i,c)},children:e.jsx(s.default,{autoFocus:!0,variant:"outlined",value:c,onChange:e=>m(e.target.value),onKeyDown:e=>{e.stopPropagation(),e.key===u.KeyCodes.ENTER&&(p(!1),r(i,c))},slotProps:{input:{inputProps:{"data-testid":"NexusEmailChip-chip"}}},sx:{"& .MuiInputBase-root":{borderRadius:14,py:2},"& .MuiInputBase-input":{py:0,width:"fit-content"},m:.5}})}):e.jsx(l.default,{...n,clickable:!0,onClick:()=>p(!0)})};