@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.
2 lines (1 loc) • 1.58 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("@mui/material/Box"),i=require("@mui/material/Card"),n=require("@mui/material/CardContent"),r=require("@mui/material/ClickAwayListener"),o=require("../../common/Popper/StyledPopper.js"),l=require("./CommentInput/CommentInput.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(a),u=s(i),m=s(n),p=s(r);exports.CommentFieldComponent=a=>{const{author:i,initialComment:n,initialAttachments:r,initialTags:s,initialMetadata:c,onCancel:x,onSave:C,onCommentChange:h,statusMapping:f,placeholder:b,autoFocus:j=!1,disabled:v=!1,type:g="basic",mode:q="plaintext",state:y="add",richTextConfig:w,open:M=!1,sx:P,...S}=a,[A,F]=t.useState(null),T=e.jsx(l.CommentInput,{author:i,initialComment:n,initialAttachments:r,initialTags:s,initialMetadata:c,placeholder:b,onCancel:x,onSave:C,onCommentChange:h,statusMapping:f,autoFocus:j,disabled:v,sx:"basic"===g?P:void 0,mode:q,state:y,richTextConfig:w});return"basic"===g?T:e.jsx(o.StyledPopper,{open:M,"data-testid":"NexusCommentField-root",disablePortal:!0,placement:"auto",modifiers:[{name:"arrow",enabled:!0,options:{element:A}},{name:"preventOverflow",enabled:!0}],sx:P,...S,children:e.jsx(p.default,{onClickAway:()=>{x?.()},children:e.jsxs(d.default,{sx:{position:"relative",overflow:"visible"},children:[e.jsx(o.StyledArrow,{ref:F,className:"MuiPopper-arrow"}),e.jsx(u.default,{sx:{borderRadius:2},children:e.jsx(m.default,{sx:{p:2,":last-child":{pb:2}},children:T})})]})})})};