npm - @corva/ui - Versions diffs - 3.75.0-16 → 3.75.0-18 - Mend

@corva/ui 3.75.0-16 → 3.75.0-18

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 (1067) hide show

package/cjs-bundle/components/CommentCard/CommentCardReactions.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("classnames"),o=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),c=require("../../componentsV2/Tooltip/Tooltip.js"),i=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var n=require("./CommentMenu.js"),e=require("./CommentCard.scss.js"),r=require("react/jsx-runtime");function u(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var t=u(s);exports.CommentCardReactions=function(s){var u=s.info,m=s.commentsCount,a=void 0===m?0:m,j=s.likesCount,I=void 0===j?0:j,l=s.isLiked,q=s.menuItems,d=s.onLike,p=s.onReplyToggle,C=s.onForward;return r.jsxs("div",{className:e.actionsRow,children:[r.jsxs("div",{className:e.actions,children:[p&&r.jsxs("div",{className:e.action,children:[r.jsx(o.ButtonIcon,{size:"xs",type:"tertiary",onClick:p,testId:"comment-card-reply",children:r.jsx(i.MessageIcon,{size:16})}),a>0&&r.jsx("span",{className:e.count,children:a})]}),d&&r.jsxs("div",{className:e.action,children:[r.jsx(o.ButtonIcon,{size:"xs",type:"tertiary",onClick:d,className:t.default(l&&e.liked),testId:"comment-card-like",children:r.jsx(i.ThumbsUpIcon,{size:16})}),I>0&&r.jsx("span",{className:e.count,children:I})]}),C&&r.jsx(c.Tooltip,{title:"Share to Team Chat",children:r.jsx("span",{children:r.jsx(o.ButtonIcon,{size:"xs",type:"tertiary",onClick:C,testId:"comment-card-forward",children:r.jsx(i.ShareTwoIcon,{size:16})})})})]}),r.jsxs("div",{className:e.trailingActions,children:[u,r.jsx(n.CommentMenu,{items:q,testId:"comment-card-menu"})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("classnames"),o=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),c=require("../../componentsV2/Tooltip/Tooltip.js"),n=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var i=require("./CommentMenu.js"),e=require("./CommentCard.scss.js"),r=require("react/jsx-runtime");function u(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var t=u(s);exports.CommentCardReactions=function(s){var u=s.info,m=s.commentsCount,a=void 0===m?0:m,j=s.likesCount,I=void 0===j?0:j,l=s.isLiked,q=s.menuItems,d=s.onLike,p=s.onReplyToggle,C=s.onForward;return r.jsxs("div",{className:e.actionsRow,children:[r.jsxs("div",{className:e.actions,children:[p&&r.jsxs("div",{className:e.action,children:[r.jsx(o.ButtonIcon,{size:"xs",type:"tertiary",onClick:p,testId:"comment-card-reply",children:r.jsx(n.MessageIcon,{size:16})}),a>0&&r.jsx("span",{className:e.count,children:a})]}),d&&r.jsxs("div",{className:e.action,children:[r.jsx(o.ButtonIcon,{size:"xs",type:"tertiary",onClick:d,className:t.default(l&&e.liked),testId:"comment-card-like",children:r.jsx(n.ThumbsUpIcon,{size:16})}),I>0&&r.jsx("span",{className:e.count,children:I})]}),C&&r.jsx(c.Tooltip,{title:"Share to Team Chat",children:r.jsx("span",{children:r.jsx(o.ButtonIcon,{size:"xs",type:"tertiary",onClick:C,testId:"comment-card-forward",children:r.jsx(n.ShareTwoIcon,{size:16})})})})]}),r.jsxs("div",{className:e.trailingActions,children:[u,r.jsx(i.CommentMenu,{items:q,testId:"comment-card-menu"})]})]})};
 //# sourceMappingURL=CommentCardReactions.js.map

package/cjs-bundle/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":["_ref","info","_ref$commentsCount","commentsCount","_ref$likesCount","likesCount","isLiked","menuItems","onLike","onReplyToggle","onForward","_jsxs","className","styles","actionsRow","children","jsxs","actions","action","_jsx","ButtonIcon","size","type","onClick","testId","MessageIcon","count","classNames","liked","ThumbsUpIcon","jsx","Tooltip","title","ShareTwoIcon","trailingActions","CommentMenu","items"],"mappings":"~~g2IAuBmE~~,SAS7DA,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,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,WAAWC,SAChC,CAAAJ,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOI,QAAQF,SAAA,CAC5BN,GACCE,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOK,OAAOH,SAAA,CAC5BI,MAACC,aAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASd,EACTe,OAAO,qBAAoBT,SAE3BI,MAACM,cAAW,CAACJ,KAAM,OAEpBlB,EAAgB,GAAKgB,EAAAA,IAAA,OAAA,CAAMP,UAAWC,EAAOa,MAAMX,SAAEZ,OAIzDK,GACCG,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOK,OAAOH,SAAA,CAC5BI,MAACC,aAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASf,EACTI,UAAWe,EAAU,QAACrB,GAAWO,EAAOe,OACxCJ,OAAO,oBAAmBT,SAE1BI,MAACU,eAAY,CAACR,KAAM,OAErBhB,EAAa,GAAKc,EAAAA,IAAA,OAAA,CAAMP,UAAWC,EAAOa,MAAMX,SAAEV,OAItDK,GACCS,EAAAW,IAACC,UAAO,CAACC,MAAM,qBAAoBjB,SACjCI,EAAAW,IAAA,OAAA,CAAAf,SACEI,MAACC,aAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASb,EACTc,OAAO,uBAAsBT,SAE7BI,MAACc,eAAY,CAACZ,KAAM,cAO9BV,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOqB,gBAAgBnB,SACpCd,CAAAA,EACDkB,EAAAW,IAACK,cAAW,CAACC,MAAO7B,EAAWiB,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":["_ref","info","_ref$commentsCount","commentsCount","_ref$likesCount","likesCount","isLiked","menuItems","onLike","onReplyToggle","onForward","_jsxs","className","styles","actionsRow","children","jsxs","actions","action","_jsx","ButtonIcon","size","type","onClick","testId","MessageIcon","count","classNames","liked","ThumbsUpIcon","jsx","Tooltip","title","ShareTwoIcon","trailingActions","CommentMenu","items"],"mappings":"68IAuBmE,SAS7DA,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,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,WAAWC,SAChC,CAAAJ,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOI,QAAQF,SAAA,CAC5BN,GACCE,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOK,OAAOH,SAAA,CAC5BI,MAACC,aAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASd,EACTe,OAAO,qBAAoBT,SAE3BI,MAACM,cAAW,CAACJ,KAAM,OAEpBlB,EAAgB,GAAKgB,EAAAA,IAAA,OAAA,CAAMP,UAAWC,EAAOa,MAAMX,SAAEZ,OAIzDK,GACCG,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOK,OAAOH,SAAA,CAC5BI,MAACC,aAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASf,EACTI,UAAWe,EAAU,QAACrB,GAAWO,EAAOe,OACxCJ,OAAO,oBAAmBT,SAE1BI,MAACU,eAAY,CAACR,KAAM,OAErBhB,EAAa,GAAKc,EAAAA,IAAA,OAAA,CAAMP,UAAWC,EAAOa,MAAMX,SAAEV,OAItDK,GACCS,EAAAW,IAACC,UAAO,CAACC,MAAM,qBAAoBjB,SACjCI,EAAAW,IAAA,OAAA,CAAAf,SACEI,MAACC,aAAU,CACTC,KAAK,KACLC,KAAK,WACLC,QAASb,EACTc,OAAO,uBAAsBT,SAE7BI,MAACc,eAAY,CAACZ,KAAM,cAO9BV,EAAAK,KAAA,MAAA,CAAKJ,UAAWC,EAAOqB,gBAAgBnB,SACpCd,CAAAA,EACDkB,EAAAW,IAACK,cAAW,CAACC,MAAO7B,EAAWiB,OAAO,2BAI9C"}

package/cjs-bundle/components/CommentCard/CommentCardReplies.js CHANGED Viewed

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

package/cjs-bundle/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":["_ref","replies","hasMoreReplies","moreRepliesCount","replyInput","onShowMoreReplies","_jsxs","className","styles","children","map","reply","_reply$editForm","jsxs","replyHeader","_jsx","Avatar","size","name","author","imageSrc","avatarUrl","replyNameRow","jsx","replyName","replyTimestamp","timestamp","CommentMenu","items","menuItems","testId","replyText","editForm","body","id","ButtonText","type","prefix","DownSmallIcon","onClick"],"mappings":"~~ivIAoB~~+D,SAAHA,GAAA,IAC1DC,IAAAA,QACAC,IAAAA,eACAC,IAAAA,iBACAC,IAAAA,WACAC,IAAAA,kBAAiB,OAEjBC,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOP,QAAQQ,SAC5BL,CAAAA,EAEAH,aAAAA,EAAAA,EAASS,KAAI,SAAAC,GAAK,IAAAC,EAAA,OACjBN,EAAAA,KAAA,MAAA,CAAoBC,UAAWC,EAAOG,MAAMF,SAC1C,CAAAH,EAAAO,KAAA,MAAA,CAAKN,UAAWC,EAAOM,YAAYL,SAAA,CACjCM,MAACC,SAAM,CAACC,KAAM,GAAIC,KAAMP,EAAMQ,OAAOD,KAAME,SAAUT,EAAMQ,OAAOE,YAClEf,EAAAO,KAAA,MAAA,CAAKN,UAAWC,EAAOc,aAAab,SAClC,CAAAM,EAAAQ,IAAA,OAAA,CAAMhB,UAAWC,EAAOgB,UAAUf,SAAEE,EAAMQ,OAAOD,OACjDH,EAAAQ,IAAA,OAAA,CAAMhB,UAAWC,EAAOiB,eAAehB,SAAEE,EAAMe,eAEjDX,MAACY,cAAW,CAACC,MAAOjB,EAAMkB,UAAWC,OAAO,0BAE9Cf,EAAAQ,IAAA,MAAA,CAAKhB,UAAWC,EAAOuB,UAAUtB,SAAgB,QAAhBG,EAAED,EAAMqB,gBAAQ,IAAApB,EAAAA,EAAID,EAAMsB,SATnDtB,EAAMuB,GAWjB,IAEAhC,GAAkBG,GACjBU,EAAAA,IAACoB,EAAAA,WAAU,CACTC,KAAK,UACLnB,KAAK,SACLoB,OAAQtB,MAACuB,gBAAa,CAACrB,KAAM,KAC7BsB,QAASlC,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":["_ref","replies","hasMoreReplies","moreRepliesCount","replyInput","onShowMoreReplies","_jsxs","className","styles","children","map","reply","_reply$editForm","jsxs","replyHeader","_jsx","Avatar","size","name","author","imageSrc","avatarUrl","replyNameRow","jsx","replyName","replyTimestamp","timestamp","CommentMenu","items","menuItems","testId","replyText","editForm","body","id","ButtonText","type","prefix","DownSmallIcon","onClick"],"mappings":"81IAoB+D,SAAHA,GAAA,IAC1DC,IAAAA,QACAC,IAAAA,eACAC,IAAAA,iBACAC,IAAAA,WACAC,IAAAA,kBAAiB,OAEjBC,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOP,QAAQQ,SAC5BL,CAAAA,EAEAH,aAAAA,EAAAA,EAASS,KAAI,SAAAC,GAAK,IAAAC,EAAA,OACjBN,EAAAA,KAAA,MAAA,CAAoBC,UAAWC,EAAOG,MAAMF,SAC1C,CAAAH,EAAAO,KAAA,MAAA,CAAKN,UAAWC,EAAOM,YAAYL,SAAA,CACjCM,MAACC,SAAM,CAACC,KAAM,GAAIC,KAAMP,EAAMQ,OAAOD,KAAME,SAAUT,EAAMQ,OAAOE,YAClEf,EAAAO,KAAA,MAAA,CAAKN,UAAWC,EAAOc,aAAab,SAClC,CAAAM,EAAAQ,IAAA,OAAA,CAAMhB,UAAWC,EAAOgB,UAAUf,SAAEE,EAAMQ,OAAOD,OACjDH,EAAAQ,IAAA,OAAA,CAAMhB,UAAWC,EAAOiB,eAAehB,SAAEE,EAAMe,eAEjDX,MAACY,cAAW,CAACC,MAAOjB,EAAMkB,UAAWC,OAAO,0BAE9Cf,EAAAQ,IAAA,MAAA,CAAKhB,UAAWC,EAAOuB,UAAUtB,SAAgB,QAAhBG,EAAED,EAAMqB,gBAAQ,IAAApB,EAAAA,EAAID,EAAMsB,SATnDtB,EAAMuB,GAWjB,IAEAhC,GAAkBG,GACjBU,EAAAA,IAACoB,EAAAA,WAAU,CACTC,KAAK,UACLnB,KAAK,SACLoB,OAAQtB,MAACuB,gBAAa,CAACrB,KAAM,KAC7BsB,QAASlC,EAAkBI,SAE1BN,EAA2BA,QAAAA,OAAAA,EAAmC,kBAAA,yBAG/D"}

package/cjs-bundle/components/CommentCard/buildCommentReply.js CHANGED Viewed

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

package/cjs-bundle/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","_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","jsxs","_Fragment","children","formatMentionText","mentioned_users","isNativeDetected","undefined","_jsx","StoredAttachmentPreview","menuItems","label","icon","WriteIcon","disabled","onClick","DeleteFourIcon"],"mappings":"~~4yIAkCaA~~,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,4BAYyB,SAC/BN,EAEiBc,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAbOC,EAAgBC,EAAAC,EAYtCC,IAAAA,cAAeC,IAAAA,SAAUC,IAAAA,OAErBC,EACJC,OAAO,QAAA9B,EAAAA,EAAMuB,YAAN,IAAAR,OAAA,EAAAA,EAAYgB,MAAQD,OAAOJ,KACR,QAAzB1B,EAAAA,EAAMgC,uBAAmB,IAAAhB,EAAAA,EAAA,IAAIiB,SAAS,UACnCC,EACJJ,OAAO,QAAA9B,EAAAA,EAAMuB,YAAN,IAAAN,OAAA,EAAAA,EAAYc,MAAQD,OAAOJ,KACR,QAAzB1B,EAAAA,EAAMgC,uBAAmB,IAAAd,EAAAA,EAAA,IAAIe,SAAS,WACnC/B,EAAcH,EAAoBC,GAExC,MAAO,CACL+B,GAAI/B,EAAM+B,GACVI,OAAQ,CACNJ,GAAc,UAAV/B,EAAMuB,YAAI,IAAAJ,OAAA,EAAVA,EAAYY,GAChBtB,MA1BoBc,EA0BGvB,EAAMuB,KAzBjC,GAAAa,OAAmB,QAAnBZ,EAAGD,eAAAA,EAAMc,kBAAU,IAAAb,EAAAA,EAAI,GAAE,KAAAY,OAAuB,QAAvBX,EAAIF,eAAAA,EAAMe,iBAAa,IAAAb,EAAAA,EAAA,IAAKc,QA0BjDC,kBAAWxC,EAAAA,EAAMuB,yBAANH,EAAYqB,eAEzBC,UAAWC,EAAM,QAAC3C,EAAM4C,YAAYC,OAhEZ,iBAiExBC,KACEC,EAAAC,KAAAC,WAAA,CAAAC,SAAA,CACGC,EAAiBA,kBACN,QADM9B,EAChBrB,EAAM8C,YAAI,IAAAzB,EAAAA,EAAI,GACO,QADLC,EAChBtB,EAAMoD,uBAAe,IAAA9B,EAAAA,EAAI,GACzB+B,EAAgBA,sBAChBC,OACAA,KAECpD,EAAYC,QAAUoD,EAAAA,IAACC,EAAAA,wBAAuB,CAACtD,YAAaA,OAGnEuD,UAAW,CACT,CACEC,MAAO,OACPC,KAAMJ,MAACK,YAAS,CAAC/C,KAAM,KACvBgD,UAAWhC,EACXiC,QAAS,WAAA,OAAMlC,EAAO5B,EAAM+B,GAAG,GAEjC,CACE2B,MAAO,SACPC,KAAMJ,MAACQ,iBAAc,CAAClD,KAAM,KAC5BgD,UAAW3B,EACX4B,QAAS,WAAA,OAAMnC,EAAS3B,EAAM+B,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","_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","jsxs","_Fragment","children","formatMentionText","mentioned_users","isNativeDetected","undefined","_jsx","StoredAttachmentPreview","menuItems","label","icon","WriteIcon","disabled","onClick","DeleteFourIcon"],"mappings":"y5IAkCaA,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,4BAYyB,SAC/BN,EAEiBc,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAbOC,EAAgBC,EAAAC,EAYtCC,IAAAA,cAAeC,IAAAA,SAAUC,IAAAA,OAErBC,EACJC,OAAO,QAAA9B,EAAAA,EAAMuB,YAAN,IAAAR,OAAA,EAAAA,EAAYgB,MAAQD,OAAOJ,KACR,QAAzB1B,EAAAA,EAAMgC,uBAAmB,IAAAhB,EAAAA,EAAA,IAAIiB,SAAS,UACnCC,EACJJ,OAAO,QAAA9B,EAAAA,EAAMuB,YAAN,IAAAN,OAAA,EAAAA,EAAYc,MAAQD,OAAOJ,KACR,QAAzB1B,EAAAA,EAAMgC,uBAAmB,IAAAd,EAAAA,EAAA,IAAIe,SAAS,WACnC/B,EAAcH,EAAoBC,GAExC,MAAO,CACL+B,GAAI/B,EAAM+B,GACVI,OAAQ,CACNJ,GAAc,UAAV/B,EAAMuB,YAAI,IAAAJ,OAAA,EAAVA,EAAYY,GAChBtB,MA1BoBc,EA0BGvB,EAAMuB,KAzBjC,GAAAa,OAAmB,QAAnBZ,EAAGD,eAAAA,EAAMc,kBAAU,IAAAb,EAAAA,EAAI,GAAE,KAAAY,OAAuB,QAAvBX,EAAIF,eAAAA,EAAMe,iBAAa,IAAAb,EAAAA,EAAA,IAAKc,QA0BjDC,kBAAWxC,EAAAA,EAAMuB,yBAANH,EAAYqB,eAEzBC,UAAWC,EAAM,QAAC3C,EAAM4C,YAAYC,OAhEZ,iBAiExBC,KACEC,EAAAC,KAAAC,WAAA,CAAAC,SAAA,CACGC,EAAiBA,kBACN,QADM9B,EAChBrB,EAAM8C,YAAI,IAAAzB,EAAAA,EAAI,GACO,QADLC,EAChBtB,EAAMoD,uBAAe,IAAA9B,EAAAA,EAAI,GACzB+B,EAAgBA,sBAChBC,OACAA,KAECpD,EAAYC,QAAUoD,EAAAA,IAACC,EAAAA,wBAAuB,CAACtD,YAAaA,OAGnEuD,UAAW,CACT,CACEC,MAAO,OACPC,KAAMJ,MAACK,YAAS,CAAC/C,KAAM,KACvBgD,UAAWhC,EACXiC,QAAS,WAAA,OAAMlC,EAAO5B,EAAM+B,GAAG,GAEjC,CACE2B,MAAO,SACPC,KAAMJ,MAACQ,iBAAc,CAAClD,KAAM,KAC5BgD,UAAW3B,EACX4B,QAAS,WAAA,OAAMnC,EAAS3B,EAAM+B,GAAG,IAIzC"}

package/cjs-bundle/components/CommentComposer/ChatChannelSelector.js CHANGED Viewed

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

package/cjs-bundle/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","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","_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":"~~s6IAmCMA~~,EAAW,SAACC,GAAoB,MAAqB,CACzDC,GAAID,EAAQE,IACZC,MAAOH,EAAQI,KAEfC,OACEC,EAAAC,IAAA,OAAA,CAAMC,UAAWC,EAAOC,aAAaC,SACjB,MAAjBX,EAAQY,KACPN,EAAAA,IAACO,EAAAA,OAAM,CAACC,KAAM,GAAIV,KAAMJ,EAAQI,KAAMW,SAAUf,EAAQgB,YAExDV,MAACW,mBAAgB,CAACH,KAAM,OAI9Bd,QAAAA,EACD,EAGKkB,EAAgB,SAACC,EAA0BC,GAC/C,IAAMC,EAAID,EAAWE,OAAOC,cAC5B,OAAKF,EAEEF,EAAQK,QACb,SAAAC,GAAA,IAAAC,EAAG1B,IAAAA,QAAO,OACRA,EAAQI,KAAKmB,cAAcI,SAASN,KAAuB,UAAhBrB,EAAQ4B,gBAAQ,IAAAF,EAAAA,EAAI,IAAIH,cAAcI,SAASN,MAJ/EF,EAAQK,QAAO,SAAAK,GAAU,SAAP7B,QAAuB8B,YAM1D,EAEMC,EAAe,SAAHC,GAAA,IAAMhC,IAAAA,QAAO,OAC7BiC,EAAAA,KAAA,OAAA,CAAMzB,UAAWC,EAAOyB,WAAWvB,SAAA,CACjCL,MAAC6B,sBAAmB,CAAAxB,SAAEX,EAAQI,OAC7BJ,EAAQ4B,UACPtB,EAAAA,IAAC8B,EAAAA,KAAI,CAACtB,KAAM,GAAIuB,MAAM,KAAI1B,SACvBX,EAAQ4B,aAGR,8BAG0B,SAOHU,GAAA,IAN9BC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,SAAQC,EAAAL,EACRM,YAAAA,aAAc,cAAaD,EAC3BE,IAAAA,OAEM1B,EAAU2B,EAAAA,SAAQ,WAAA,OAAMP,EAASQ,IAAIhD,KAAW,CAACwC,IAIjDS,EAAiBF,EAAAA,SACrB,WAAA,IAAAG,EAAA,OAAOT,UAAQrB,EAAAA,EAAQ+B,MAAK,SAAAC,GAAM,OAAIA,EAAOlD,KAAOuC,EAAMtC,GAAG,mBAAKH,EAASyC,QAASY,CAAS,GAC7F,CAACjC,EAASqB,IAGNa,EAAeC,eACnB,SAAAH,GACMA,GACFV,EAASU,EAAOnD,QAEpB,GACA,CAACyC,IAGH,OACEnC,EAAAA,IAACiD,EAAAA,iBAAgB,CACf/C,UAAWC,EAAO+C,KAClBrC,QAASA,EACTqB,MAAOQ,EACPP,SAAUY,EACVX,SAAUA,EACVE,YAAaA,EACba,WAAW,SACX1B,aAAcA,EACdb,cAAeA,EACfwC,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","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","_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":"mhJAmCMA,EAAW,SAACC,GAAoB,MAAqB,CACzDC,GAAID,EAAQE,IACZC,MAAOH,EAAQI,KAEfC,OACEC,EAAAC,IAAA,OAAA,CAAMC,UAAWC,EAAOC,aAAaC,SACjB,MAAjBX,EAAQY,KACPN,EAAAA,IAACO,EAAAA,OAAM,CAACC,KAAM,GAAIV,KAAMJ,EAAQI,KAAMW,SAAUf,EAAQgB,YAExDV,MAACW,mBAAgB,CAACH,KAAM,OAI9Bd,QAAAA,EACD,EAGKkB,EAAgB,SAACC,EAA0BC,GAC/C,IAAMC,EAAID,EAAWE,OAAOC,cAC5B,OAAKF,EAEEF,EAAQK,QACb,SAAAC,GAAA,IAAAC,EAAG1B,IAAAA,QAAO,OACRA,EAAQI,KAAKmB,cAAcI,SAASN,KAAuB,UAAhBrB,EAAQ4B,gBAAQ,IAAAF,EAAAA,EAAI,IAAIH,cAAcI,SAASN,MAJ/EF,EAAQK,QAAO,SAAAK,GAAU,SAAP7B,QAAuB8B,YAM1D,EAEMC,EAAe,SAAHC,GAAA,IAAMhC,IAAAA,QAAO,OAC7BiC,EAAAA,KAAA,OAAA,CAAMzB,UAAWC,EAAOyB,WAAWvB,SAAA,CACjCL,MAAC6B,sBAAmB,CAAAxB,SAAEX,EAAQI,OAC7BJ,EAAQ4B,UACPtB,EAAAA,IAAC8B,EAAAA,KAAI,CAACtB,KAAM,GAAIuB,MAAM,KAAI1B,SACvBX,EAAQ4B,aAGR,8BAG0B,SAOHU,GAAA,IAN9BC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,SAAQC,EAAAL,EACRM,YAAAA,aAAc,cAAaD,EAC3BE,IAAAA,OAEM1B,EAAU2B,EAAAA,SAAQ,WAAA,OAAMP,EAASQ,IAAIhD,KAAW,CAACwC,IAIjDS,EAAiBF,EAAAA,SACrB,WAAA,IAAAG,EAAA,OAAOT,UAAQrB,EAAAA,EAAQ+B,MAAK,SAAAC,GAAM,OAAIA,EAAOlD,KAAOuC,EAAMtC,GAAG,mBAAKH,EAASyC,QAASY,CAAS,GAC7F,CAACjC,EAASqB,IAGNa,EAAeC,eACnB,SAAAH,GACMA,GACFV,EAASU,EAAOnD,QAEpB,GACA,CAACyC,IAGH,OACEnC,EAAAA,IAACiD,EAAAA,iBAAgB,CACf/C,UAAWC,EAAO+C,KAClBrC,QAASA,EACTqB,MAAOQ,EACPP,SAAUY,EACVX,SAAUA,EACVE,YAAaA,EACba,WAAW,SACX1B,aAAcA,EACdb,cAAeA,EACfwC,iBAAiB,mBACjBC,WAAW,EACXd,OAAQA,GAGd"}

package/cjs-bundle/components/CommentComposer/CommentComposer.js CHANGED Viewed

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

package/cjs-bundle/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","jsx","_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","jsxs","_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","jsx","_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","jsxs","_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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"}

package/cjs-bundle/components/CommentInputNext/CommentInputNext.js CHANGED Viewed

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

package/cjs-bundle/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","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","jsxs","_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","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","jsxs","_objectSpread","classNames","rootBare","fieldRow","fieldExpanded","fieldDisabled","fieldMain","bareToolbar","root","rootEmbedded","inputPanel","toolbarRow","_Fragment","divider","metaShare"],"mappings":"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"}