@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) • 1.37 kB
JavaScript
"use client";
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("react"),a=require("@mui/material/Stack"),i=require("./CommentTextField.js"),n=require("../../../StatusAvatar/StatusAvatar.container.js"),o=require("../../CommentRichText/CommentRichTextInput.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var s=r(e),l=r(a);const u="NexusCommentInput",m=s.default.forwardRef(((e,a)=>{const{author:r,initialComment:s,initialAttachments:m,initialTags:d,initialMetadata:c,onSave:x,onCommentChange:C,onCancel:h,placeholder:p,statusMapping:f,sx:g,autoFocus:j,disabled:v=!1,mode:T="plaintext",richTextConfig:A,state:S="add",...b}=e;return t.jsxs(l.default,{direction:"row",alignItems:"start","data-testid":`${u}-root`,className:`${u}-root`,width:"100%",sx:[...Array.isArray(g)?g:[g]],...b,ref:a,children:[t.jsx(n.StatusAvatar,{sx:{width:40,height:40},statusMapping:f,...r,status:void 0,disabled:v}),"plaintext"===T?t.jsx(i.CommentTextField,{initialComment:s,onSave:x,onCommentChange:C,onCancel:h,placeholder:p,autoFocus:j,disabled:v,state:S}):t.jsx(o.CommentRichTextInput,{sx:{ml:4},richTextConfig:A,initialComment:s,initialAttachments:m,initialTags:d,initialMetadata:c,onSave:x,onCommentChange:C,onCancel:h,placeholder:p,autoFocus:j,disabled:v,state:S})]})}));exports.CommentInput=m;