@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) • 988 B
JavaScript
"use client";
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/Box"),r=require("@mui/material/Stack"),i=require("react"),a=require("./EmailChip.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(t),o=l(r);const u=l(i).default.forwardRef((({emails:t,onDelete:r,onEmailEdited:i,...l},u)=>{const d=t.length>0;return e.jsxs(o.default,{direction:"row",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"center",sx:{flex:1,overflowX:"auto",width:"100%",p:d?2:0},children:[t.map(((t,l)=>e.jsx(a.EmailChip,{index:l,onEmailEdited:i,color:t.valid?"default":"error",variant:"filled",tabIndex:-1,label:t.email,onDelete:()=>r(t),sx:{m:.5,maxWidth:{xs:"calc(100% - 0.5rem)",sm:"300px"}}},t.email))),e.jsx(n.default,{component:"input","data-testid":"custom-input",ref:u,...l,type:"text",sx:{flex:1,minWidth:"180px !important",overflow:"hidden"}})]})}));exports.CustomInputComponent=u;