npm - @corva/ui - Versions diffs - 3.75.0-17 → 3.75.0-19 - Mend

@corva/ui 3.75.0-17 → 3.75.0-19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1045) hide show

package/components/CommentCard/CommentCardReactions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentCardReactions.js","sources":["../../../src/components/CommentCard/CommentCardReactions.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { MessageIcon, ShareTwoIcon, ThumbsUpIcon } from '../../icons';\n\nimport { CommentMenuItem } from './CommentCard.types';\nimport { CommentMenu } from './CommentMenu';\n\nimport styles from './CommentCard.scss';\n\ntype CommentCardReactionsProps = {\n info?: ReactNode;\n commentsCount?: number;\n likesCount?: number;\n isLiked?: boolean;\n menuItems?: CommentMenuItem[];\n onLike?: () => void;\n onReplyToggle?: () => void;\n onForward?: () => void;\n};\n\nexport const CommentCardReactions: FC<CommentCardReactionsProps> = ({\n info,\n commentsCount = 0,\n likesCount = 0,\n isLiked,\n menuItems,\n onLike,\n onReplyToggle,\n onForward,\n}) => {\n return (\n <div className={styles.actionsRow}>\n <div className={styles.actions}>\n {onReplyToggle && (\n <div className={styles.action}>\n <ButtonIcon\n size=\"xs\"\n type=\"tertiary\"\n onClick={onReplyToggle}\n testId=\"comment-card-reply\"\n >\n <MessageIcon size={16} />\n </ButtonIcon>\n {commentsCount > 0 && <span className={styles.count}>{commentsCount}</span>}\n </div>\n )}\n\n {onLike && (\n <div className={styles.action}>\n <ButtonIcon\n size=\"xs\"\n type=\"tertiary\"\n onClick={onLike}\n className={classNames(isLiked && styles.liked)}\n testId=\"comment-card-like\"\n >\n <ThumbsUpIcon size={16} />\n </ButtonIcon>\n {likesCount > 0 && <span className={styles.count}>{likesCount}</span>}\n </div>\n )}\n\n {onForward && (\n <Tooltip title=\"Share to Team Chat\">\n <span>\n <ButtonIcon\n size=\"xs\"\n type=\"tertiary\"\n onClick={onForward}\n testId=\"comment-card-forward\"\n >\n <ShareTwoIcon size={16} />\n </ButtonIcon>\n </span>\n </Tooltip>\n )}\n </div>\n\n <div className={styles.trailingActions}>\n {info}\n <CommentMenu items={menuItems} testId=\"comment-card-menu\" />\n </div>\n </div>\n );\n};\n"],"names":["CommentCardReactions","_ref","info","_ref$commentsCount","commentsCount","_ref$likesCount","likesCount","isLiked","menuItems","onLike","onReplyToggle","onForward","_jsxs","className","styles","actionsRow","children","actions","action","_jsx","ButtonIcon","size","type","onClick","testId","MessageIcon","count","classNames","liked","ThumbsUpIcon","Tooltip","title","ShareTwoIcon","trailingActions","CommentMenu","items"],"mappings":"~~mkIAuBaA~~,IAAAA,EAAsD,SAS7DC,GAAA,IARJC,IAAAA,KAAIC,EAAAF,EACJG,cAAAA,aAAgB,EAACD,EAAAE,EAAAJ,EACjBK,WAAAA,aAAa,EAACD,EACdE,IAAAA,QACAC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,cACAC,IAAAA,UAEA,OACEC,EAAA,MAAA,CAAKC,UAAWC,EAAOC,WAAWC,SAChC,CAAAJ,EAAA,MAAA,CAAKC,UAAWC,EAAOG,QAAQD,SAAA,CAC5BN,GACCE,EAAA,MAAA,CAAKC,UAAWC,EAAOI,OAAOF,SAAA,CAC5BG,EAACC,EAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASb,EACTc,OAAO,qBAAoBR,SAE3BG,EAACM,EAAW,CAACJ,KAAM,OAEpBjB,EAAgB,GAAKe,EAAA,OAAA,CAAMN,UAAWC,EAAOY,MAAMV,SAAEZ,OAIzDK,GACCG,EAAA,MAAA,CAAKC,UAAWC,EAAOI,OAAOF,SAAA,CAC5BG,EAACC,EAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASd,EACTI,UAAWc,EAAWpB,GAAWO,EAAOc,OACxCJ,OAAO,oBAAmBR,SAE1BG,EAACU,EAAY,CAACR,KAAM,OAErBf,EAAa,GAAKa,EAAA,OAAA,CAAMN,UAAWC,EAAOY,MAAMV,SAAEV,OAItDK,GACCQ,EAACW,EAAO,CAACC,MAAM,qBAAoBf,SACjCG,EAAA,OAAA,CAAAH,SACEG,EAACC,EAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASZ,EACTa,OAAO,uBAAsBR,SAE7BG,EAACa,EAAY,CAACX,KAAM,cAO9BT,EAAA,MAAA,CAAKC,UAAWC,EAAOmB,gBAAgBjB,SACpCd,CAAAA,EACDiB,EAACe,EAAW,CAACC,MAAO3B,EAAWgB,OAAO,2BAI9C"}
1	+ {"version":3,"file":"CommentCardReactions.js","sources":["../../../src/components/CommentCard/CommentCardReactions.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { MessageIcon, ShareTwoIcon, ThumbsUpIcon } from '../../icons';\n\nimport { CommentMenuItem } from './CommentCard.types';\nimport { CommentMenu } from './CommentMenu';\n\nimport styles from './CommentCard.scss';\n\ntype CommentCardReactionsProps = {\n info?: ReactNode;\n commentsCount?: number;\n likesCount?: number;\n isLiked?: boolean;\n menuItems?: CommentMenuItem[];\n onLike?: () => void;\n onReplyToggle?: () => void;\n onForward?: () => void;\n};\n\nexport const CommentCardReactions: FC<CommentCardReactionsProps> = ({\n info,\n commentsCount = 0,\n likesCount = 0,\n isLiked,\n menuItems,\n onLike,\n onReplyToggle,\n onForward,\n}) => {\n return (\n <div className={styles.actionsRow}>\n <div className={styles.actions}>\n {onReplyToggle && (\n <div className={styles.action}>\n <ButtonIcon\n size=\"xs\"\n type=\"tertiary\"\n onClick={onReplyToggle}\n testId=\"comment-card-reply\"\n >\n <MessageIcon size={16} />\n </ButtonIcon>\n {commentsCount > 0 && <span className={styles.count}>{commentsCount}</span>}\n </div>\n )}\n\n {onLike && (\n <div className={styles.action}>\n <ButtonIcon\n size=\"xs\"\n type=\"tertiary\"\n onClick={onLike}\n className={classNames(isLiked && styles.liked)}\n testId=\"comment-card-like\"\n >\n <ThumbsUpIcon size={16} />\n </ButtonIcon>\n {likesCount > 0 && <span className={styles.count}>{likesCount}</span>}\n </div>\n )}\n\n {onForward && (\n <Tooltip title=\"Share to Team Chat\">\n <span>\n <ButtonIcon\n size=\"xs\"\n type=\"tertiary\"\n onClick={onForward}\n testId=\"comment-card-forward\"\n >\n <ShareTwoIcon size={16} />\n </ButtonIcon>\n </span>\n </Tooltip>\n )}\n </div>\n\n <div className={styles.trailingActions}>\n {info}\n <CommentMenu items={menuItems} testId=\"comment-card-menu\" />\n </div>\n </div>\n );\n};\n"],"names":["CommentCardReactions","_ref","info","_ref$commentsCount","commentsCount","_ref$likesCount","likesCount","isLiked","menuItems","onLike","onReplyToggle","onForward","_jsxs","className","styles","actionsRow","children","actions","action","_jsx","ButtonIcon","size","type","onClick","testId","MessageIcon","count","classNames","liked","ThumbsUpIcon","Tooltip","title","ShareTwoIcon","trailingActions","CommentMenu","items"],"mappings":"0qIAuBaA,IAAAA,EAAsD,SAS7DC,GAAA,IARJC,IAAAA,KAAIC,EAAAF,EACJG,cAAAA,aAAgB,EAACD,EAAAE,EAAAJ,EACjBK,WAAAA,aAAa,EAACD,EACdE,IAAAA,QACAC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,cACAC,IAAAA,UAEA,OACEC,EAAA,MAAA,CAAKC,UAAWC,EAAOC,WAAWC,SAChC,CAAAJ,EAAA,MAAA,CAAKC,UAAWC,EAAOG,QAAQD,SAAA,CAC5BN,GACCE,EAAA,MAAA,CAAKC,UAAWC,EAAOI,OAAOF,SAAA,CAC5BG,EAACC,EAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASb,EACTc,OAAO,qBAAoBR,SAE3BG,EAACM,EAAW,CAACJ,KAAM,OAEpBjB,EAAgB,GAAKe,EAAA,OAAA,CAAMN,UAAWC,EAAOY,MAAMV,SAAEZ,OAIzDK,GACCG,EAAA,MAAA,CAAKC,UAAWC,EAAOI,OAAOF,SAAA,CAC5BG,EAACC,EAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASd,EACTI,UAAWc,EAAWpB,GAAWO,EAAOc,OACxCJ,OAAO,oBAAmBR,SAE1BG,EAACU,EAAY,CAACR,KAAM,OAErBf,EAAa,GAAKa,EAAA,OAAA,CAAMN,UAAWC,EAAOY,MAAMV,SAAEV,OAItDK,GACCQ,EAACW,EAAO,CAACC,MAAM,qBAAoBf,SACjCG,EAAA,OAAA,CAAAH,SACEG,EAACC,EAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASZ,EACTa,OAAO,uBAAsBR,SAE7BG,EAACa,EAAY,CAACX,KAAM,cAO9BT,EAAA,MAAA,CAAKC,UAAWC,EAAOmB,gBAAgBjB,SACpCd,CAAAA,EACDiB,EAACe,EAAW,CAACC,MAAO3B,EAAWgB,OAAO,2BAI9C"}

package/components/CommentCard/CommentCardReplies.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Avatar as o}from"../../componentsV2/Avatar/Avatar.js";import{ButtonText as s}from"../../componentsV2/ButtonText/ButtonText.js";import{DownSmallIcon as c}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{CommentMenu as i}from"./CommentMenu.js";import n from"./CommentCard.scss.js";import{jsxs as t,jsx as m}from"react/jsx-runtime";var r=function(r){var e=r.replies,p=r.hasMoreReplies,u=r.moreRepliesCount,a=r.replyInput,l=r.onShowMoreReplies;return t("div",{className:n.replies,children:[a,null==e?void 0:e.map((function(s){var c;return t("div",{className:n.reply,children:[t("div",{className:n.replyHeader,children:[m(o,{size:32,name:s.author.name,imageSrc:s.author.avatarUrl}),t("div",{className:n.replyNameRow,children:[m("span",{className:n.replyName,children:s.author.name}),m("span",{className:n.replyTimestamp,children:s.timestamp})]}),m(i,{items:s.menuItems,testId:"comment-reply-menu"})]}),m("div",{className:n.replyText,children:null!==(c=s.editForm)&&void 0!==c?c:s.body})]},s.id)})),p&&l&&m(s,{type:"primary",size:"medium",prefix:m(c,{size:16}),onClick:l,children:u?"Show ".concat(u," More Comments"):"Show More Comments"})]})};export{r as CommentCardReplies};
+import{Avatar as o}from"../../componentsV2/Avatar/Avatar.js";import{ButtonText as s}from"../../componentsV2/ButtonText/ButtonText.js";import{DownSmallIcon as c}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{CommentMenu as i}from"./CommentMenu.js";import n from"./CommentCard.scss.js";import{jsxs as t,jsx as m}from"react/jsx-runtime";var r=function(r){var e=r.replies,p=r.hasMoreReplies,u=r.moreRepliesCount,a=r.replyInput,l=r.onShowMoreReplies;return t("div",{className:n.replies,children:[a,null==e?void 0:e.map((function(s){var c;return t("div",{className:n.reply,children:[t("div",{className:n.replyHeader,children:[m(o,{size:32,name:s.author.name,imageSrc:s.author.avatarUrl}),t("div",{className:n.replyNameRow,children:[m("span",{className:n.replyName,children:s.author.name}),m("span",{className:n.replyTimestamp,children:s.timestamp})]}),m(i,{items:s.menuItems,testId:"comment-reply-menu"})]}),m("div",{className:n.replyText,children:null!==(c=s.editForm)&&void 0!==c?c:s.body})]},s.id)})),p&&l&&m(s,{type:"primary",size:"medium",prefix:m(c,{size:16}),onClick:l,children:u?"Show ".concat(u," More Comments"):"Show More Comments"})]})};export{r as CommentCardReplies};
 //# sourceMappingURL=CommentCardReplies.js.map

package/components/CommentCard/CommentCardReplies.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentCardReplies.js","sources":["../../../src/components/CommentCard/CommentCardReplies.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { Avatar } from '../../componentsV2/Avatar';\nimport { ButtonText } from '../../componentsV2/ButtonText';\nimport { DownSmallIcon } from '../../icons';\n\nimport { CommentReply } from './CommentCard.types';\nimport { CommentMenu } from './CommentMenu';\n\nimport styles from './CommentCard.scss';\n\ntype CommentCardRepliesProps = {\n replies?: CommentReply[];\n hasMoreReplies?: boolean;\n moreRepliesCount?: number;\n isReplyOpen?: boolean;\n replyInput?: React.ReactNode;\n onShowMoreReplies?: () => void;\n};\n\nexport const CommentCardReplies: FC<CommentCardRepliesProps> = ({\n replies,\n hasMoreReplies,\n moreRepliesCount,\n replyInput,\n onShowMoreReplies,\n}) => (\n <div className={styles.replies}>\n {replyInput}\n\n {replies?.map(reply => (\n <div key={reply.id} className={styles.reply}>\n <div className={styles.replyHeader}>\n <Avatar size={32} name={reply.author.name} imageSrc={reply.author.avatarUrl} />\n <div className={styles.replyNameRow}>\n <span className={styles.replyName}>{reply.author.name}</span>\n <span className={styles.replyTimestamp}>{reply.timestamp}</span>\n </div>\n <CommentMenu items={reply.menuItems} testId=\"comment-reply-menu\" />\n </div>\n <div className={styles.replyText}>{reply.editForm ?? reply.body}</div>\n </div>\n ))}\n\n {hasMoreReplies && onShowMoreReplies && (\n <ButtonText\n type=\"primary\"\n size=\"medium\"\n prefix={<DownSmallIcon size={16} />}\n onClick={onShowMoreReplies}\n >\n {moreRepliesCount ? `Show ${moreRepliesCount} More Comments` : 'Show More Comments'}\n </ButtonText>\n )}\n </div>\n);\n"],"names":["CommentCardReplies","_ref","replies","hasMoreReplies","moreRepliesCount","replyInput","onShowMoreReplies","_jsxs","className","styles","children","map","reply","_reply$editForm","replyHeader","_jsx","Avatar","size","name","author","imageSrc","avatarUrl","replyNameRow","replyName","replyTimestamp","timestamp","CommentMenu","items","menuItems","testId","replyText","editForm","body","id","ButtonText","type","prefix","DownSmallIcon","onClick"],"mappings":"~~ogIAoBaA~~,IAAAA,EAAkD,SAAHC,GAAA,IAC1DC,IAAAA,QACAC,IAAAA,eACAC,IAAAA,iBACAC,IAAAA,WACAC,IAAAA,kBAAiB,OAEjBC,EAAA,MAAA,CAAKC,UAAWC,EAAOP,QAAQQ,SAC5BL,CAAAA,EAEAH,aAAAA,EAAAA,EAASS,KAAI,SAAAC,GAAK,IAAAC,EAAA,OACjBN,EAAA,MAAA,CAAoBC,UAAWC,EAAOG,MAAMF,SAC1C,CAAAH,EAAA,MAAA,CAAKC,UAAWC,EAAOK,YAAYJ,SAAA,CACjCK,EAACC,EAAM,CAACC,KAAM,GAAIC,KAAMN,EAAMO,OAAOD,KAAME,SAAUR,EAAMO,OAAOE,YAClEd,EAAA,MAAA,CAAKC,UAAWC,EAAOa,aAAaZ,SAClC,CAAAK,EAAA,OAAA,CAAMP,UAAWC,EAAOc,UAAUb,SAAEE,EAAMO,OAAOD,OACjDH,EAAA,OAAA,CAAMP,UAAWC,EAAOe,eAAed,SAAEE,EAAMa,eAEjDV,EAACW,EAAW,CAACC,MAAOf,EAAMgB,UAAWC,OAAO,0BAE9Cd,EAAA,MAAA,CAAKP,UAAWC,EAAOqB,UAAUpB,SAAgB,QAAhBG,EAAED,EAAMmB,gBAAQ,IAAAlB,EAAAA,EAAID,EAAMoB,SATnDpB,EAAMqB,GAWjB,IAEA9B,GAAkBG,GACjBS,EAACmB,EAAU,CACTC,KAAK,UACLlB,KAAK,SACLmB,OAAQrB,EAACsB,EAAa,CAACpB,KAAM,KAC7BqB,QAAShC,EAAkBI,SAE1BN,EAA2BA,QAAAA,OAAAA,EAAmC,kBAAA,yBAG/D"}
1	+ {"version":3,"file":"CommentCardReplies.js","sources":["../../../src/components/CommentCard/CommentCardReplies.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { Avatar } from '../../componentsV2/Avatar';\nimport { ButtonText } from '../../componentsV2/ButtonText';\nimport { DownSmallIcon } from '../../icons';\n\nimport { CommentReply } from './CommentCard.types';\nimport { CommentMenu } from './CommentMenu';\n\nimport styles from './CommentCard.scss';\n\ntype CommentCardRepliesProps = {\n replies?: CommentReply[];\n hasMoreReplies?: boolean;\n moreRepliesCount?: number;\n isReplyOpen?: boolean;\n replyInput?: React.ReactNode;\n onShowMoreReplies?: () => void;\n};\n\nexport const CommentCardReplies: FC<CommentCardRepliesProps> = ({\n replies,\n hasMoreReplies,\n moreRepliesCount,\n replyInput,\n onShowMoreReplies,\n}) => (\n <div className={styles.replies}>\n {replyInput}\n\n {replies?.map(reply => (\n <div key={reply.id} className={styles.reply}>\n <div className={styles.replyHeader}>\n <Avatar size={32} name={reply.author.name} imageSrc={reply.author.avatarUrl} />\n <div className={styles.replyNameRow}>\n <span className={styles.replyName}>{reply.author.name}</span>\n <span className={styles.replyTimestamp}>{reply.timestamp}</span>\n </div>\n <CommentMenu items={reply.menuItems} testId=\"comment-reply-menu\" />\n </div>\n <div className={styles.replyText}>{reply.editForm ?? reply.body}</div>\n </div>\n ))}\n\n {hasMoreReplies && onShowMoreReplies && (\n <ButtonText\n type=\"primary\"\n size=\"medium\"\n prefix={<DownSmallIcon size={16} />}\n onClick={onShowMoreReplies}\n >\n {moreRepliesCount ? `Show ${moreRepliesCount} More Comments` : 'Show More Comments'}\n </ButtonText>\n )}\n </div>\n);\n"],"names":["CommentCardReplies","_ref","replies","hasMoreReplies","moreRepliesCount","replyInput","onShowMoreReplies","_jsxs","className","styles","children","map","reply","_reply$editForm","replyHeader","_jsx","Avatar","size","name","author","imageSrc","avatarUrl","replyNameRow","replyName","replyTimestamp","timestamp","CommentMenu","items","menuItems","testId","replyText","editForm","body","id","ButtonText","type","prefix","DownSmallIcon","onClick"],"mappings":"2mIAoBaA,IAAAA,EAAkD,SAAHC,GAAA,IAC1DC,IAAAA,QACAC,IAAAA,eACAC,IAAAA,iBACAC,IAAAA,WACAC,IAAAA,kBAAiB,OAEjBC,EAAA,MAAA,CAAKC,UAAWC,EAAOP,QAAQQ,SAC5BL,CAAAA,EAEAH,aAAAA,EAAAA,EAASS,KAAI,SAAAC,GAAK,IAAAC,EAAA,OACjBN,EAAA,MAAA,CAAoBC,UAAWC,EAAOG,MAAMF,SAC1C,CAAAH,EAAA,MAAA,CAAKC,UAAWC,EAAOK,YAAYJ,SAAA,CACjCK,EAACC,EAAM,CAACC,KAAM,GAAIC,KAAMN,EAAMO,OAAOD,KAAME,SAAUR,EAAMO,OAAOE,YAClEd,EAAA,MAAA,CAAKC,UAAWC,EAAOa,aAAaZ,SAClC,CAAAK,EAAA,OAAA,CAAMP,UAAWC,EAAOc,UAAUb,SAAEE,EAAMO,OAAOD,OACjDH,EAAA,OAAA,CAAMP,UAAWC,EAAOe,eAAed,SAAEE,EAAMa,eAEjDV,EAACW,EAAW,CAACC,MAAOf,EAAMgB,UAAWC,OAAO,0BAE9Cd,EAAA,MAAA,CAAKP,UAAWC,EAAOqB,UAAUpB,SAAgB,QAAhBG,EAAED,EAAMmB,gBAAQ,IAAAlB,EAAAA,EAAID,EAAMoB,SATnDpB,EAAMqB,GAWjB,IAEA9B,GAAkBG,GACjBS,EAACmB,EAAU,CACTC,KAAK,UACLlB,KAAK,SACLmB,OAAQrB,EAACsB,EAAa,CAACpB,KAAM,KAC7BqB,QAAShC,EAAkBI,SAE1BN,EAA2BA,QAAAA,OAAAA,EAAmC,kBAAA,yBAG/D"}

package/components/CommentCard/buildCommentReply.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"moment-timezone";import{WriteIcon as s,DeleteFourIcon as c}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{StoredAttachmentPreview as i}from"../AttachmentPreview/StoredAttachmentPreview.js";import{formatMentionText as n}from"../UserMention/utils/index.js";import{isNativeDetected as t}from"../../utils/mobileDetect.js";import{jsxs as m,Fragment as r,jsx as e}from"react/jsx-runtime";var u=function(o){var s;return(null!==(s=o.attachments)&&void 0!==s&&s.length?o.attachments:[o.attachment]).reduce((function(o,s){var c,i=null!==(c=null==s?void 0:s.file_name)&&void 0!==c?c:null==s?void 0:s.name;return null!=s&&s.url&&i&&o.push({url:s.url,name:i,size:s.size}),o}),[])},l=function(l,p){var a,d,I,j,v,h,C,b,F,f,O,A=p.currentUserId,D=p.onDelete,M=p.onEdit,P=Number(null===(a=l.user)||void 0===a?void 0:a.id)===Number(A)||(null!==(d=l.allowed_actions)&&void 0!==d?d:[]).includes("update"),g=Number(null===(I=l.user)||void 0===I?void 0:I.id)===Number(A)||(null!==(j=l.allowed_actions)&&void 0!==j?j:[]).includes("destroy"),k=u(l);return{id:l.id,author:{id:null===(v=l.user)||void 0===v?void 0:v.id,name:(F=l.user,"".concat(null!==(f=null==F?void 0:F.first_name)&&void 0!==f?f:""," ").concat(null!==(O=null==F?void 0:F.last_name)&&void 0!==O?O:"").trim()),avatarUrl:null===(h=l.user)||void 0===h?void 0:h.profile_photo},timestamp:o(l.created_at).format("MM/DD/YY H:mm"),body:m(r,{children:[n(null!==(C=l.body)&&void 0!==C?C:"",null!==(b=l.mentioned_users)&&void 0!==b?b:[],t,void 0,void 0),!!k.length&&e(i,{attachments:k})]}),menuItems:[{label:"Edit",icon:e(s,{size:16}),disabled:!P,onClick:function(){return M(l.id)}},{label:"Delete",icon:e(c,{size:16}),disabled:!g,onClick:function(){return D(l.id)}}]}};export{l as buildCommentReply,u as getReplyAttachments};
+import o from"moment-timezone";import{WriteIcon as s,DeleteFourIcon as c}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{StoredAttachmentPreview as i}from"../AttachmentPreview/StoredAttachmentPreview.js";import{formatMentionText as n}from"../UserMention/utils/index.js";import{isNativeDetected as t}from"../../utils/mobileDetect.js";import{jsxs as m,Fragment as r,jsx as e}from"react/jsx-runtime";var u=function(o){var s;return(null!==(s=o.attachments)&&void 0!==s&&s.length?o.attachments:[o.attachment]).reduce((function(o,s){var c,i=null!==(c=null==s?void 0:s.file_name)&&void 0!==c?c:null==s?void 0:s.name;return null!=s&&s.url&&i&&o.push({url:s.url,name:i,size:s.size}),o}),[])},p=function(p,l){var a,d,I,j,v,h,C,b,F,f,O,P=l.currentUserId,A=l.onDelete,D=l.onEdit,M=Number(null===(a=p.user)||void 0===a?void 0:a.id)===Number(P)||(null!==(d=p.allowed_actions)&&void 0!==d?d:[]).includes("update"),g=Number(null===(I=p.user)||void 0===I?void 0:I.id)===Number(P)||(null!==(j=p.allowed_actions)&&void 0!==j?j:[]).includes("destroy"),k=u(p);return{id:p.id,author:{id:null===(v=p.user)||void 0===v?void 0:v.id,name:(F=p.user,"".concat(null!==(f=null==F?void 0:F.first_name)&&void 0!==f?f:""," ").concat(null!==(O=null==F?void 0:F.last_name)&&void 0!==O?O:"").trim()),avatarUrl:null===(h=p.user)||void 0===h?void 0:h.profile_photo},timestamp:o(p.created_at).format("MM/DD/YY H:mm"),body:m(r,{children:[n(null!==(C=p.body)&&void 0!==C?C:"",null!==(b=p.mentioned_users)&&void 0!==b?b:[],t,void 0,void 0),!!k.length&&e(i,{attachments:k})]}),menuItems:[{label:"Edit",icon:e(s,{size:16}),disabled:!M,onClick:function(){return D(p.id)}},{label:"Delete",icon:e(c,{size:16}),disabled:!g,onClick:function(){return A(p.id)}}]}};export{p as buildCommentReply,u as getReplyAttachments};
 //# sourceMappingURL=buildCommentReply.js.map

package/components/CommentCard/buildCommentReply.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"buildCommentReply.js","sources":["../../../src/components/CommentCard/buildCommentReply.tsx"],"sourcesContent":["import moment from 'moment-timezone';\n\nimport { DeleteFourIcon, WriteIcon } from '../../icons';\nimport { StoredAttachmentPreview } from '../AttachmentPreview/StoredAttachmentPreview';\nimport { formatMentionText } from '../UserMention/utils';\n\nimport { CommentReply } from './CommentCard.types';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nconst COMMENT_TIME_FORMAT = 'MM/DD/YY H:mm';\n\n/* eslint-disable camelcase -- mirrors the platform's snake_case activity payload. /\ntype ReplyUser = {\n id?: string \| number;\n first_name?: string;\n last_name?: string;\n profile_photo?: string;\n};\n\ntype ReplyAttachment = { url?: string; name?: string; file_name?: string; size?: number };\n\nexport type ActivityReply = {\n id: string \| number;\n body?: string;\n user?: ReplyUser;\n created_at?: string \| number;\n allowed_actions?: string[];\n mentioned_users?: unknown[];\n attachment?: ReplyAttachment \| null;\n attachments?: ReplyAttachment[] \| null;\n};\n\n// Old replies only carry the singular field; the API mirrors the first file into both.\nexport const getReplyAttachments = (\n reply: ActivityReply\n): { url: string; name: string; size?: number }[] =>\n (reply.attachments?.length ? reply.attachments : [reply.attachment]).reduce<\n { url: string; name: string; size?: number }[]\n >((acc, file) => {\n const name = file?.file_name ?? file?.name;\n if (file?.url && name) acc.push({ url: file.url, name, size: file.size });\n return acc;\n }, []);\n\nconst getReplyUserName = (user?: ReplyUser): string =>\n `${user?.first_name ?? ''} ${user?.last_name ?? ''}`.trim();\n/ eslint-enable camelcase */\n\nexport type BuildCommentReplyOptions = {\n currentUserId?: string \| number;\n onDelete: (id: string \| number) => void;\n onEdit: (id: string \| number) => void;\n};\n\nexport const buildCommentReply = (\n reply: ActivityReply,\n { currentUserId, onDelete, onEdit }: BuildCommentReplyOptions\n): CommentReply => {\n const canUpdate =\n Number(reply.user?.id) === Number(currentUserId) \|\|\n (reply.allowed_actions ?? []).includes('update');\n const canDelete =\n Number(reply.user?.id) === Number(currentUserId) \|\|\n (reply.allowed_actions ?? []).includes('destroy');\n const attachments = getReplyAttachments(reply);\n\n return {\n id: reply.id,\n author: {\n id: reply.user?.id,\n name: getReplyUserName(reply.user),\n avatarUrl: reply.user?.profile_photo,\n },\n timestamp: moment(reply.created_at).format(COMMENT_TIME_FORMAT),\n body: (\n <>\n {formatMentionText(\n reply.body ?? '',\n reply.mentioned_users ?? [],\n isNativeDetected,\n undefined,\n undefined\n )}\n {!!attachments.length && <StoredAttachmentPreview attachments={attachments} />}\n </>\n ),\n menuItems: [\n {\n label: 'Edit',\n icon: <WriteIcon size={16} />,\n disabled: !canUpdate,\n onClick: () => onEdit(reply.id),\n },\n {\n label: 'Delete',\n icon: <DeleteFourIcon size={16} />,\n disabled: !canDelete,\n onClick: () => onDelete(reply.id),\n },\n ],\n };\n};\n"],"names":["getReplyAttachments","reply","_reply$attachments","attachments","length","attachment","reduce","acc","file","_file$file_name","name","file_name","url","push","size","buildCommentReply","_ref","_reply$user","_reply$allowed_action","_reply$user2","_reply$allowed_action2","_reply$user3","_reply$user4","_reply$body","_reply$mentioned_user","user","_user$first_name","_user$last_name","currentUserId","onDelete","onEdit","canUpdate","Number","id","allowed_actions","includes","canDelete","author","concat","first_name","last_name","trim","avatarUrl","profile_photo","timestamp","moment","created_at","format","body","_jsxs","_Fragment","children","formatMentionText","mentioned_users","isNativeDetected","undefined","_jsx","StoredAttachmentPreview","menuItems","label","icon","WriteIcon","disabled","onClick","DeleteFourIcon"],"mappings":"~~kkIAUA~~,IAwBaA,EAAsB,SACjCC,GAAoB,IAAAC,EAAA,eAEnBD,EAAAA,EAAME,0BAAND,EAAmBE,OAASH,EAAME,YAAc,CAACF,EAAMI,aAAaC,QAEnE,SAACC,EAAKC,GAAS,IAAAC,EACTC,EAAsB,QAAfF,EAAAA,eAAAA,EAAMG,iBAAS,IAAAF,EAAAA,EAAID,aAAAA,EAAAA,EAAME,KAEtC,OADIF,SAAAA,EAAMI,KAAOF,GAAMH,EAAIM,KAAK,CAAED,IAAKJ,EAAKI,IAAKF,KAAAA,EAAMI,KAAMN,EAAKM,OAC3DP,CACR,GAAE,GAAG,EAYKQ,EAAoB,SAC/Bd,EAEiBe,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAbOC,EAAgBC,EAAAC,EAYtCC,IAAAA,cAAeC,IAAAA,SAAUC,IAAAA,OAErBC,EACJC,OAAO,QAAA/B,EAAAA,EAAMwB,YAAN,IAAAR,OAAA,EAAAA,EAAYgB,MAAQD,OAAOJ,KACR,QAAzB3B,EAAAA,EAAMiC,uBAAmB,IAAAhB,EAAAA,EAAA,IAAIiB,SAAS,UACnCC,EACJJ,OAAO,QAAA/B,EAAAA,EAAMwB,YAAN,IAAAN,OAAA,EAAAA,EAAYc,MAAQD,OAAOJ,KACR,QAAzB3B,EAAAA,EAAMiC,uBAAmB,IAAAd,EAAAA,EAAA,IAAIe,SAAS,WACnChC,EAAcH,EAAoBC,GAExC,MAAO,CACLgC,GAAIhC,EAAMgC,GACVI,OAAQ,CACNJ,GAAc,UAAVhC,EAAMwB,YAAI,IAAAJ,OAAA,EAAVA,EAAYY,GAChBvB,MA1BoBe,EA0BGxB,EAAMwB,KAzBjC,GAAAa,OAAmB,QAAnBZ,EAAGD,eAAAA,EAAMc,kBAAU,IAAAb,EAAAA,EAAI,GAAE,KAAAY,OAAuB,QAAvBX,EAAIF,eAAAA,EAAMe,iBAAa,IAAAb,EAAAA,EAAA,IAAKc,QA0BjDC,kBAAWzC,EAAAA,EAAMwB,yBAANH,EAAYqB,eAEzBC,UAAWC,EAAO5C,EAAM6C,YAAYC,OAhEZ,iBAiExBC,KACEC,EAAAC,EAAA,CAAAC,SAAA,CACGC,EACW,QADM7B,EAChBtB,EAAM+C,YAAI,IAAAzB,EAAAA,EAAI,GACO,QADLC,EAChBvB,EAAMoD,uBAAe,IAAA7B,EAAAA,EAAI,GACzB8B,OACAC,OACAA,KAECpD,EAAYC,QAAUoD,EAACC,EAAuB,CAACtD,YAAaA,OAGnEuD,UAAW,CACT,CACEC,MAAO,OACPC,KAAMJ,EAACK,EAAS,CAAC/C,KAAM,KACvBgD,UAAW/B,EACXgC,QAAS,WAAA,OAAMjC,EAAO7B,EAAMgC,GAAG,GAEjC,CACE0B,MAAO,SACPC,KAAMJ,EAACQ,EAAc,CAAClD,KAAM,KAC5BgD,UAAW1B,EACX2B,QAAS,WAAA,OAAMlC,EAAS5B,EAAMgC,GAAG,IAIzC"}
1	+ {"version":3,"file":"buildCommentReply.js","sources":["../../../src/components/CommentCard/buildCommentReply.tsx"],"sourcesContent":["import moment from 'moment-timezone';\n\nimport { DeleteFourIcon, WriteIcon } from '../../icons';\nimport { StoredAttachmentPreview } from '../AttachmentPreview/StoredAttachmentPreview';\nimport { formatMentionText } from '../UserMention/utils';\n\nimport { CommentReply } from './CommentCard.types';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nconst COMMENT_TIME_FORMAT = 'MM/DD/YY H:mm';\n\n/* eslint-disable camelcase -- mirrors the platform's snake_case activity payload. /\ntype ReplyUser = {\n id?: string \| number;\n first_name?: string;\n last_name?: string;\n profile_photo?: string;\n};\n\ntype ReplyAttachment = { url?: string; name?: string; file_name?: string; size?: number };\n\nexport type ActivityReply = {\n id: string \| number;\n body?: string;\n user?: ReplyUser;\n created_at?: string \| number;\n allowed_actions?: string[];\n mentioned_users?: unknown[];\n attachment?: ReplyAttachment \| null;\n attachments?: ReplyAttachment[] \| null;\n};\n\n// Old replies only carry the singular field; the API mirrors the first file into both.\nexport const getReplyAttachments = (\n reply: ActivityReply\n): { url: string; name: string; size?: number }[] =>\n (reply.attachments?.length ? reply.attachments : [reply.attachment]).reduce<\n { url: string; name: string; size?: number }[]\n >((acc, file) => {\n const name = file?.file_name ?? file?.name;\n if (file?.url && name) acc.push({ url: file.url, name, size: file.size });\n return acc;\n }, []);\n\nconst getReplyUserName = (user?: ReplyUser): string =>\n `${user?.first_name ?? ''} ${user?.last_name ?? ''}`.trim();\n/ eslint-enable camelcase */\n\nexport type BuildCommentReplyOptions = {\n currentUserId?: string \| number;\n onDelete: (id: string \| number) => void;\n onEdit: (id: string \| number) => void;\n};\n\nexport const buildCommentReply = (\n reply: ActivityReply,\n { currentUserId, onDelete, onEdit }: BuildCommentReplyOptions\n): CommentReply => {\n const canUpdate =\n Number(reply.user?.id) === Number(currentUserId) \|\|\n (reply.allowed_actions ?? []).includes('update');\n const canDelete =\n Number(reply.user?.id) === Number(currentUserId) \|\|\n (reply.allowed_actions ?? []).includes('destroy');\n const attachments = getReplyAttachments(reply);\n\n return {\n id: reply.id,\n author: {\n id: reply.user?.id,\n name: getReplyUserName(reply.user),\n avatarUrl: reply.user?.profile_photo,\n },\n timestamp: moment(reply.created_at).format(COMMENT_TIME_FORMAT),\n body: (\n <>\n {formatMentionText(\n reply.body ?? '',\n reply.mentioned_users ?? [],\n isNativeDetected,\n undefined,\n undefined\n )}\n {!!attachments.length && <StoredAttachmentPreview attachments={attachments} />}\n </>\n ),\n menuItems: [\n {\n label: 'Edit',\n icon: <WriteIcon size={16} />,\n disabled: !canUpdate,\n onClick: () => onEdit(reply.id),\n },\n {\n label: 'Delete',\n icon: <DeleteFourIcon size={16} />,\n disabled: !canDelete,\n onClick: () => onDelete(reply.id),\n },\n ],\n };\n};\n"],"names":["getReplyAttachments","reply","_reply$attachments","attachments","length","attachment","reduce","acc","file","_file$file_name","name","file_name","url","push","size","buildCommentReply","_ref","_reply$user","_reply$allowed_action","_reply$user2","_reply$allowed_action2","_reply$user3","_reply$user4","_reply$body","_reply$mentioned_user","user","_user$first_name","_user$last_name","currentUserId","onDelete","onEdit","canUpdate","Number","id","allowed_actions","includes","canDelete","author","concat","first_name","last_name","trim","avatarUrl","profile_photo","timestamp","moment","created_at","format","body","_jsxs","_Fragment","children","formatMentionText","mentioned_users","isNativeDetected","undefined","_jsx","StoredAttachmentPreview","menuItems","label","icon","WriteIcon","disabled","onClick","DeleteFourIcon"],"mappings":"yqIAUA,IAwBaA,EAAsB,SACjCC,GAAoB,IAAAC,EAAA,eAEnBD,EAAAA,EAAME,0BAAND,EAAmBE,OAASH,EAAME,YAAc,CAACF,EAAMI,aAAaC,QAEnE,SAACC,EAAKC,GAAS,IAAAC,EACTC,EAAsB,QAAfF,EAAAA,eAAAA,EAAMG,iBAAS,IAAAF,EAAAA,EAAID,aAAAA,EAAAA,EAAME,KAEtC,OADIF,SAAAA,EAAMI,KAAOF,GAAMH,EAAIM,KAAK,CAAED,IAAKJ,EAAKI,IAAKF,KAAAA,EAAMI,KAAMN,EAAKM,OAC3DP,CACR,GAAE,GAAG,EAYKQ,EAAoB,SAC/Bd,EAEiBe,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAbOC,EAAgBC,EAAAC,EAYtCC,IAAAA,cAAeC,IAAAA,SAAUC,IAAAA,OAErBC,EACJC,OAAO,QAAA/B,EAAAA,EAAMwB,YAAN,IAAAR,OAAA,EAAAA,EAAYgB,MAAQD,OAAOJ,KACR,QAAzB3B,EAAAA,EAAMiC,uBAAmB,IAAAhB,EAAAA,EAAA,IAAIiB,SAAS,UACnCC,EACJJ,OAAO,QAAA/B,EAAAA,EAAMwB,YAAN,IAAAN,OAAA,EAAAA,EAAYc,MAAQD,OAAOJ,KACR,QAAzB3B,EAAAA,EAAMiC,uBAAmB,IAAAd,EAAAA,EAAA,IAAIe,SAAS,WACnChC,EAAcH,EAAoBC,GAExC,MAAO,CACLgC,GAAIhC,EAAMgC,GACVI,OAAQ,CACNJ,GAAc,UAAVhC,EAAMwB,YAAI,IAAAJ,OAAA,EAAVA,EAAYY,GAChBvB,MA1BoBe,EA0BGxB,EAAMwB,KAzBjC,GAAAa,OAAmB,QAAnBZ,EAAGD,eAAAA,EAAMc,kBAAU,IAAAb,EAAAA,EAAI,GAAE,KAAAY,OAAuB,QAAvBX,EAAIF,eAAAA,EAAMe,iBAAa,IAAAb,EAAAA,EAAA,IAAKc,QA0BjDC,kBAAWzC,EAAAA,EAAMwB,yBAANH,EAAYqB,eAEzBC,UAAWC,EAAO5C,EAAM6C,YAAYC,OAhEZ,iBAiExBC,KACEC,EAAAC,EAAA,CAAAC,SAAA,CACGC,EACW,QADM7B,EAChBtB,EAAM+C,YAAI,IAAAzB,EAAAA,EAAI,GACO,QADLC,EAChBvB,EAAMoD,uBAAe,IAAA7B,EAAAA,EAAI,GACzB8B,OACAC,OACAA,KAECpD,EAAYC,QAAUoD,EAACC,EAAuB,CAACtD,YAAaA,OAGnEuD,UAAW,CACT,CACEC,MAAO,OACPC,KAAMJ,EAACK,EAAS,CAAC/C,KAAM,KACvBgD,UAAW/B,EACXgC,QAAS,WAAA,OAAMjC,EAAO7B,EAAMgC,GAAG,GAEjC,CACE0B,MAAO,SACPC,KAAMJ,EAACQ,EAAc,CAAClD,KAAM,KAC5BgD,UAAW1B,EACX2B,QAAS,WAAA,OAAMlC,EAAS5B,EAAMgC,GAAG,IAIzC"}

package/components/CommentComposer/ChatChannelSelector.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useMemo as o,useCallback as s}from"react";import{AutocompleteNext as c}from"../../componentsV2/Autocomplete/Autocomplete.js";import{Avatar as n}from"../../componentsV2/Avatar/Avatar.js";import{Text as i}from"../../componentsV2/Text/Text.js";import{TextMiddleTruncated as t}from"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import{FolderClosedIcon as r}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import m from"./ChatChannelSelector.scss.js";import{jsx as e,jsxs as p}from"react/jsx-runtime";var u=function(o){return{id:o.rid,title:o.name,prefix:e("span",{className:m.optionPrefix,children:"d"===o.type?e(n,{size:24,name:o.name,imageSrc:o.avatarUrl}):e(r,{size:24})}),channel:o}},a=function(o,s){var c=s.trim().toLowerCase();return c?o.filter((function(o){var s,n=o.channel;return n.name.toLowerCase().includes(c)||(null!==(s=n.subtitle)&&void 0!==s?s:"").toLowerCase().includes(c)})):o.filter((function(o){return!o.channel.isVirtual}))},l=function(o){var s=o.channel;return p("span",{className:m.optionText,children:[e(t,{children:s.name}),s.subtitle&&e(i,{size:12,color:"T7",children:s.subtitle})]})},j=function(n){var i=n.channels,t=n.value,r=n.onChange,p=n.disabled,j=n.placeholder,I=void 0===j?"Select chat":j,d=n.testId,h=o((function(){return i.map(u)}),[i]),C=o((function(){var o;return t?null!==(o=h.find((function(o){return o.id===t.rid})))&&void 0!==o?o:u(t):void 0}),[h,t]),f=s((function(o){o&&r(o.channel)}),[r]);return e(c,{className:m.root,options:h,value:C,onChange:f,disabled:p,placeholder:I,optionSize:"medium",renderOption:l,filterOptions:a,noOptionsMessage:"No results found",clearable:!1,testId:d})};export{j as ChatChannelSelector};
+import{useMemo as o,useCallback as s}from"react";import{AutocompleteNext as c}from"../../componentsV2/Autocomplete/Autocomplete.js";import{Avatar as n}from"../../componentsV2/Avatar/Avatar.js";import{Text as i}from"../../componentsV2/Text/Text.js";import{TextMiddleTruncated as t}from"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import{FolderClosedIcon as r}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import m from"./ChatChannelSelector.scss.js";import{jsx as e,jsxs as p}from"react/jsx-runtime";var u=function(o){return{id:o.rid,title:o.name,prefix:e("span",{className:m.optionPrefix,children:"d"===o.type?e(n,{size:24,name:o.name,imageSrc:o.avatarUrl}):e(r,{size:24})}),channel:o}},a=function(o,s){var c=s.trim().toLowerCase();return c?o.filter((function(o){var s,n=o.channel;return n.name.toLowerCase().includes(c)||(null!==(s=n.subtitle)&&void 0!==s?s:"").toLowerCase().includes(c)})):o.filter((function(o){return!o.channel.isVirtual}))},l=function(o){var s=o.channel;return p("span",{className:m.optionText,children:[e(t,{children:s.name}),s.subtitle&&e(i,{size:12,color:"T7",children:s.subtitle})]})},j=function(n){var i=n.channels,t=n.value,r=n.onChange,p=n.disabled,j=n.placeholder,I=void 0===j?"Select chat":j,d=n.testId,h=o((function(){return i.map(u)}),[i]),C=o((function(){var o;return t?null!==(o=h.find((function(o){return o.id===t.rid})))&&void 0!==o?o:u(t):void 0}),[h,t]),f=s((function(o){o&&r(o.channel)}),[r]);return e(c,{className:m.root,options:h,value:C,onChange:f,disabled:p,placeholder:I,optionSize:"medium",renderOption:l,filterOptions:a,noOptionsMessage:"No results found",clearable:!1,testId:d})};export{j as ChatChannelSelector};
 //# sourceMappingURL=ChatChannelSelector.js.map

package/components/CommentComposer/ChatChannelSelector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatChannelSelector.js","sources":["../../../src/components/CommentComposer/ChatChannelSelector.tsx"],"sourcesContent":["import { ReactNode, useCallback, useMemo } from 'react';\n\nimport { AutocompleteChangeHandler, AutocompleteNext } from '../../componentsV2/Autocomplete';\nimport { Avatar } from '../../componentsV2/Avatar';\nimport { Text } from '../../componentsV2/Text';\nimport { TextMiddleTruncated } from '../../componentsV2/TextMiddleTruncated';\nimport { FolderClosedIcon } from '../../icons';\n\nimport styles from './ChatChannelSelector.scss';\n\nexport type ChatChannel = {\n rid: string;\n name: string;\n subtitle?: string;\n avatarUrl?: string;\n type?: string;\n isVirtual?: boolean;\n};\n\nexport type ChatChannelSelectorProps = {\n channels: ChatChannel[];\n value: ChatChannel \| null;\n onChange: (channel: ChatChannel) => void;\n disabled?: boolean;\n placeholder?: string;\n testId?: string;\n};\n\ntype ChannelOption = {\n id: string;\n title: string;\n prefix: ReactNode;\n channel: ChatChannel;\n};\n\nconst toOption = (channel: ChatChannel): ChannelOption => ({\n id: channel.rid,\n title: channel.name,\n // The span keeps AutocompleteMenuItem's icon auto-sizing from shrinking the 24px visuals\n prefix: (\n <span className={styles.optionPrefix}>\n {channel.type === 'd' ? (\n <Avatar size={24} name={channel.name} imageSrc={channel.avatarUrl} />\n ) : (\n <FolderClosedIcon size={24} />\n )}\n </span>\n ),\n channel,\n});\n\n// Virtual channels are not-yet-created DMs, so hide them until the user searches.\nconst filterOptions = (options: ChannelOption[], inputValue: string): ChannelOption[] => {\n const q = inputValue.trim().toLowerCase();\n if (!q) return options.filter(({ channel }) => !channel.isVirtual);\n\n return options.filter(\n ({ channel }) =>\n channel.name.toLowerCase().includes(q) \|\| (channel.subtitle ?? '').toLowerCase().includes(q)\n );\n};\n\nconst renderOption = ({ channel }: ChannelOption) => (\n <span className={styles.optionText}>\n <TextMiddleTruncated>{channel.name}</TextMiddleTruncated>\n {channel.subtitle && (\n <Text size={12} color=\"T7\">\n {channel.subtitle}\n </Text>\n )}\n </span>\n);\n\nexport const ChatChannelSelector = ({\n channels,\n value,\n onChange,\n disabled,\n placeholder = 'Select chat',\n testId,\n}: ChatChannelSelectorProps) => {\n const options = useMemo(() => channels.map(toOption), [channels]);\n\n // Keep the value reference stable across renders: a fresh object would make MUI treat\n // every parent re-render as a selection change and reset the in-progress search input\n const selectedOption = useMemo(\n () => (value ? options.find(option => option.id === value.rid) ?? toOption(value) : undefined),\n [options, value]\n );\n\n const handleChange = useCallback<AutocompleteChangeHandler<ChannelOption>>(\n option => {\n if (option) {\n onChange(option.channel);\n }\n },\n [onChange]\n );\n\n return (\n <AutocompleteNext\n className={styles.root}\n options={options}\n value={selectedOption}\n onChange={handleChange}\n disabled={disabled}\n placeholder={placeholder}\n optionSize=\"medium\"\n renderOption={renderOption}\n filterOptions={filterOptions}\n noOptionsMessage=\"No results found\"\n clearable={false}\n testId={testId}\n />\n );\n};\n"],"names":["toOption","channel","id","rid","title","name","prefix","_jsx","className","styles","optionPrefix","children","type","Avatar","size","imageSrc","avatarUrl","FolderClosedIcon","filterOptions","options","inputValue","q","trim","toLowerCase","filter","_ref2","_channel$subtitle","includes","subtitle","_ref","isVirtual","renderOption","_ref3","_jsxs","optionText","TextMiddleTruncated","Text","color","ChatChannelSelector","_ref4","channels","value","onChange","disabled","_ref4$placeholder","placeholder","testId","useMemo","map","selectedOption","_options$find","find","option","undefined","handleChange","useCallback","AutocompleteNext","root","optionSize","noOptionsMessage","clearable"],"mappings":"~~swIAmCA~~,IAAMA,EAAW,SAACC,GAAoB,MAAqB,CACzDC,GAAID,EAAQE,IACZC,MAAOH,EAAQI,KAEfC,OACEC,EAAA,OAAA,CAAMC,UAAWC,EAAOC,aAAaC,SACjB,MAAjBV,EAAQW,KACPL,EAACM,EAAM,CAACC,KAAM,GAAIT,KAAMJ,EAAQI,KAAMU,SAAUd,EAAQe,YAExDT,EAACU,EAAgB,CAACH,KAAM,OAI9Bb,QAAAA,EACD,EAGKiB,EAAgB,SAACC,EAA0BC,GAC/C,IAAMC,EAAID,EAAWE,OAAOC,cAC5B,OAAKF,EAEEF,EAAQK,QACb,SAAAC,GAAA,IAAAC,EAAGzB,IAAAA,QAAO,OACRA,EAAQI,KAAKkB,cAAcI,SAASN,KAAuB,UAAhBpB,EAAQ2B,gBAAQ,IAAAF,EAAAA,EAAI,IAAIH,cAAcI,SAASN,MAJ/EF,EAAQK,QAAO,SAAAK,GAAU,SAAP5B,QAAuB6B,YAM1D,EAEMC,EAAe,SAAHC,GAAA,IAAM/B,IAAAA,QAAO,OAC7BgC,EAAA,OAAA,CAAMzB,UAAWC,EAAOyB,WAAWvB,SAAA,CACjCJ,EAAC4B,EAAmB,CAAAxB,SAAEV,EAAQI,OAC7BJ,EAAQ2B,UACPrB,EAAC6B,EAAI,CAACtB,KAAM,GAAIuB,MAAM,KAAI1B,SACvBV,EAAQ2B,aAGR,EAGIU,EAAsB,SAOHC,GAAA,IAN9BC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,SAAQC,EAAAL,EACRM,YAAAA,aAAc,cAAaD,EAC3BE,IAAAA,OAEM3B,EAAU4B,GAAQ,WAAA,OAAMP,EAASQ,IAAIhD,KAAW,CAACwC,IAIjDS,EAAiBF,GACrB,WAAA,IAAAG,EAAA,OAAOT,UAAQtB,EAAAA,EAAQgC,MAAK,SAAAC,GAAM,OAAIA,EAAOlD,KAAOuC,EAAMtC,GAAG,mBAAKH,EAASyC,QAASY,CAAS,GAC7F,CAAClC,EAASsB,IAGNa,EAAeC,GACnB,SAAAH,GACMA,GACFV,EAASU,EAAOnD,QAEpB,GACA,CAACyC,IAGH,OACEnC,EAACiD,EAAgB,CACfhD,UAAWC,EAAOgD,KAClBtC,QAASA,EACTsB,MAAOQ,EACPP,SAAUY,EACVX,SAAUA,EACVE,YAAaA,EACba,WAAW,SACX3B,aAAcA,EACdb,cAAeA,EACfyC,iBAAiB,mBACjBC,WAAW,EACXd,OAAQA,GAGd"}
1	+ {"version":3,"file":"ChatChannelSelector.js","sources":["../../../src/components/CommentComposer/ChatChannelSelector.tsx"],"sourcesContent":["import { ReactNode, useCallback, useMemo } from 'react';\n\nimport { AutocompleteChangeHandler, AutocompleteNext } from '../../componentsV2/Autocomplete';\nimport { Avatar } from '../../componentsV2/Avatar';\nimport { Text } from '../../componentsV2/Text';\nimport { TextMiddleTruncated } from '../../componentsV2/TextMiddleTruncated';\nimport { FolderClosedIcon } from '../../icons';\n\nimport styles from './ChatChannelSelector.scss';\n\nexport type ChatChannel = {\n rid: string;\n name: string;\n subtitle?: string;\n avatarUrl?: string;\n type?: string;\n isVirtual?: boolean;\n};\n\nexport type ChatChannelSelectorProps = {\n channels: ChatChannel[];\n value: ChatChannel \| null;\n onChange: (channel: ChatChannel) => void;\n disabled?: boolean;\n placeholder?: string;\n testId?: string;\n};\n\ntype ChannelOption = {\n id: string;\n title: string;\n prefix: ReactNode;\n channel: ChatChannel;\n};\n\nconst toOption = (channel: ChatChannel): ChannelOption => ({\n id: channel.rid,\n title: channel.name,\n // The span keeps AutocompleteMenuItem's icon auto-sizing from shrinking the 24px visuals\n prefix: (\n <span className={styles.optionPrefix}>\n {channel.type === 'd' ? (\n <Avatar size={24} name={channel.name} imageSrc={channel.avatarUrl} />\n ) : (\n <FolderClosedIcon size={24} />\n )}\n </span>\n ),\n channel,\n});\n\n// Virtual channels are not-yet-created DMs, so hide them until the user searches.\nconst filterOptions = (options: ChannelOption[], inputValue: string): ChannelOption[] => {\n const q = inputValue.trim().toLowerCase();\n if (!q) return options.filter(({ channel }) => !channel.isVirtual);\n\n return options.filter(\n ({ channel }) =>\n channel.name.toLowerCase().includes(q) \|\| (channel.subtitle ?? '').toLowerCase().includes(q)\n );\n};\n\nconst renderOption = ({ channel }: ChannelOption) => (\n <span className={styles.optionText}>\n <TextMiddleTruncated>{channel.name}</TextMiddleTruncated>\n {channel.subtitle && (\n <Text size={12} color=\"T7\">\n {channel.subtitle}\n </Text>\n )}\n </span>\n);\n\nexport const ChatChannelSelector = ({\n channels,\n value,\n onChange,\n disabled,\n placeholder = 'Select chat',\n testId,\n}: ChatChannelSelectorProps) => {\n const options = useMemo(() => channels.map(toOption), [channels]);\n\n // Keep the value reference stable across renders: a fresh object would make MUI treat\n // every parent re-render as a selection change and reset the in-progress search input\n const selectedOption = useMemo(\n () => (value ? options.find(option => option.id === value.rid) ?? toOption(value) : undefined),\n [options, value]\n );\n\n const handleChange = useCallback<AutocompleteChangeHandler<ChannelOption>>(\n option => {\n if (option) {\n onChange(option.channel);\n }\n },\n [onChange]\n );\n\n return (\n <AutocompleteNext\n className={styles.root}\n options={options}\n value={selectedOption}\n onChange={handleChange}\n disabled={disabled}\n placeholder={placeholder}\n optionSize=\"medium\"\n renderOption={renderOption}\n filterOptions={filterOptions}\n noOptionsMessage=\"No results found\"\n clearable={false}\n testId={testId}\n />\n );\n};\n"],"names":["toOption","channel","id","rid","title","name","prefix","_jsx","className","styles","optionPrefix","children","type","Avatar","size","imageSrc","avatarUrl","FolderClosedIcon","filterOptions","options","inputValue","q","trim","toLowerCase","filter","_ref2","_channel$subtitle","includes","subtitle","_ref","isVirtual","renderOption","_ref3","_jsxs","optionText","TextMiddleTruncated","Text","color","ChatChannelSelector","_ref4","channels","value","onChange","disabled","_ref4$placeholder","placeholder","testId","useMemo","map","selectedOption","_options$find","find","option","undefined","handleChange","useCallback","AutocompleteNext","root","optionSize","noOptionsMessage","clearable"],"mappings":"62IAmCA,IAAMA,EAAW,SAACC,GAAoB,MAAqB,CACzDC,GAAID,EAAQE,IACZC,MAAOH,EAAQI,KAEfC,OACEC,EAAA,OAAA,CAAMC,UAAWC,EAAOC,aAAaC,SACjB,MAAjBV,EAAQW,KACPL,EAACM,EAAM,CAACC,KAAM,GAAIT,KAAMJ,EAAQI,KAAMU,SAAUd,EAAQe,YAExDT,EAACU,EAAgB,CAACH,KAAM,OAI9Bb,QAAAA,EACD,EAGKiB,EAAgB,SAACC,EAA0BC,GAC/C,IAAMC,EAAID,EAAWE,OAAOC,cAC5B,OAAKF,EAEEF,EAAQK,QACb,SAAAC,GAAA,IAAAC,EAAGzB,IAAAA,QAAO,OACRA,EAAQI,KAAKkB,cAAcI,SAASN,KAAuB,UAAhBpB,EAAQ2B,gBAAQ,IAAAF,EAAAA,EAAI,IAAIH,cAAcI,SAASN,MAJ/EF,EAAQK,QAAO,SAAAK,GAAU,SAAP5B,QAAuB6B,YAM1D,EAEMC,EAAe,SAAHC,GAAA,IAAM/B,IAAAA,QAAO,OAC7BgC,EAAA,OAAA,CAAMzB,UAAWC,EAAOyB,WAAWvB,SAAA,CACjCJ,EAAC4B,EAAmB,CAAAxB,SAAEV,EAAQI,OAC7BJ,EAAQ2B,UACPrB,EAAC6B,EAAI,CAACtB,KAAM,GAAIuB,MAAM,KAAI1B,SACvBV,EAAQ2B,aAGR,EAGIU,EAAsB,SAOHC,GAAA,IAN9BC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,SAAQC,EAAAL,EACRM,YAAAA,aAAc,cAAaD,EAC3BE,IAAAA,OAEM3B,EAAU4B,GAAQ,WAAA,OAAMP,EAASQ,IAAIhD,KAAW,CAACwC,IAIjDS,EAAiBF,GACrB,WAAA,IAAAG,EAAA,OAAOT,UAAQtB,EAAAA,EAAQgC,MAAK,SAAAC,GAAM,OAAIA,EAAOlD,KAAOuC,EAAMtC,GAAG,mBAAKH,EAASyC,QAASY,CAAS,GAC7F,CAAClC,EAASsB,IAGNa,EAAeC,GACnB,SAAAH,GACMA,GACFV,EAASU,EAAOnD,QAEpB,GACA,CAACyC,IAGH,OACEnC,EAACiD,EAAgB,CACfhD,UAAWC,EAAOgD,KAClBtC,QAASA,EACTsB,MAAOQ,EACPP,SAAUY,EACVX,SAAUA,EACVE,YAAaA,EACba,WAAW,SACX3B,aAAcA,EACdb,cAAeA,EACfyC,iBAAiB,mBACjBC,WAAW,EACXd,OAAQA,GAGd"}

package/components/CommentComposer/CommentComposer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import{useMemo as s,useCallback as n,useRef as t}from"react";import{Input as i}from"@material-ui/core";import c from"@material-ui/icons/AlternateEmail";import{ButtonIcon as e}from"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as r}from"../../componentsV2/Tooltip/Tooltip.js";import{SmilingFaceIcon as m}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{AvatarComponent as a}from"../Avatar/index.js";import{AttachFileButton as l}from"../AttachFileButton/AttachFileButton.js";import{CommentInput as p}from"../CommentInputNext/CommentInputNext.js";import u from"../EmojiIconButton.js";import d from"../FailedFileUploading.js";import j from"../UserMention/index.js";import{isSuggestionsListOpened as I}from"../UserMention/utils/index.js";import{useAttachmentUpload as h,DEFAULT_MAX_ATTACHMENTS as f}from"./useAttachmentUpload.js";import{CommentMetaLine as b}from"./CommentMetaLine.js";import{ShareToChatRow as g}from"./ShareToChatRow.js";import v from"./CommentComposer.scss.js";import{jsx as C,jsxs as y,Fragment as F}from"react/jsx-runtime";function O(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,t)}return n}function A(s){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?O(Object(t),!0).forEach((function(n){o(s,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(t,o))}))}return s}var S={fontSize:14,lineHeight:"20px",suggestions:{backgroundColor:"var(--palette-background-b-9)",list:{backgroundColor:"var(--palette-background-b-9)"},item:{color:"var(--palette-primary-text-1)","&focused":{backgroundColor:"rgb(from var(--palette-primary-text-1) r g b / 0.08)"}}}},P=function(o){return y("div",{className:v.suggestion,children:[C(a,{size:26,alt:o.display,imgSrc:o.photo,displayName:o.display}),C("span",{children:o.display})]})},x=function(o){var a=o.body,O=o.onBodyChange,x=o.onSubmit,k=o.canSubmit,E=o.currentUser,D=o.attachments,w=o.onAttachmentsChange,R=o.maxAttachments,M=void 0===R?f:R,U=o.attachment,B=o.onAttachmentChange,L=o.attachmentError,z=o.onAttachmentError,N=o.maxAttachmentSizeBytes,T=o.disabled,G=o.autoFocus,q=o.placeholder,K=void 0===q?"Add a comment...":q,W=o.metaRows,H=o.isMetaSingleLine,V=o.shareToChat,Q=o.trailing,Z=o.embedded,$=o.className,J=o.testId,X=!!w,Y=s((function(){return X?null!=D?D:[]:[U].filter(Boolean)}),[X,D,U]),_=n((function(o){var s;w?w(o):null==B||B(null!==(s=o[0])&&void 0!==s?s:null)}),[w,B]),oo=h({value:Y,onChange:_,onError:z,maxSizeBytes:N,maxFiles:X?M:1}),so=k&&!oo.isUploading,no=t(null);return C(p,{value:a,canSubmit:so,disabled:T,onSubmit:x,trailing:Q,embedded:Z,className:$,testId:J,field:C(i,{inputComponent:j,inputProps:{onChange:O,currentUser:E,allowEmptyQuery:!0,suggestionsPortalHost:document.querySelector("body"),withLightTheme:!1,mentionProps:{renderSuggestion:P},highlightLinks:!0,style:S},value:a,placeholder:K,inputRef:no,className:v.mentionField,onKeyDown:function(o){"Enter"!==o.key||o.shiftKey||so&&!T&&(I()||(o.preventDefault(),x()))},disableUnderline:!0,rows:1,fullWidth:!0,multiline:!0,autoFocus:G}),attachments:oo.items,onAttachmentRemove:oo.removeAttachment,onAttachmentRetry:oo.handleRetry,onAttachmentReorder:X?oo.reorderAttachments:void 0,onFilesDrop:oo.addFiles,onImageLinkPaste:oo.addLinkedImage,dropLabel:1===oo.maxFiles?"Drop a file here":"Drop files here",attachmentSlot:L?C(d,{errorMessage:L}):void 0,toolbar:y(F,{children:[C(l,{inputRef:oo.fileInputRef,onClick:oo.openFileDialog,onFileSelect:oo.handleFileSelect,multiple:X,disabled:oo.isFull,tooltip:oo.isFull?"Up to ".concat(oo.maxFiles," ").concat(1===oo.maxFiles?"file":"files"," can be attached"):"Attach file"}),C(r,{title:"Mention someone",children:C(e,{size:"xs",type:"tertiary",onClick:function(){var o,s=no.current;if(s){s.focus();var n=!!s.value&&!/\s$/.test(s.value),t="".concat(s.value).concat(n?" @":"@"),i=null===(o=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(s),"value"))||void 0===o?void 0:o.set;null==i||i.call(s,t),s.setSelectionRange(t.length,t.length),s.dispatchEvent(new Event("input",{bubbles:!0})),s.dispatchEvent(new Event("keyup",{bubbles:!0}))}},children:C(c,{fontSize:"inherit"})})}),C("span",{className:v.iconSlot,children:C(u,{icon:C(m,{size:16}),handleSelectEmoji:function(o){return O("".concat(a).concat(o.native))}})})]}),footer:(!(null==W||!W.length)||!!V)&&y(F,{children:[C(b,{rows:null!=W?W:[],singleLine:H}),V&&C(g,A({},V))]})})};export{x as CommentComposer};
+import o from"@babel/runtime/helpers/defineProperty";import{useMemo as s,useCallback as n,useRef as t}from"react";import{Input as i}from"@material-ui/core";import c from"@material-ui/icons/AlternateEmail";import{ButtonIcon as e}from"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as r}from"../../componentsV2/Tooltip/Tooltip.js";import{SmilingFaceIcon as m}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{AvatarComponent as a}from"../Avatar/index.js";import{AttachFileButton as l}from"../AttachFileButton/AttachFileButton.js";import{CommentInput as p}from"../CommentInputNext/CommentInputNext.js";import u from"../EmojiIconButton.js";import d from"../FailedFileUploading.js";import j from"../UserMention/index.js";import{isSuggestionsListOpened as I}from"../UserMention/utils/index.js";import{useAttachmentUpload as h,DEFAULT_MAX_ATTACHMENTS as f}from"./useAttachmentUpload.js";import{CommentMetaLine as b}from"./CommentMetaLine.js";import{ShareToChatRow as g}from"./ShareToChatRow.js";import v from"./CommentComposer.scss.js";import{jsx as C,jsxs as y,Fragment as O}from"react/jsx-runtime";function F(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,t)}return n}function A(s){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?F(Object(t),!0).forEach((function(n){o(s,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):F(Object(t)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(t,o))}))}return s}var P={fontSize:14,lineHeight:"20px",suggestions:{backgroundColor:"var(--palette-background-b-9)",list:{backgroundColor:"var(--palette-background-b-9)"},item:{color:"var(--palette-primary-text-1)","&focused":{backgroundColor:"rgb(from var(--palette-primary-text-1) r g b / 0.08)"}}}},S=function(o){return y("div",{className:v.suggestion,children:[C(a,{size:26,alt:o.display,imgSrc:o.photo,displayName:o.display}),C("span",{children:o.display})]})},x=function(o){var a=o.body,F=o.onBodyChange,x=o.onSubmit,k=o.canSubmit,E=o.currentUser,D=o.attachments,w=o.onAttachmentsChange,R=o.maxAttachments,M=void 0===R?f:R,U=o.attachment,B=o.onAttachmentChange,L=o.attachmentError,z=o.onAttachmentError,N=o.maxAttachmentSizeBytes,T=o.disabled,G=o.autoFocus,q=o.placeholder,K=void 0===q?"Add a comment...":q,W=o.metaRows,H=o.isMetaSingleLine,V=o.shareToChat,Q=o.trailing,Z=o.embedded,$=o.className,J=o.testId,X=!!w,Y=s((function(){return X?null!=D?D:[]:[U].filter(Boolean)}),[X,D,U]),_=n((function(o){var s;w?w(o):null==B||B(null!==(s=o[0])&&void 0!==s?s:null)}),[w,B]),oo=h({value:Y,onChange:_,onError:z,maxSizeBytes:N,maxFiles:X?M:1}),so=k&&!oo.isUploading,no=t(null);return C(p,{value:a,canSubmit:so,disabled:T,onSubmit:x,trailing:Q,embedded:Z,className:$,testId:J,field:C(i,{inputComponent:j,inputProps:{onChange:F,currentUser:E,allowEmptyQuery:!0,suggestionsPortalHost:document.querySelector("body"),withLightTheme:!1,mentionProps:{renderSuggestion:S},highlightLinks:!0,style:P},value:a,placeholder:K,inputRef:no,className:v.mentionField,onKeyDown:function(o){"Enter"!==o.key||o.shiftKey||so&&!T&&(I()||(o.preventDefault(),x()))},disableUnderline:!0,rows:1,fullWidth:!0,multiline:!0,autoFocus:G}),attachments:oo.items,onAttachmentRemove:oo.removeAttachment,onAttachmentRetry:oo.handleRetry,onAttachmentReorder:X?oo.reorderAttachments:void 0,onFilesDrop:oo.addFiles,onImageLinkPaste:oo.addLinkedImage,dropLabel:1===oo.maxFiles?"Drop a file here":"Drop files here",attachmentSlot:L?C(d,{errorMessage:L}):void 0,toolbar:y(O,{children:[C(l,{inputRef:oo.fileInputRef,onClick:oo.openFileDialog,onFileSelect:oo.handleFileSelect,multiple:X,disabled:oo.isFull,tooltip:oo.isFull?"Up to ".concat(oo.maxFiles," ").concat(1===oo.maxFiles?"file":"files"," can be attached"):"Attach file"}),C(r,{title:"Mention someone",children:C(e,{size:"xs",type:"tertiary",onClick:function(){var o,s=no.current;if(s){s.focus();var n=!!s.value&&!/\s$/.test(s.value),t="".concat(s.value).concat(n?" @":"@"),i=null===(o=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(s),"value"))||void 0===o?void 0:o.set;null==i||i.call(s,t),s.setSelectionRange(t.length,t.length),s.dispatchEvent(new Event("input",{bubbles:!0})),s.dispatchEvent(new Event("keyup",{bubbles:!0}))}},children:C(c,{fontSize:"inherit"})})}),C("span",{className:v.iconSlot,children:C(u,{icon:C(m,{size:16}),handleSelectEmoji:function(o){return F("".concat(a).concat(o.native))}})})]}),footer:(!(null==W||!W.length)||!!V)&&y(O,{children:[C(b,{rows:null!=W?W:[],singleLine:H}),V&&C(g,A({},V))]})})};export{x as CommentComposer};
 //# sourceMappingURL=CommentComposer.js.map

package/components/CommentComposer/CommentComposer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentComposer.js","sources":["../../../src/components/CommentComposer/CommentComposer.tsx"],"sourcesContent":["import {\n CSSProperties,\n FormEventHandler,\n KeyboardEvent,\n ReactNode,\n useCallback,\n useMemo,\n useRef,\n} from 'react';\nimport { Input } from '@material-ui/core';\nimport AlternateEmailIcon from '@material-ui/icons/AlternateEmail';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { SmilingFaceIcon } from '../../icons';\nimport Avatar from '../Avatar';\nimport { AttachFileButton } from '../AttachFileButton';\nimport { CommentInput } from '../CommentInputNext/CommentInputNext';\nimport EmojiIconButton from '../EmojiIconButton';\nimport FailedFileUploading from '../FailedFileUploading';\nimport UserMention from '../UserMention';\nimport { isSuggestionsListOpened } from '../UserMention/utils';\n\nimport {\n useAttachmentUpload,\n UploadedAttachment,\n DEFAULT_MAX_ATTACHMENTS,\n} from './useAttachmentUpload';\nimport { CommentMetaLine, CommentMetaRow } from './CommentMetaLine';\nimport { ShareToChatRow, ShareToChatRowProps } from './ShareToChatRow';\n\nimport styles from './CommentComposer.scss';\n\n/* eslint-disable camelcase -- mirrors the platform's snake_case user payload. /\nexport type CommentComposerUser = {\n id?: number;\n company_id?: number;\n first_name?: string;\n last_name?: string;\n profile_photo?: string;\n [key: string]: unknown;\n};\n/ eslint-enable camelcase /\n\nexport type CommentComposerProps = {\n body: string;\n onBodyChange: (value: string) => void;\n onSubmit: () => void;\n canSubmit: boolean;\n currentUser: CommentComposerUser;\n\n attachments?: UploadedAttachment[];\n onAttachmentsChange?: (attachments: UploadedAttachment[]) => void;\n maxAttachments?: number;\n /* @deprecated Use `attachments` — kept so single-attachment callers keep working. /\n attachment?: UploadedAttachment \| null;\n /* @deprecated Use `onAttachmentsChange`. /\n onAttachmentChange?: (attachment: UploadedAttachment \| null) => void;\n attachmentError?: string \| null;\n onAttachmentError?: (message: string \| null) => void;\n maxAttachmentSizeBytes?: number;\n\n disabled?: boolean;\n autoFocus?: boolean;\n placeholder?: string;\n metaRows?: CommentMetaRow[];\n isMetaSingleLine?: boolean;\n shareToChat?: Omit<ShareToChatRowProps, 'testId'>;\n /* Replaces the default send button, e.g. the edit form's Cancel/Save. /\n trailing?: ReactNode;\n /* Render flush inside a host card instead of as its own surface. */\n embedded?: boolean;\n className?: string;\n testId?: string;\n};\n\nconst SUGGESTIONS_BACKGROUND = 'var(--palette-background-b-9)';\n\n// Module-level so react-mentions isn't re-rendered on every keystroke.\nconst MENTION_INPUT_STYLE = {\n fontSize: 14,\n lineHeight: '20px',\n suggestions: {\n backgroundColor: SUGGESTIONS_BACKGROUND,\n list: { backgroundColor: SUGGESTIONS_BACKGROUND },\n item: {\n color: 'var(--palette-primary-text-1)',\n '&focused': { backgroundColor: 'rgb(from var(--palette-primary-text-1) r g b / 0.08)' },\n },\n },\n} as unknown as CSSProperties;\n\nconst renderSuggestion = (entry: { display: string; photo?: string }) => (\n <div className={styles.suggestion}>\n <Avatar size={26} alt={entry.display} imgSrc={entry.photo} displayName={entry.display} />\n <span>{entry.display}</span>\n </div>\n);\n\nexport const CommentComposer = ({\n body,\n onBodyChange,\n onSubmit,\n canSubmit,\n currentUser,\n attachments,\n onAttachmentsChange,\n maxAttachments = DEFAULT_MAX_ATTACHMENTS,\n attachment,\n onAttachmentChange,\n attachmentError,\n onAttachmentError,\n maxAttachmentSizeBytes,\n disabled,\n autoFocus,\n placeholder = 'Add a comment...',\n metaRows,\n isMetaSingleLine,\n shareToChat,\n trailing,\n embedded,\n className,\n testId,\n}: CommentComposerProps) => {\n // Callers still on the singular props get the old one-file behaviour, unchanged.\n const isMulti = !!onAttachmentsChange;\n const value = useMemo(\n () => (isMulti ? attachments ?? [] : ([attachment].filter(Boolean) as UploadedAttachment[])),\n [isMulti, attachments, attachment]\n );\n\n const handleAttachmentsChange = useCallback(\n (next: UploadedAttachment[]) => {\n if (onAttachmentsChange) onAttachmentsChange(next);\n else onAttachmentChange?.(next[0] ?? null);\n },\n [onAttachmentsChange, onAttachmentChange]\n );\n\n const upload = useAttachmentUpload({\n value,\n onChange: handleAttachmentsChange,\n onError: onAttachmentError,\n maxSizeBytes: maxAttachmentSizeBytes,\n maxFiles: isMulti ? maxAttachments : 1,\n });\n\n // An attachment only lands once S3 confirms, so posting mid-upload would drop it.\n const canSend = canSubmit && !upload.isUploading;\n\n const fieldRef = useRef<HTMLTextAreaElement \| null>(null);\n\n // react-mentions opens suggestions from textarea events, so type \"@\" instead of setting state.\n const mentionSomeone = () => {\n const field = fieldRef.current;\n if (!field) return;\n\n field.focus();\n\n const needsSpace = !!field.value && !/\\s$/.test(field.value);\n const nextValue = `${field.value}${needsSpace ? ' @' : '@'}`;\n const setValue = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(field), 'value')?.set;\n\n setValue?.call(field, nextValue);\n field.setSelectionRange(nextValue.length, nextValue.length);\n field.dispatchEvent(new Event('input', { bubbles: true }));\n field.dispatchEvent(new Event('keyup', { bubbles: true }));\n };\n\n const handleEnterKey = (event: KeyboardEvent) => {\n if (event.key !== 'Enter' \|\| event.shiftKey) return;\n if (!canSend \|\| disabled) return;\n if (isSuggestionsListOpened()) return;\n\n event.preventDefault();\n onSubmit();\n };\n\n return (\n <CommentInput\n value={body}\n canSubmit={canSend}\n disabled={disabled}\n onSubmit={onSubmit}\n trailing={trailing}\n embedded={embedded}\n className={className}\n testId={testId}\n field={\n <Input\n inputComponent={UserMention}\n inputProps={{\n // UserMention calls onChange with the text string, not a DOM event.\n onChange: onBodyChange as unknown as FormEventHandler<HTMLInputElement>,\n currentUser,\n allowEmptyQuery: true,\n suggestionsPortalHost: document.querySelector('body'),\n withLightTheme: false,\n mentionProps: { renderSuggestion },\n highlightLinks: true,\n style: MENTION_INPUT_STYLE,\n }}\n value={body}\n placeholder={placeholder}\n inputRef={fieldRef}\n className={styles.mentionField}\n onKeyDown={handleEnterKey}\n disableUnderline\n rows={1}\n fullWidth\n multiline\n autoFocus={autoFocus}\n />\n }\n attachments={upload.items}\n onAttachmentRemove={upload.removeAttachment}\n onAttachmentRetry={upload.handleRetry}\n onAttachmentReorder={isMulti ? upload.reorderAttachments : undefined}\n onFilesDrop={upload.addFiles}\n onImageLinkPaste={upload.addLinkedImage}\n dropLabel={upload.maxFiles === 1 ? 'Drop a file here' : 'Drop files here'}\n attachmentSlot={\n attachmentError ? <FailedFileUploading errorMessage={attachmentError} /> : undefined\n }\n toolbar={\n <>\n <AttachFileButton\n inputRef={upload.fileInputRef}\n onClick={upload.openFileDialog}\n onFileSelect={upload.handleFileSelect}\n multiple={isMulti}\n disabled={upload.isFull}\n tooltip={\n upload.isFull\n ? `Up to ${upload.maxFiles} ${\n upload.maxFiles === 1 ? 'file' : 'files'\n } can be attached`\n : 'Attach file'\n }\n />\n <Tooltip title=\"Mention someone\">\n <ButtonIcon size=\"xs\" type=\"tertiary\" onClick={mentionSomeone}>\n <AlternateEmailIcon fontSize=\"inherit\" />\n </ButtonIcon>\n </Tooltip>\n <span className={styles.iconSlot}>\n <EmojiIconButton\n icon={<SmilingFaceIcon size={16} />}\n handleSelectEmoji={(emoji: { native: string }) =>\n onBodyChange(`${body}${emoji.native}`)\n }\n />\n </span>\n </>\n }\n footer={\n (!!metaRows?.length \|\| !!shareToChat) && (\n <>\n <CommentMetaLine rows={metaRows ?? []} singleLine={isMetaSingleLine} />\n {shareToChat && <ShareToChatRow {...shareToChat} />}\n </>\n )\n }\n />\n );\n};\n"],"names":["MENTION_INPUT_STYLE","fontSize","lineHeight","suggestions","backgroundColor","list","item","color","renderSuggestion","entry","_jsxs","className","styles","suggestion","children","_jsx","Avatar","size","alt","display","imgSrc","photo","displayName","CommentComposer","_ref","body","onBodyChange","onSubmit","canSubmit","currentUser","attachments","onAttachmentsChange","_ref$maxAttachments","maxAttachments","DEFAULT_MAX_ATTACHMENTS","attachment","onAttachmentChange","attachmentError","onAttachmentError","maxAttachmentSizeBytes","disabled","autoFocus","_ref$placeholder","placeholder","metaRows","isMetaSingleLine","shareToChat","trailing","embedded","testId","isMulti","value","useMemo","filter","Boolean","handleAttachmentsChange","useCallback","next","_next$","upload","useAttachmentUpload","onChange","onError","maxSizeBytes","maxFiles","canSend","isUploading","fieldRef","useRef","CommentInput","field","Input","inputComponent","UserMention","inputProps","allowEmptyQuery","suggestionsPortalHost","document","querySelector","withLightTheme","mentionProps","highlightLinks","style","inputRef","mentionField","onKeyDown","event","key","shiftKey","isSuggestionsListOpened","preventDefault","disableUnderline","rows","fullWidth","multiline","items","onAttachmentRemove","removeAttachment","onAttachmentRetry","handleRetry","onAttachmentReorder","reorderAttachments","undefined","onFilesDrop","addFiles","onImageLinkPaste","addLinkedImage","dropLabel","attachmentSlot","FailedFileUploading","errorMessage","toolbar","_Fragment","AttachFileButton","fileInputRef","onClick","openFileDialog","onFileSelect","handleFileSelect","multiple","isFull","tooltip","concat","Tooltip","title","ButtonIcon","type","_Object$getOwnPropert","current","focus","needsSpace","test","nextValue","setValue","Object","getOwnPropertyDescriptor","getPrototypeOf","set","call","setSelectionRange","length","dispatchEvent","Event","bubbles","AlternateEmailIcon","iconSlot","EmojiIconButton","icon","SmilingFaceIcon","handleSelectEmoji","emoji","native","footer","CommentMetaLine","singleLine","ShareToChatRow","_objectSpread"],"mappings":"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"}
1	+ {"version":3,"file":"CommentComposer.js","sources":["../../../src/components/CommentComposer/CommentComposer.tsx"],"sourcesContent":["import {\n CSSProperties,\n FormEventHandler,\n KeyboardEvent,\n ReactNode,\n useCallback,\n useMemo,\n useRef,\n} from 'react';\nimport { Input } from '@material-ui/core';\nimport AlternateEmailIcon from '@material-ui/icons/AlternateEmail';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { SmilingFaceIcon } from '../../icons';\nimport Avatar from '../Avatar';\nimport { AttachFileButton } from '../AttachFileButton';\nimport { CommentInput } from '../CommentInputNext/CommentInputNext';\nimport EmojiIconButton from '../EmojiIconButton';\nimport FailedFileUploading from '../FailedFileUploading';\nimport UserMention from '../UserMention';\nimport { isSuggestionsListOpened } from '../UserMention/utils';\n\nimport {\n useAttachmentUpload,\n UploadedAttachment,\n DEFAULT_MAX_ATTACHMENTS,\n} from './useAttachmentUpload';\nimport { CommentMetaLine, CommentMetaRow } from './CommentMetaLine';\nimport { ShareToChatRow, ShareToChatRowProps } from './ShareToChatRow';\n\nimport styles from './CommentComposer.scss';\n\n/* eslint-disable camelcase -- mirrors the platform's snake_case user payload. /\nexport type CommentComposerUser = {\n id?: number;\n company_id?: number;\n first_name?: string;\n last_name?: string;\n profile_photo?: string;\n [key: string]: unknown;\n};\n/ eslint-enable camelcase /\n\nexport type CommentComposerProps = {\n body: string;\n onBodyChange: (value: string) => void;\n onSubmit: () => void;\n canSubmit: boolean;\n currentUser: CommentComposerUser;\n\n attachments?: UploadedAttachment[];\n onAttachmentsChange?: (attachments: UploadedAttachment[]) => void;\n maxAttachments?: number;\n /* @deprecated Use `attachments` — kept so single-attachment callers keep working. /\n attachment?: UploadedAttachment \| null;\n /* @deprecated Use `onAttachmentsChange`. /\n onAttachmentChange?: (attachment: UploadedAttachment \| null) => void;\n attachmentError?: string \| null;\n onAttachmentError?: (message: string \| null) => void;\n maxAttachmentSizeBytes?: number;\n\n disabled?: boolean;\n autoFocus?: boolean;\n placeholder?: string;\n metaRows?: CommentMetaRow[];\n isMetaSingleLine?: boolean;\n shareToChat?: Omit<ShareToChatRowProps, 'testId'>;\n /* Replaces the default send button, e.g. the edit form's Cancel/Save. /\n trailing?: ReactNode;\n /* Render flush inside a host card instead of as its own surface. */\n embedded?: boolean;\n className?: string;\n testId?: string;\n};\n\nconst SUGGESTIONS_BACKGROUND = 'var(--palette-background-b-9)';\n\n// Module-level so react-mentions isn't re-rendered on every keystroke.\nconst MENTION_INPUT_STYLE = {\n fontSize: 14,\n lineHeight: '20px',\n suggestions: {\n backgroundColor: SUGGESTIONS_BACKGROUND,\n list: { backgroundColor: SUGGESTIONS_BACKGROUND },\n item: {\n color: 'var(--palette-primary-text-1)',\n '&focused': { backgroundColor: 'rgb(from var(--palette-primary-text-1) r g b / 0.08)' },\n },\n },\n} as unknown as CSSProperties;\n\nconst renderSuggestion = (entry: { display: string; photo?: string }) => (\n <div className={styles.suggestion}>\n <Avatar size={26} alt={entry.display} imgSrc={entry.photo} displayName={entry.display} />\n <span>{entry.display}</span>\n </div>\n);\n\nexport const CommentComposer = ({\n body,\n onBodyChange,\n onSubmit,\n canSubmit,\n currentUser,\n attachments,\n onAttachmentsChange,\n maxAttachments = DEFAULT_MAX_ATTACHMENTS,\n attachment,\n onAttachmentChange,\n attachmentError,\n onAttachmentError,\n maxAttachmentSizeBytes,\n disabled,\n autoFocus,\n placeholder = 'Add a comment...',\n metaRows,\n isMetaSingleLine,\n shareToChat,\n trailing,\n embedded,\n className,\n testId,\n}: CommentComposerProps) => {\n // Callers still on the singular props get the old one-file behaviour, unchanged.\n const isMulti = !!onAttachmentsChange;\n const value = useMemo(\n () => (isMulti ? attachments ?? [] : ([attachment].filter(Boolean) as UploadedAttachment[])),\n [isMulti, attachments, attachment]\n );\n\n const handleAttachmentsChange = useCallback(\n (next: UploadedAttachment[]) => {\n if (onAttachmentsChange) onAttachmentsChange(next);\n else onAttachmentChange?.(next[0] ?? null);\n },\n [onAttachmentsChange, onAttachmentChange]\n );\n\n const upload = useAttachmentUpload({\n value,\n onChange: handleAttachmentsChange,\n onError: onAttachmentError,\n maxSizeBytes: maxAttachmentSizeBytes,\n maxFiles: isMulti ? maxAttachments : 1,\n });\n\n // An attachment only lands once S3 confirms, so posting mid-upload would drop it.\n const canSend = canSubmit && !upload.isUploading;\n\n const fieldRef = useRef<HTMLTextAreaElement \| null>(null);\n\n // react-mentions opens suggestions from textarea events, so type \"@\" instead of setting state.\n const mentionSomeone = () => {\n const field = fieldRef.current;\n if (!field) return;\n\n field.focus();\n\n const needsSpace = !!field.value && !/\\s$/.test(field.value);\n const nextValue = `${field.value}${needsSpace ? ' @' : '@'}`;\n const setValue = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(field), 'value')?.set;\n\n setValue?.call(field, nextValue);\n field.setSelectionRange(nextValue.length, nextValue.length);\n field.dispatchEvent(new Event('input', { bubbles: true }));\n field.dispatchEvent(new Event('keyup', { bubbles: true }));\n };\n\n const handleEnterKey = (event: KeyboardEvent) => {\n if (event.key !== 'Enter' \|\| event.shiftKey) return;\n if (!canSend \|\| disabled) return;\n if (isSuggestionsListOpened()) return;\n\n event.preventDefault();\n onSubmit();\n };\n\n return (\n <CommentInput\n value={body}\n canSubmit={canSend}\n disabled={disabled}\n onSubmit={onSubmit}\n trailing={trailing}\n embedded={embedded}\n className={className}\n testId={testId}\n field={\n <Input\n inputComponent={UserMention}\n inputProps={{\n // UserMention calls onChange with the text string, not a DOM event.\n onChange: onBodyChange as unknown as FormEventHandler<HTMLInputElement>,\n currentUser,\n allowEmptyQuery: true,\n suggestionsPortalHost: document.querySelector('body'),\n withLightTheme: false,\n mentionProps: { renderSuggestion },\n highlightLinks: true,\n style: MENTION_INPUT_STYLE,\n }}\n value={body}\n placeholder={placeholder}\n inputRef={fieldRef}\n className={styles.mentionField}\n onKeyDown={handleEnterKey}\n disableUnderline\n rows={1}\n fullWidth\n multiline\n autoFocus={autoFocus}\n />\n }\n attachments={upload.items}\n onAttachmentRemove={upload.removeAttachment}\n onAttachmentRetry={upload.handleRetry}\n onAttachmentReorder={isMulti ? upload.reorderAttachments : undefined}\n onFilesDrop={upload.addFiles}\n onImageLinkPaste={upload.addLinkedImage}\n dropLabel={upload.maxFiles === 1 ? 'Drop a file here' : 'Drop files here'}\n attachmentSlot={\n attachmentError ? <FailedFileUploading errorMessage={attachmentError} /> : undefined\n }\n toolbar={\n <>\n <AttachFileButton\n inputRef={upload.fileInputRef}\n onClick={upload.openFileDialog}\n onFileSelect={upload.handleFileSelect}\n multiple={isMulti}\n disabled={upload.isFull}\n tooltip={\n upload.isFull\n ? `Up to ${upload.maxFiles} ${\n upload.maxFiles === 1 ? 'file' : 'files'\n } can be attached`\n : 'Attach file'\n }\n />\n <Tooltip title=\"Mention someone\">\n <ButtonIcon size=\"xs\" type=\"tertiary\" onClick={mentionSomeone}>\n <AlternateEmailIcon fontSize=\"inherit\" />\n </ButtonIcon>\n </Tooltip>\n <span className={styles.iconSlot}>\n <EmojiIconButton\n icon={<SmilingFaceIcon size={16} />}\n handleSelectEmoji={(emoji: { native: string }) =>\n onBodyChange(`${body}${emoji.native}`)\n }\n />\n </span>\n </>\n }\n footer={\n (!!metaRows?.length \|\| !!shareToChat) && (\n <>\n <CommentMetaLine rows={metaRows ?? []} singleLine={isMetaSingleLine} />\n {shareToChat && <ShareToChatRow {...shareToChat} />}\n </>\n )\n }\n />\n );\n};\n"],"names":["MENTION_INPUT_STYLE","fontSize","lineHeight","suggestions","backgroundColor","list","item","color","renderSuggestion","entry","_jsxs","className","styles","suggestion","children","_jsx","Avatar","size","alt","display","imgSrc","photo","displayName","CommentComposer","_ref","body","onBodyChange","onSubmit","canSubmit","currentUser","attachments","onAttachmentsChange","_ref$maxAttachments","maxAttachments","DEFAULT_MAX_ATTACHMENTS","attachment","onAttachmentChange","attachmentError","onAttachmentError","maxAttachmentSizeBytes","disabled","autoFocus","_ref$placeholder","placeholder","metaRows","isMetaSingleLine","shareToChat","trailing","embedded","testId","isMulti","value","useMemo","filter","Boolean","handleAttachmentsChange","useCallback","next","_next$","upload","useAttachmentUpload","onChange","onError","maxSizeBytes","maxFiles","canSend","isUploading","fieldRef","useRef","CommentInput","field","Input","inputComponent","UserMention","inputProps","allowEmptyQuery","suggestionsPortalHost","document","querySelector","withLightTheme","mentionProps","highlightLinks","style","inputRef","mentionField","onKeyDown","event","key","shiftKey","isSuggestionsListOpened","preventDefault","disableUnderline","rows","fullWidth","multiline","items","onAttachmentRemove","removeAttachment","onAttachmentRetry","handleRetry","onAttachmentReorder","reorderAttachments","undefined","onFilesDrop","addFiles","onImageLinkPaste","addLinkedImage","dropLabel","attachmentSlot","FailedFileUploading","errorMessage","toolbar","_Fragment","AttachFileButton","fileInputRef","onClick","openFileDialog","onFileSelect","handleFileSelect","multiple","isFull","tooltip","concat","Tooltip","title","ButtonIcon","type","_Object$getOwnPropert","current","focus","needsSpace","test","nextValue","setValue","Object","getOwnPropertyDescriptor","getPrototypeOf","set","call","setSelectionRange","length","dispatchEvent","Event","bubbles","AlternateEmailIcon","iconSlot","EmojiIconButton","icon","SmilingFaceIcon","handleSelectEmoji","emoji","native","footer","CommentMetaLine","singleLine","ShareToChatRow","_objectSpread"],"mappings":"26KA4EA,IAGMA,EAAsB,CAC1BC,SAAU,GACVC,WAAY,OACZC,YAAa,CACXC,gBAP2B,gCAQ3BC,KAAM,CAAED,gBARmB,iCAS3BE,KAAM,CACJC,MAAO,gCACP,WAAY,CAAEH,gBAAiB,2DAK/BI,EAAmB,SAACC,GAA0C,OAClEC,EAAA,MAAA,CAAKC,UAAWC,EAAOC,WAAWC,SAAA,CAChCC,EAACC,EAAM,CAACC,KAAM,GAAIC,IAAKT,EAAMU,QAASC,OAAQX,EAAMY,MAAOC,YAAab,EAAMU,UAC9EJ,EAAA,OAAA,CAAAD,SAAOL,EAAMU,YACT,EAGKI,EAAkB,SAwBHC,GAAA,IAvB1BC,IAAAA,KACAC,IAAAA,aACAC,IAAAA,SACAC,IAAAA,UACAC,IAAAA,YACAC,IAAAA,YACAC,IAAAA,oBAAmBC,EAAAR,EACnBS,eAAAA,aAAiBC,EAAuBF,EACxCG,IAAAA,WACAC,IAAAA,mBACAC,IAAAA,gBACAC,IAAAA,kBACAC,IAAAA,uBACAC,IAAAA,SACAC,IAAAA,UAASC,EAAAlB,EACTmB,YAAAA,aAAc,mBAAkBD,EAChCE,IAAAA,SACAC,IAAAA,iBACAC,IAAAA,YACAC,IAAAA,SACAC,IAAAA,SACArC,IAAAA,UACAsC,IAAAA,OAGMC,IAAYnB,EACZoB,EAAQC,GACZ,WAAA,OAAOF,EAAUpB,QAAAA,EAAe,GAAM,CAACK,GAAYkB,OAAOC,QAAkC,GAC5F,CAACJ,EAASpB,EAAaK,IAGnBoB,EAA0BC,GAC9B,SAACC,GAA+B,IAAAC,EAC1B3B,EAAqBA,EAAoB0B,GACxCrB,SAAAA,EAA4B,UAAPqB,EAAK,UAAE,IAAAC,EAAAA,EAAI,KACvC,GACA,CAAC3B,EAAqBK,IAGlBuB,GAASC,EAAoB,CACjCT,MAAAA,EACAU,SAAUN,EACVO,QAASxB,EACTyB,aAAcxB,EACdyB,SAAUd,EAAUjB,EAAiB,IAIjCgC,GAAUrC,IAAc+B,GAAOO,YAE/BC,GAAWC,EAAmC,MA4BpD,OACErD,EAACsD,EAAY,CACXlB,MAAO1B,EACPG,UAAWqC,GACXzB,SAAUA,EACVb,SAAUA,EACVoB,SAAUA,EACVC,SAAUA,EACVrC,UAAWA,EACXsC,OAAQA,EACRqB,MACEvD,EAACwD,EAAK,CACJC,eAAgBC,EAChBC,WAAY,CAEVb,SAAUnC,EACVG,YAAAA,EACA8C,iBAAiB,EACjBC,sBAAuBC,SAASC,cAAc,QAC9CC,gBAAgB,EAChBC,aAAc,CAAExE,iBAAAA,GAChByE,gBAAgB,EAChBC,MAAOlF,GAETmD,MAAO1B,EACPkB,YAAaA,EACbwC,SAAUhB,GACVxD,UAAWC,EAAOwE,aAClBC,UArCe,SAACC,GACJ,UAAdA,EAAMC,KAAmBD,EAAME,UAC9BvB,KAAWzB,IACZiD,MAEJH,EAAMI,iBACN/D,OAgCMgE,kBAAgB,EAChBC,KAAM,EACNC,WAAS,EACTC,WAAS,EACTrD,UAAWA,IAGfX,YAAa6B,GAAOoC,MACpBC,mBAAoBrC,GAAOsC,iBAC3BC,kBAAmBvC,GAAOwC,YAC1BC,oBAAqBlD,EAAUS,GAAO0C,wBAAqBC,EAC3DC,YAAa5C,GAAO6C,SACpBC,iBAAkB9C,GAAO+C,eACzBC,UAA+B,IAApBhD,GAAOK,SAAiB,mBAAqB,kBACxD4C,eACEvE,EAAkBtB,EAAC8F,EAAmB,CAACC,aAAczE,SAAsBiE,EAE7ES,QACErG,EAAAsG,EAAA,CAAAlG,SAAA,CACEC,EAACkG,EAAgB,CACf9B,SAAUxB,GAAOuD,aACjBC,QAASxD,GAAOyD,eAChBC,aAAc1D,GAAO2D,iBACrBC,SAAUrE,EACVV,SAAUmB,GAAO6D,OACjBC,QACE9D,GAAO6D,OACM7D,SAAAA,OAAAA,GAAOK,SAAQ,KAAA0D,OACF,IAApB/D,GAAOK,SAAiB,OAAS,QAEnC,oBAAA,gBAGRjD,EAAC4G,EAAO,CAACC,MAAM,kBAAiB9G,SAC9BC,EAAC8G,EAAU,CAAC5G,KAAK,KAAK6G,KAAK,WAAWX,QAxFzB,WAAM,IAAAY,EACrBzD,EAAQH,GAAS6D,QACvB,GAAK1D,EAAL,CAEAA,EAAM2D,QAEN,IAAMC,IAAe5D,EAAMnB,QAAU,MAAMgF,KAAK7D,EAAMnB,OAChDiF,EAAe9D,GAAAA,OAAAA,EAAMnB,OAAQ+E,OAAAA,EAAa,KAAO,KACjDG,EAAiF,QAAtEC,EAAAA,OAAOC,yBAAyBD,OAAOE,eAAelE,GAAQ,gBAAQ,IAAAyD,OAAA,EAAtEA,EAAwEU,IAEzFJ,SAAAA,EAAUK,KAAKpE,EAAO8D,GACtB9D,EAAMqE,kBAAkBP,EAAUQ,OAAQR,EAAUQ,QACpDtE,EAAMuE,cAAc,IAAIC,MAAM,QAAS,CAAEC,SAAS,KAClDzE,EAAMuE,cAAc,IAAIC,MAAM,QAAS,CAAEC,SAAS,IAXtC,GAsF0DjI,SAC5DC,EAACiI,EAAkB,CAAC/I,SAAS,gBAGjCc,EAAA,OAAA,CAAMJ,UAAWC,EAAOqI,SAASnI,SAC/BC,EAACmI,EAAe,CACdC,KAAMpI,EAACqI,EAAe,CAACnI,KAAM,KAC7BoI,kBAAmB,SAACC,GAAyB,OAC3C5H,EAAgBD,GAAAA,OAAAA,UAAO6H,EAAMC,QAAS,SAMhDC,UACK5G,UAAAA,EAAUgG,WAAY9F,IACvBpC,EAAAsG,EAAA,CAAAlG,SAAA,CACEC,EAAC0I,EAAe,CAAC7D,KAAMhD,QAAAA,EAAY,GAAI8G,WAAY7G,IAClDC,GAAe/B,EAAC4I,EAAcC,EAAA,CAAA,EAAK9G,QAMhD"}

package/components/CommentInputNext/CommentInputNext.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{forwardRef as i,useState as n,useRef as c,useCallback as t,useLayoutEffect as e}from"react";import r from"classnames";import{ButtonIcon as m}from"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as a}from"../../componentsV2/Tooltip/Tooltip.js";import{ArrowUpIcon as l}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{AttachmentPreview as p}from"../AttachmentPreview/AttachmentPreview.js";import"../../componentsV2/FileIcon/FileIcon.js";import"@material-ui/core";import{jsxs as u,jsx as d,Fragment as j}from"react/jsx-runtime";import"../../componentsV2/Menu/Menu.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../utils/main.js";import"../AttachmentPreview/AttachmentImage.js";import"../AttachmentPreview/AttachmentPreview.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import{useFileDrop as I}from"./useFileDrop.js";import{useFilePaste as h}from"./useFilePaste.js";import v from"./CommentInputNext.scss.js";function f(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,n)}return i}function b(s){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{};i%2?f(Object(n),!0).forEach((function(i){o(s,i,n[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var g=i((function(o,i){var f=o.placeholder,g=void 0===f?"Add a comment":f,O=o.value,y=o.onChange,C=o.onSubmit,F=o.onCancel,P=o.disabled,A=o.autoFocus,N=o.minRows,w=void 0===N?1:N,D=o.maxRows,x=o.field,R=o.canSubmit,k=o.bare,M=o.leading,S=o.trailing,E=o.sendTooltip,T=void 0===E?"Send":E,B=o.attachments,G=o.onAttachmentRemove,L=o.onAttachmentRetry,H=o.onAttachmentReorder,U=o.onFilesDrop,V=o.onImageLinkPaste,z=o.dropLabel,K=void 0===z?"Drop files here":z,q=o.attachmentSlot,W=o.toolbar,Y=o.footer,Z=o.embedded,J=o.className,Q=o.testId,X=I(P?void 0:U),$=X.isDragging,_=X.dropHandlers,oo=h(P?{}:{onFiles:U,onImageLink:V}).pasteHandlers,so=$&&d("div",{className:v.dropOverlay,children:K}),io=void 0!==O,no=n(""),co=s(no,2),to=co[0],eo=co[1],ro=io?O:to,mo=null!=D?D:k?12:8,ao=c(null),lo=t((function(o){if(ao.current=o,o){var s=o;s.style.height="auto";var i=20*mo;s.style.height="".concat(Math.min(s.scrollHeight,i),"px"),s.style.overflowY=s.scrollHeight>i?"auto":"hidden"}}),[mo]);e((function(){x||lo(ao.current)}),[ro,x,lo]);var po=(null!=R?R:!!ro.trim())&&!P,uo=function(){po&&(null==C||C(ro.trim()),io||x||eo(""))},jo=null!=x?x:d("textarea",{ref:lo,className:v.input,rows:w,placeholder:g,value:ro,disabled:P,autoFocus:A,onChange:function(o){var s;s=o.target.value,io||eo(s),null==y||y(s),lo(o.target)},onKeyDown:function(o){if("Escape"===o.key&&F)return o.preventDefault(),void F();"Enter"!==o.key||o.shiftKey||(o.preventDefault(),uo())}}),Io=null!=S?S:d(a,{title:T,children:d("span",{className:v.send,children:d(m,{size:k?"xs":"small",type:"primary",disabled:!po,onClick:uo,testId:"comment-input-send",children:d(l,{})})})}),ho=((null==B?void 0:B.length)||q)&&u("div",{className:v.attachment,children:[null!=B&&B.length?d(p,{items:B,onRemove:G,onRetry:L,onReorder:H}):null,q]});return u("div",k?b(b(b({ref:i,"data-testid":Q,className:r(v.rootBare,J)},_),oo),{},{children:[so,u("div",{className:v.fieldRow,children:[M&&d("div",{className:v.leading,children:M}),u("div",{className:r(v.field,!!ho&&v.fieldExpanded,P&&v.fieldDisabled),children:[u("div",{className:v.fieldMain,children:[jo,ho]}),W&&d("div",{className:v.bareToolbar,children:W}),Io]})]})]}):b(b(b({ref:i,"data-testid":Q,className:r(v.root,Z&&v.rootEmbedded,J)},_),oo),{},{children:[so,u("div",{className:v.inputPanel,children:[jo,ho,u("div",{className:v.toolbarRow,children:[d("div",{className:v.toolbar,children:W}),Io]})]}),Y&&u(j,{children:[d("div",{className:v.divider}),d("div",{className:v.metaShare,children:Y})]})]}))}));export{g as CommentInput};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{forwardRef as i,useState as n,useRef as c,useCallback as t,useLayoutEffect as e}from"react";import r from"classnames";import{ButtonIcon as m}from"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as a}from"../../componentsV2/Tooltip/Tooltip.js";import{ArrowUpIcon as l}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{AttachmentPreview as p}from"../AttachmentPreview/AttachmentPreview.js";import"../../componentsV2/FileIcon/FileIcon.js";import"@material-ui/core";import{jsxs as u,jsx as d,Fragment as j}from"react/jsx-runtime";import"../../componentsV2/Menu/Menu.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../utils/main.js";import"../AttachmentPreview/AttachmentImage.js";import"../AttachmentPreview/AttachmentPreview.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import{useFileDrop as I}from"./useFileDrop.js";import{useFilePaste as h}from"./useFilePaste.js";import v from"./CommentInputNext.scss.js";function f(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,n)}return i}function b(s){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{};i%2?f(Object(n),!0).forEach((function(i){o(s,i,n[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var g=i((function(o,i){var f=o.placeholder,g=void 0===f?"Add a comment":f,O=o.value,C=o.onChange,y=o.onSubmit,P=o.onCancel,F=o.disabled,A=o.autoFocus,N=o.minRows,w=void 0===N?1:N,D=o.maxRows,x=o.field,R=o.canSubmit,k=o.bare,M=o.leading,S=o.trailing,E=o.sendTooltip,T=void 0===E?"Send":E,B=o.attachments,G=o.onAttachmentRemove,L=o.onAttachmentRetry,H=o.onAttachmentReorder,U=o.onFilesDrop,V=o.onImageLinkPaste,z=o.dropLabel,K=void 0===z?"Drop files here":z,q=o.attachmentSlot,W=o.toolbar,Y=o.footer,Z=o.embedded,J=o.className,Q=o.testId,X=I(F?void 0:U),$=X.isDragging,_=X.dropHandlers,oo=h(F?{}:{onFiles:U,onImageLink:V}).pasteHandlers,so=$&&d("div",{className:v.dropOverlay,children:K}),io=void 0!==O,no=n(""),co=s(no,2),to=co[0],eo=co[1],ro=io?O:to,mo=null!=D?D:k?12:8,ao=c(null),lo=t((function(o){if(ao.current=o,o){var s=o;s.style.height="auto";var i=20*mo;s.style.height="".concat(Math.min(s.scrollHeight,i),"px"),s.style.overflowY=s.scrollHeight>i?"auto":"hidden"}}),[mo]);e((function(){x||lo(ao.current)}),[ro,x,lo]);var po=(null!=R?R:!!ro.trim())&&!F,uo=function(){po&&(null==y||y(ro.trim()),io||x||eo(""))},jo=null!=x?x:d("textarea",{ref:lo,className:v.input,rows:w,placeholder:g,value:ro,disabled:F,autoFocus:A,onChange:function(o){var s;s=o.target.value,io||eo(s),null==C||C(s),lo(o.target)},onKeyDown:function(o){if("Escape"===o.key&&P)return o.preventDefault(),void P();"Enter"!==o.key||o.shiftKey||(o.preventDefault(),uo())}}),Io=null!=S?S:d(a,{title:T,children:d("span",{className:v.send,children:d(m,{size:k?"xs":"small",type:"primary",disabled:!po,onClick:uo,testId:"comment-input-send",children:d(l,{})})})}),ho=((null==B?void 0:B.length)||q)&&u("div",{className:v.attachment,children:[null!=B&&B.length?d(p,{items:B,onRemove:G,onRetry:L,onReorder:H}):null,q]});return u("div",k?b(b(b({ref:i,"data-testid":Q,className:r(v.rootBare,J)},_),oo),{},{children:[so,u("div",{className:v.fieldRow,children:[M&&d("div",{className:v.leading,children:M}),u("div",{className:r(v.field,!!ho&&v.fieldExpanded,F&&v.fieldDisabled),children:[u("div",{className:v.fieldMain,children:[jo,ho]}),W&&d("div",{className:v.bareToolbar,children:W}),Io]})]})]}):b(b(b({ref:i,"data-testid":Q,className:r(v.root,Z&&v.rootEmbedded,J)},_),oo),{},{children:[so,u("div",{className:v.inputPanel,children:[jo,ho,u("div",{className:v.toolbarRow,children:[d("div",{className:v.toolbar,children:W}),Io]})]}),Y&&u(j,{children:[d("div",{className:v.divider}),d("div",{className:v.metaShare,children:Y})]})]}))}));export{g as CommentInput};
 //# sourceMappingURL=CommentInputNext.js.map

package/components/CommentInputNext/CommentInputNext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentInputNext.js","sources":["../../../src/components/CommentInputNext/CommentInputNext.tsx"],"sourcesContent":["import {\n forwardRef,\n KeyboardEvent,\n ReactNode,\n useState,\n useCallback,\n useRef,\n useLayoutEffect,\n ChangeEvent,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { ArrowUpIcon } from '../../icons';\nimport { AttachmentPreview } from '../AttachmentPreview';\nimport { AttachmentPreviewItem } from '../AttachmentPreview/AttachmentPreview.types';\n\nimport { useFileDrop } from './useFileDrop';\nimport { useFilePaste } from './useFilePaste';\n\nimport styles from './CommentInputNext.scss';\n\nexport type CommentInputProps = {\n placeholder?: string;\n value?: string;\n onChange?: (value: string) => void;\n onSubmit?: (value: string) => void;\n onCancel?: () => void;\n disabled?: boolean;\n autoFocus?: boolean;\n minRows?: number;\n maxRows?: number;\n\n /** Editable control rendered in place of the built-in textarea. /\n field?: ReactNode;\n canSubmit?: boolean;\n /* Drop the outer surface so the field sits flush, for the in-card reply input. /\n bare?: boolean;\n\n leading?: ReactNode;\n /* Replaces the default send button. /\n trailing?: ReactNode;\n sendTooltip?: string;\n\n attachments?: AttachmentPreviewItem[];\n onAttachmentRemove?: (id: AttachmentPreviewItem['id']) => void;\n onAttachmentRetry?: (id: AttachmentPreviewItem['id']) => void;\n /* Enables drag-to-reorder on the attachment strip. /\n onAttachmentReorder?: (orderedIds: AttachmentPreviewItem['id'][]) => void;\n /* Enables dropping files from the desktop onto the composer. /\n onFilesDrop?: (files: File[]) => void;\n /* Given a pasted link that points at an image. /\n onImageLinkPaste?: (url: string) => void;\n dropLabel?: string;\n /* Extra content in the attachment area, e.g. an upload-error banner. /\n attachmentSlot?: ReactNode;\n toolbar?: ReactNode;\n footer?: ReactNode;\n /* Render flush inside a host surface: no background, full-width divider. /\n embedded?: boolean;\n\n className?: string;\n testId?: string;\n};\n\nconst LINE_HEIGHT_PX = 20;\nconst DEFAULT_MAX_ROWS = 8;\nconst BARE_MAX_ROWS = 12;\n\nexport const CommentInput = forwardRef<HTMLDivElement, CommentInputProps>(\n (\n {\n placeholder = 'Add a comment',\n value,\n onChange,\n onSubmit,\n onCancel,\n disabled,\n autoFocus,\n minRows = 1,\n maxRows,\n field,\n canSubmit,\n bare,\n leading,\n trailing,\n sendTooltip = 'Send',\n attachments,\n onAttachmentRemove,\n onAttachmentRetry,\n onAttachmentReorder,\n onFilesDrop,\n onImageLinkPaste,\n dropLabel = 'Drop files here',\n attachmentSlot,\n toolbar,\n footer,\n embedded,\n className,\n testId,\n },\n ref\n ) => {\n const { isDragging, dropHandlers } = useFileDrop(disabled ? undefined : onFilesDrop);\n const { pasteHandlers } = useFilePaste(\n disabled ? {} : { onFiles: onFilesDrop, onImageLink: onImageLinkPaste }\n );\n const dropOverlay = isDragging && <div className={styles.dropOverlay}>{dropLabel}</div>;\n\n const isControlled = value !== undefined;\n const [internalValue, setInternalValue] = useState('');\n const text = isControlled ? value : internalValue;\n\n // The bare reply field has no toolbar row, so text may fill the whole box.\n const rowsCap = maxRows ?? (bare ? BARE_MAX_ROWS : DEFAULT_MAX_ROWS);\n\n const textareaRef = useRef<HTMLTextAreaElement \| null>(null);\n const resize = useCallback(\n (el: HTMLTextAreaElement \| null) => {\n textareaRef.current = el;\n if (!el) return;\n const node = el;\n node.style.height = 'auto';\n const maxHeight = rowsCap LINE_HEIGHT_PX;\n node.style.height = `${Math.min(node.scrollHeight, maxHeight)}px`;\n node.style.overflowY = node.scrollHeight > maxHeight ? 'auto' : 'hidden';\n },\n [rowsCap]\n );\n\n // The ref callback won't fire for a prop-driven value change.\n useLayoutEffect(() => {\n if (!field) resize(textareaRef.current);\n }, [text, field, resize]);\n\n const setText = (next: string) => {\n if (!isControlled) setInternalValue(next);\n onChange?.(next);\n };\n\n const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n setText(event.target.value);\n resize(event.target);\n };\n\n const canSend = (canSubmit ?? !!text.trim()) && !disabled;\n\n const submit = () => {\n if (!canSend) return;\n onSubmit?.(text.trim());\n if (!isControlled && !field) setInternalValue('');\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n if (event.key === 'Escape' && onCancel) {\n event.preventDefault();\n onCancel();\n return;\n }\n\n if (event.key === 'Enter' && !event.shiftKey) {\n event.preventDefault();\n submit();\n }\n };\n\n const editor = field ?? (\n <textarea\n ref={resize}\n className={styles.input}\n rows={minRows}\n placeholder={placeholder}\n value={text}\n disabled={disabled}\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n />\n );\n\n const sendButton = trailing ?? (\n // A disabled button fires no events, so the tooltip needs its own target.\n <Tooltip title={sendTooltip}>\n <span className={styles.send}>\n <ButtonIcon\n size={bare ? 'xs' : 'small'}\n type=\"primary\"\n disabled={!canSend}\n onClick={submit}\n testId=\"comment-input-send\"\n >\n <ArrowUpIcon />\n </ButtonIcon>\n </span>\n </Tooltip>\n );\n\n const attachmentArea = (attachments?.length \|\| attachmentSlot) && (\n <div className={styles.attachment}>\n {attachments?.length ? (\n <AttachmentPreview\n items={attachments}\n onRemove={onAttachmentRemove}\n onRetry={onAttachmentRetry}\n onReorder={onAttachmentReorder}\n />\n ) : null}\n {attachmentSlot}\n </div>\n );\n\n if (bare) {\n return (\n <div\n ref={ref}\n data-testid={testId}\n className={classNames(styles.rootBare, className)}\n {...dropHandlers}\n {...pasteHandlers}\n >\n {dropOverlay}\n <div className={styles.fieldRow}>\n {leading && <div className={styles.leading}>{leading}</div>}\n <div\n className={classNames(\n styles.field,\n !!attachmentArea && styles.fieldExpanded,\n disabled && styles.fieldDisabled\n )}\n >\n <div className={styles.fieldMain}>\n {editor}\n {attachmentArea}\n </div>\n {toolbar && <div className={styles.bareToolbar}>{toolbar}</div>}\n {sendButton}\n </div>\n </div>\n </div>\n );\n }\n\n return (\n <div\n ref={ref}\n data-testid={testId}\n className={classNames(styles.root, embedded && styles.rootEmbedded, className)}\n {...dropHandlers}\n {...pasteHandlers}\n >\n {dropOverlay}\n <div className={styles.inputPanel}>\n {editor}\n {attachmentArea}\n <div className={styles.toolbarRow}>\n <div className={styles.toolbar}>{toolbar}</div>\n {sendButton}\n </div>\n </div>\n\n {footer && (\n <>\n <div className={styles.divider} />\n <div className={styles.metaShare}>{footer}</div>\n </>\n )}\n </div>\n );\n }\n);\n"],"names":["CommentInput","forwardRef","_ref","ref","_ref$placeholder","placeholder","value","onChange","onSubmit","onCancel","disabled","autoFocus","_ref$minRows","minRows","maxRows","field","canSubmit","bare","leading","trailing","_ref$sendTooltip","sendTooltip","attachments","onAttachmentRemove","onAttachmentRetry","onAttachmentReorder","onFilesDrop","onImageLinkPaste","_ref$dropLabel","dropLabel","attachmentSlot","toolbar","footer","embedded","className","testId","_useFileDrop","useFileDrop","undefined","isDragging","dropHandlers","pasteHandlers","useFilePaste","onFiles","onImageLink","dropOverlay","_jsx","styles","children","isControlled","useState","_useState2","_slicedToArray","_useState","internalValue","setInternalValue","text","rowsCap","textareaRef","useRef","resize","useCallback","el","current","node","style","height","maxHeight","Math","min","scrollHeight","overflowY","useLayoutEffect","canSend","trim","submit","editor","input","rows","event","next","target","onKeyDown","key","preventDefault","shiftKey","sendButton","Tooltip","title","send","ButtonIcon","size","type","onClick","ArrowUpIcon","attachmentArea","length","_jsxs","attachment","AttachmentPreview","items","onRemove","onRetry","onReorder","_objectSpread","classNames","rootBare","fieldRow","fieldExpanded","fieldDisabled","fieldMain","bareToolbar","root","rootEmbedded","inputPanel","toolbarRow","_Fragment","divider","metaShare"],"mappings":"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"}
1	+ {"version":3,"file":"CommentInputNext.js","sources":["../../../src/components/CommentInputNext/CommentInputNext.tsx"],"sourcesContent":["import {\n forwardRef,\n KeyboardEvent,\n ReactNode,\n useState,\n useCallback,\n useRef,\n useLayoutEffect,\n ChangeEvent,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { ArrowUpIcon } from '../../icons';\nimport { AttachmentPreview } from '../AttachmentPreview';\nimport { AttachmentPreviewItem } from '../AttachmentPreview/AttachmentPreview.types';\n\nimport { useFileDrop } from './useFileDrop';\nimport { useFilePaste } from './useFilePaste';\n\nimport styles from './CommentInputNext.scss';\n\nexport type CommentInputProps = {\n placeholder?: string;\n value?: string;\n onChange?: (value: string) => void;\n onSubmit?: (value: string) => void;\n onCancel?: () => void;\n disabled?: boolean;\n autoFocus?: boolean;\n minRows?: number;\n maxRows?: number;\n\n /** Editable control rendered in place of the built-in textarea. /\n field?: ReactNode;\n canSubmit?: boolean;\n /* Drop the outer surface so the field sits flush, for the in-card reply input. /\n bare?: boolean;\n\n leading?: ReactNode;\n /* Replaces the default send button. /\n trailing?: ReactNode;\n sendTooltip?: string;\n\n attachments?: AttachmentPreviewItem[];\n onAttachmentRemove?: (id: AttachmentPreviewItem['id']) => void;\n onAttachmentRetry?: (id: AttachmentPreviewItem['id']) => void;\n /* Enables drag-to-reorder on the attachment strip. /\n onAttachmentReorder?: (orderedIds: AttachmentPreviewItem['id'][]) => void;\n /* Enables dropping files from the desktop onto the composer. /\n onFilesDrop?: (files: File[]) => void;\n /* Given a pasted link that points at an image. /\n onImageLinkPaste?: (url: string) => void;\n dropLabel?: string;\n /* Extra content in the attachment area, e.g. an upload-error banner. /\n attachmentSlot?: ReactNode;\n toolbar?: ReactNode;\n footer?: ReactNode;\n /* Render flush inside a host surface: no background, full-width divider. /\n embedded?: boolean;\n\n className?: string;\n testId?: string;\n};\n\nconst LINE_HEIGHT_PX = 20;\nconst DEFAULT_MAX_ROWS = 8;\nconst BARE_MAX_ROWS = 12;\n\nexport const CommentInput = forwardRef<HTMLDivElement, CommentInputProps>(\n (\n {\n placeholder = 'Add a comment',\n value,\n onChange,\n onSubmit,\n onCancel,\n disabled,\n autoFocus,\n minRows = 1,\n maxRows,\n field,\n canSubmit,\n bare,\n leading,\n trailing,\n sendTooltip = 'Send',\n attachments,\n onAttachmentRemove,\n onAttachmentRetry,\n onAttachmentReorder,\n onFilesDrop,\n onImageLinkPaste,\n dropLabel = 'Drop files here',\n attachmentSlot,\n toolbar,\n footer,\n embedded,\n className,\n testId,\n },\n ref\n ) => {\n const { isDragging, dropHandlers } = useFileDrop(disabled ? undefined : onFilesDrop);\n const { pasteHandlers } = useFilePaste(\n disabled ? {} : { onFiles: onFilesDrop, onImageLink: onImageLinkPaste }\n );\n const dropOverlay = isDragging && <div className={styles.dropOverlay}>{dropLabel}</div>;\n\n const isControlled = value !== undefined;\n const [internalValue, setInternalValue] = useState('');\n const text = isControlled ? value : internalValue;\n\n // The bare reply field has no toolbar row, so text may fill the whole box.\n const rowsCap = maxRows ?? (bare ? BARE_MAX_ROWS : DEFAULT_MAX_ROWS);\n\n const textareaRef = useRef<HTMLTextAreaElement \| null>(null);\n const resize = useCallback(\n (el: HTMLTextAreaElement \| null) => {\n textareaRef.current = el;\n if (!el) return;\n const node = el;\n node.style.height = 'auto';\n const maxHeight = rowsCap LINE_HEIGHT_PX;\n node.style.height = `${Math.min(node.scrollHeight, maxHeight)}px`;\n node.style.overflowY = node.scrollHeight > maxHeight ? 'auto' : 'hidden';\n },\n [rowsCap]\n );\n\n // The ref callback won't fire for a prop-driven value change.\n useLayoutEffect(() => {\n if (!field) resize(textareaRef.current);\n }, [text, field, resize]);\n\n const setText = (next: string) => {\n if (!isControlled) setInternalValue(next);\n onChange?.(next);\n };\n\n const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n setText(event.target.value);\n resize(event.target);\n };\n\n const canSend = (canSubmit ?? !!text.trim()) && !disabled;\n\n const submit = () => {\n if (!canSend) return;\n onSubmit?.(text.trim());\n if (!isControlled && !field) setInternalValue('');\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n if (event.key === 'Escape' && onCancel) {\n event.preventDefault();\n onCancel();\n return;\n }\n\n if (event.key === 'Enter' && !event.shiftKey) {\n event.preventDefault();\n submit();\n }\n };\n\n const editor = field ?? (\n <textarea\n ref={resize}\n className={styles.input}\n rows={minRows}\n placeholder={placeholder}\n value={text}\n disabled={disabled}\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n />\n );\n\n const sendButton = trailing ?? (\n // A disabled button fires no events, so the tooltip needs its own target.\n <Tooltip title={sendTooltip}>\n <span className={styles.send}>\n <ButtonIcon\n size={bare ? 'xs' : 'small'}\n type=\"primary\"\n disabled={!canSend}\n onClick={submit}\n testId=\"comment-input-send\"\n >\n <ArrowUpIcon />\n </ButtonIcon>\n </span>\n </Tooltip>\n );\n\n const attachmentArea = (attachments?.length \|\| attachmentSlot) && (\n <div className={styles.attachment}>\n {attachments?.length ? (\n <AttachmentPreview\n items={attachments}\n onRemove={onAttachmentRemove}\n onRetry={onAttachmentRetry}\n onReorder={onAttachmentReorder}\n />\n ) : null}\n {attachmentSlot}\n </div>\n );\n\n if (bare) {\n return (\n <div\n ref={ref}\n data-testid={testId}\n className={classNames(styles.rootBare, className)}\n {...dropHandlers}\n {...pasteHandlers}\n >\n {dropOverlay}\n <div className={styles.fieldRow}>\n {leading && <div className={styles.leading}>{leading}</div>}\n <div\n className={classNames(\n styles.field,\n !!attachmentArea && styles.fieldExpanded,\n disabled && styles.fieldDisabled\n )}\n >\n <div className={styles.fieldMain}>\n {editor}\n {attachmentArea}\n </div>\n {toolbar && <div className={styles.bareToolbar}>{toolbar}</div>}\n {sendButton}\n </div>\n </div>\n </div>\n );\n }\n\n return (\n <div\n ref={ref}\n data-testid={testId}\n className={classNames(styles.root, embedded && styles.rootEmbedded, className)}\n {...dropHandlers}\n {...pasteHandlers}\n >\n {dropOverlay}\n <div className={styles.inputPanel}>\n {editor}\n {attachmentArea}\n <div className={styles.toolbarRow}>\n <div className={styles.toolbar}>{toolbar}</div>\n {sendButton}\n </div>\n </div>\n\n {footer && (\n <>\n <div className={styles.divider} />\n <div className={styles.metaShare}>{footer}</div>\n </>\n )}\n </div>\n );\n }\n);\n"],"names":["CommentInput","forwardRef","_ref","ref","_ref$placeholder","placeholder","value","onChange","onSubmit","onCancel","disabled","autoFocus","_ref$minRows","minRows","maxRows","field","canSubmit","bare","leading","trailing","_ref$sendTooltip","sendTooltip","attachments","onAttachmentRemove","onAttachmentRetry","onAttachmentReorder","onFilesDrop","onImageLinkPaste","_ref$dropLabel","dropLabel","attachmentSlot","toolbar","footer","embedded","className","testId","_useFileDrop","useFileDrop","undefined","isDragging","dropHandlers","pasteHandlers","useFilePaste","onFiles","onImageLink","dropOverlay","_jsx","styles","children","isControlled","useState","_useState2","_slicedToArray","_useState","internalValue","setInternalValue","text","rowsCap","textareaRef","useRef","resize","useCallback","el","current","node","style","height","maxHeight","Math","min","scrollHeight","overflowY","useLayoutEffect","canSend","trim","submit","editor","input","rows","event","next","target","onKeyDown","key","preventDefault","shiftKey","sendButton","Tooltip","title","send","ButtonIcon","size","type","onClick","ArrowUpIcon","attachmentArea","length","_jsxs","attachment","AttachmentPreview","items","onRemove","onRetry","onReorder","_objectSpread","classNames","rootBare","fieldRow","fieldExpanded","fieldDisabled","fieldMain","bareToolbar","root","rootEmbedded","inputPanel","toolbarRow","_Fragment","divider","metaShare"],"mappings":"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"}