@corva/ui 3.74.0-1 → 3.74.0-10

package/components/CollapsableSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsableSidebar.js","sources":["../../src/components/CollapsableSidebar.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { noop } from 'lodash';\nimport { withStyles, IconButton, Box } from '@material-ui/core';\nimport ChevronLeftRoundedIcon from '@material-ui/icons/ChevronLeftRounded';\nimport ChevronRightRoundedIcon from '@material-ui/icons/ChevronRightRounded';\n\nimport { SideBar } from './DevCenter';\n\nconst PAGE_NAME = 'CollapsableSidebar';\nconst DEFAULT_CLOSED_WIDTH = 48;\n\nconst muiStyles = theme => ({\n  drawer: {\n    display: 'flex',\n    flexDirection: 'column',\n    height: '100%',\n  },\n  drawerPaper: {\n    '&$drawerClosed': {\n      cursor: 'pointer',\n      '&:hover::before': {\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        right: 0,\n        bottom: 0,\n        left: 0,\n        background: theme.palette.background.b7,\n      },\n    },\n  },\n  drawerClosed: {\n    width: ({ closedWidth = DEFAULT_CLOSED_WIDTH }) => closedWidth,\n  },\n  openToggleIcon: {\n    fontSize: '1.25rem',\n    color: theme.palette.primary.text7,\n  },\n  openToggleIconClosed: {\n    transform: 'rotate(180deg)',\n  },\n  openToggleIconButton: {\n    padding: 6,\n  },\n  openToggleContainer: {\n    display: 'flex',\n    position: 'absolute',\n    bottom: 0,\n    width: '100%',\n    flex: '0 0',\n    padding: theme.spacing(2, 1, 1.5),\n  },\n  openToggleContainerCollapsed: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    justifyContent: 'center',\n  },\n  openToggleContainerOpened: {\n    justifyContent: ({ anchor }) => (anchor === 'left' ? 'flex-end' : 'flex-start'),\n  },\n  list: {\n    display: 'flex',\n    flexDirection: 'column',\n    flexGrow: 1,\n    overflow: 'hidden',\n    paddingBottom: 60,\n  },\n});\n\nconst CollapsableSidebar = ({\n  classes,\n  children,\n  onStateChange = noop,\n  initialState = true,\n  drawerPaperClassName = null,\n  isToolbarGutterShown,\n  openedDrawerWidth,\n  anchor,\n}) => {\n  const [isOpen, setIsOpen] = useState(initialState);\n\n  const toggleIsOpen = () => {\n    setIsOpen(!isOpen);\n    onStateChange(!isOpen);\n  };\n\n  const onSidebarClick = () => {\n    if (!isOpen) {\n      toggleIsOpen();\n    }\n  };\n\n  const ChevroneIcon = anchor === 'left' ? ChevronLeftRoundedIcon : ChevronRightRoundedIcon;\n\n  return (\n    <SideBar\n      isToolbarGutterShown={isToolbarGutterShown}\n      drawerWidth={openedDrawerWidth}\n      drawerClassName={classnames(classes.drawer, !isOpen && classes.drawerClosed)}\n      drawerPaperClassName={classnames(\n        classes.drawer,\n        classes.drawerPaper,\n        drawerPaperClassName,\n        !isOpen && classes.drawerClosed\n      )}\n      anchor={anchor}\n      listClassName={classes.list}\n      onClick={onSidebarClick}\n    >\n      {children}\n      <Box\n        className={classnames(classes.openToggleContainer, {\n          [classes.openToggleContainerCollapsed]: !isOpen,\n          [classes.openToggleContainerOpened]: isOpen,\n        })}\n      >\n        <IconButton\n          data-testid={`${PAGE_NAME}_toggle`}\n          aria-label=\"toggle sidebar\"\n          className={classes.openToggleIconButton}\n          onClick={toggleIsOpen}\n        >\n          <ChevroneIcon\n            className={classnames(classes.openToggleIcon, {\n              [classes.openToggleIconClosed]: !isOpen,\n            })}\n          />\n        </IconButton>\n      </Box>\n    </SideBar>\n  );\n};\n\nCollapsableSidebar.propTypes = {\n  children: PropTypes.node.isRequired,\n  onStateChange: PropTypes.func,\n  initialState: PropTypes.bool,\n  drawerPaperClassName: PropTypes.string,\n  isToolbarGutterShown: PropTypes.bool,\n  openedDrawerWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  anchor: PropTypes.oneOf(['left', 'right']),\n  // eslint-disable-next-line react/no-unused-prop-types\n  closedWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nexport default withStyles(muiStyles)(CollapsableSidebar);\n"],"names":["CollapsableSidebar","_ref3","_classnames","classes","children","_ref3$onStateChange","onStateChange","noop","_ref3$initialState","initialState","_ref3$drawerPaperClas","drawerPaperClassName","isToolbarGutterShown","openedDrawerWidth","anchor","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","toggleIsOpen","ChevroneIcon","ChevronLeftRoundedIcon","ChevronRightRoundedIcon","_jsxs","SideBar","drawerWidth","drawerClassName","classnames","drawer","drawerClosed","drawerPaper","listClassName","list","onClick","_jsx","Box","className","openToggleContainer","openToggleContainerCollapsed","openToggleContainerOpened","IconButton","concat","openToggleIconButton","openToggleIcon","openToggleIconClosed","propTypes","PropTypes","node","isRequired","func","bool","string","oneOfType","number","oneOf","closedWidth","CollapsableSidebar$1","withStyles","theme","display","flexDirection","height","cursor","content","position","top","right","bottom","left","background","palette","b7","width","_ref","_ref$closedWidth","fontSize","color","primary","text7","transform","padding","flex","spacing","paddingRight","paddingLeft","justifyContent","_ref2","flexGrow","overflow","paddingBottom"],"mappings":"42dAUA,IA6DMA,EAAqB,SASrBC,GAAA,IAAAC,EARJC,IAAAA,QACAC,IAAAA,SAAQC,EAAAJ,EACRK,cAAAA,aAAgBC,EAAIF,EAAAG,EAAAP,EACpBQ,aAAAA,cAAmBD,EAAAE,EAAAT,EACnBU,qBAAAA,aAAuB,KAAID,EAC3BE,IAAAA,qBACAC,IAAAA,kBACAC,IAAAA,OAE4BC,EAAAA,EAASN,GAAaO,EAAAC,EAAAC,EAAA,GAA3CC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAElBK,EAAe,WACnBD,GAAWD,GACXb,GAAea,IASXG,EAA0B,SAAXR,EAAoBS,EAAyBC,EAElE,OACEC,EAACC,EAAO,CACNd,qBAAsBA,EACtBe,YAAad,EACbe,gBAAiBC,EAAW1B,EAAQ2B,QAASX,GAAUhB,EAAQ4B,cAC/DpB,qBAAsBkB,EACpB1B,EAAQ2B,OACR3B,EAAQ6B,YACRrB,GACCQ,GAAUhB,EAAQ4B,cAErBjB,OAAQA,EACRmB,cAAe9B,EAAQ+B,KACvBC,QArBmB,WAChBhB,GACHE,KAmBwBjB,SAEvBA,CAAAA,EACDgC,EAACC,EAAG,CACFC,UAAWT,EAAW1B,EAAQoC,8BAC3BpC,EAAQqC,8BAAgCrB,GACxChB,EAAAA,EAAAA,EAAQsC,0BAA4BtB,GACpCjB,IAAAE,SAEHgC,EAACM,EAAU,CACT,cAAA,GAAAC,OA7GQ,qBA6G2B,WACnC,aAAW,iBACXL,UAAWnC,EAAQyC,qBACnBT,QAASd,EAAajB,SAEtBgC,EAACd,EAAY,CACXgB,UAAWT,EAAW1B,EAAQ0C,eAC3B1C,EAAAA,CAAAA,EAAAA,EAAQ2C,sBAAwB3B,YAO/C,EAEAnB,EAAmB+C,UAAY,CAC7B3C,SAAU4C,EAAUC,KAAKC,WACzB5C,cAAe0C,EAAUG,KACzB1C,aAAcuC,EAAUI,KACxBzC,qBAAsBqC,EAAUK,OAChCzC,qBAAsBoC,EAAUI,KAChCvC,kBAAmBmC,EAAUM,UAAU,CAACN,EAAUK,OAAQL,EAAUO,SACpEzC,OAAQkC,EAAUQ,MAAM,CAAC,OAAQ,UAEjCC,YAAaT,EAAUM,UAAU,CAACN,EAAUK,OAAQL,EAAUO,UAGhE,IAAAG,EAAeC,GAtIG,SAAAC,GAAK,MAAK,CAC1B9B,OAAQ,CACN+B,QAAS,OACTC,cAAe,SACfC,OAAQ,QAEV/B,YAAa,CACX,iBAAkB,CAChBgC,OAAQ,UACR,kBAAmB,CACjBC,QAAS,KACTC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,OAAQ,EACRC,KAAM,EACNC,WAAYX,EAAMY,QAAQD,WAAWE,MAI3C1C,aAAc,CACZ2C,MAAO,SAAAC,GAAA,IAAAC,EAAAD,EAAGlB,YAAkC,kBAvBnB,GAuBmBmB,CAAkB,GAEhE/B,eAAgB,CACdgC,SAAU,UACVC,MAAOlB,EAAMY,QAAQO,QAAQC,OAE/BlC,qBAAsB,CACpBmC,UAAW,kBAEbrC,qBAAsB,CACpBsC,QAAS,GAEX3C,oBAAqB,CACnBsB,QAAS,OACTK,SAAU,WACVG,OAAQ,EACRK,MAAO,OACPS,KAAM,MACND,QAAStB,EAAMwB,QAAQ,EAAG,EAAG,MAE/B5C,6BAA8B,CAC5B6C,aAAczB,EAAMwB,QAAQ,GAC5BE,YAAa1B,EAAMwB,QAAQ,GAC3BG,eAAgB,UAElB9C,0BAA2B,CACzB8C,eAAgB,SAAAC,GAAS,MAAmB,WAAzB1E,OAAkC,WAAa,YAAY,GAEhFoB,KAAM,CACJ2B,QAAS,OACTC,cAAe,SACf2B,SAAU,EACVC,SAAU,SACVC,cAAe,IAElB,GA8EchC,CAAsB3D"}
+{"version":3,"file":"CollapsableSidebar.js","sources":["../../src/components/CollapsableSidebar.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { noop } from 'lodash';\nimport { withStyles, IconButton, Box } from '@material-ui/core';\nimport ChevronLeftRoundedIcon from '@material-ui/icons/ChevronLeftRounded';\nimport ChevronRightRoundedIcon from '@material-ui/icons/ChevronRightRounded';\n\nimport { SideBar } from './DevCenter';\n\nconst PAGE_NAME = 'CollapsableSidebar';\nconst DEFAULT_CLOSED_WIDTH = 48;\n\nconst muiStyles = theme => ({\n  drawer: {\n    display: 'flex',\n    flexDirection: 'column',\n    height: '100%',\n  },\n  drawerPaper: {\n    '&$drawerClosed': {\n      cursor: 'pointer',\n      '&:hover::before': {\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        right: 0,\n        bottom: 0,\n        left: 0,\n        background: theme.palette.background.b7,\n      },\n    },\n  },\n  drawerClosed: {\n    width: ({ closedWidth = DEFAULT_CLOSED_WIDTH }) => closedWidth,\n  },\n  openToggleIcon: {\n    fontSize: '1.25rem',\n    color: theme.palette.primary.text7,\n  },\n  openToggleIconClosed: {\n    transform: 'rotate(180deg)',\n  },\n  openToggleIconButton: {\n    padding: 6,\n  },\n  openToggleContainer: {\n    display: 'flex',\n    position: 'absolute',\n    bottom: 0,\n    width: '100%',\n    flex: '0 0',\n    padding: theme.spacing(2, 1, 1.5),\n  },\n  openToggleContainerCollapsed: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    justifyContent: 'center',\n  },\n  openToggleContainerOpened: {\n    justifyContent: ({ anchor }) => (anchor === 'left' ? 'flex-end' : 'flex-start'),\n  },\n  list: {\n    display: 'flex',\n    flexDirection: 'column',\n    flexGrow: 1,\n    overflow: 'hidden',\n    paddingBottom: 60,\n  },\n});\n\nconst CollapsableSidebar = ({\n  classes,\n  children,\n  onStateChange = noop,\n  initialState = true,\n  drawerPaperClassName = null,\n  isToolbarGutterShown,\n  openedDrawerWidth,\n  anchor,\n}) => {\n  const [isOpen, setIsOpen] = useState(initialState);\n\n  const toggleIsOpen = () => {\n    setIsOpen(!isOpen);\n    onStateChange(!isOpen);\n  };\n\n  const onSidebarClick = () => {\n    if (!isOpen) {\n      toggleIsOpen();\n    }\n  };\n\n  const ChevroneIcon = anchor === 'left' ? ChevronLeftRoundedIcon : ChevronRightRoundedIcon;\n\n  return (\n    <SideBar\n      isToolbarGutterShown={isToolbarGutterShown}\n      drawerWidth={openedDrawerWidth}\n      drawerClassName={classnames(classes.drawer, !isOpen && classes.drawerClosed)}\n      drawerPaperClassName={classnames(\n        classes.drawer,\n        classes.drawerPaper,\n        drawerPaperClassName,\n        !isOpen && classes.drawerClosed\n      )}\n      anchor={anchor}\n      listClassName={classes.list}\n      onClick={onSidebarClick}\n    >\n      {children}\n      <Box\n        className={classnames(classes.openToggleContainer, {\n          [classes.openToggleContainerCollapsed]: !isOpen,\n          [classes.openToggleContainerOpened]: isOpen,\n        })}\n      >\n        <IconButton\n          data-testid={`${PAGE_NAME}_toggle`}\n          aria-label=\"toggle sidebar\"\n          className={classes.openToggleIconButton}\n          onClick={toggleIsOpen}\n        >\n          <ChevroneIcon\n            className={classnames(classes.openToggleIcon, {\n              [classes.openToggleIconClosed]: !isOpen,\n            })}\n          />\n        </IconButton>\n      </Box>\n    </SideBar>\n  );\n};\n\nCollapsableSidebar.propTypes = {\n  children: PropTypes.node.isRequired,\n  onStateChange: PropTypes.func,\n  initialState: PropTypes.bool,\n  drawerPaperClassName: PropTypes.string,\n  isToolbarGutterShown: PropTypes.bool,\n  openedDrawerWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  anchor: PropTypes.oneOf(['left', 'right']),\n  // eslint-disable-next-line react/no-unused-prop-types\n  closedWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nexport default withStyles(muiStyles)(CollapsableSidebar);\n"],"names":["CollapsableSidebar","_ref3","_classnames","classes","children","_ref3$onStateChange","onStateChange","noop","_ref3$initialState","initialState","_ref3$drawerPaperClas","drawerPaperClassName","isToolbarGutterShown","openedDrawerWidth","anchor","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","toggleIsOpen","ChevroneIcon","ChevronLeftRoundedIcon","ChevronRightRoundedIcon","_jsxs","SideBar","drawerWidth","drawerClassName","classnames","drawer","drawerClosed","drawerPaper","listClassName","list","onClick","_jsx","Box","className","openToggleContainer","openToggleContainerCollapsed","openToggleContainerOpened","IconButton","concat","openToggleIconButton","openToggleIcon","openToggleIconClosed","propTypes","PropTypes","node","isRequired","func","bool","string","oneOfType","number","oneOf","closedWidth","CollapsableSidebar$1","withStyles","theme","display","flexDirection","height","cursor","content","position","top","right","bottom","left","background","palette","b7","width","_ref","_ref$closedWidth","fontSize","color","primary","text7","transform","padding","flex","spacing","paddingRight","paddingLeft","justifyContent","_ref2","flexGrow","overflow","paddingBottom"],"mappings":"6ieAUA,IA6DMA,EAAqB,SASrBC,GAAA,IAAAC,EARJC,IAAAA,QACAC,IAAAA,SAAQC,EAAAJ,EACRK,cAAAA,aAAgBC,EAAIF,EAAAG,EAAAP,EACpBQ,aAAAA,cAAmBD,EAAAE,EAAAT,EACnBU,qBAAAA,aAAuB,KAAID,EAC3BE,IAAAA,qBACAC,IAAAA,kBACAC,IAAAA,OAE4BC,EAAAA,EAASN,GAAaO,EAAAC,EAAAC,EAAA,GAA3CC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAElBK,EAAe,WACnBD,GAAWD,GACXb,GAAea,IASXG,EAA0B,SAAXR,EAAoBS,EAAyBC,EAElE,OACEC,EAACC,EAAO,CACNd,qBAAsBA,EACtBe,YAAad,EACbe,gBAAiBC,EAAW1B,EAAQ2B,QAASX,GAAUhB,EAAQ4B,cAC/DpB,qBAAsBkB,EACpB1B,EAAQ2B,OACR3B,EAAQ6B,YACRrB,GACCQ,GAAUhB,EAAQ4B,cAErBjB,OAAQA,EACRmB,cAAe9B,EAAQ+B,KACvBC,QArBmB,WAChBhB,GACHE,KAmBwBjB,SAEvBA,CAAAA,EACDgC,EAACC,EAAG,CACFC,UAAWT,EAAW1B,EAAQoC,8BAC3BpC,EAAQqC,8BAAgCrB,GACxChB,EAAAA,EAAAA,EAAQsC,0BAA4BtB,GACpCjB,IAAAE,SAEHgC,EAACM,EAAU,CACT,cAAA,GAAAC,OA7GQ,qBA6G2B,WACnC,aAAW,iBACXL,UAAWnC,EAAQyC,qBACnBT,QAASd,EAAajB,SAEtBgC,EAACd,EAAY,CACXgB,UAAWT,EAAW1B,EAAQ0C,eAC3B1C,EAAAA,CAAAA,EAAAA,EAAQ2C,sBAAwB3B,YAO/C,EAEAnB,EAAmB+C,UAAY,CAC7B3C,SAAU4C,EAAUC,KAAKC,WACzB5C,cAAe0C,EAAUG,KACzB1C,aAAcuC,EAAUI,KACxBzC,qBAAsBqC,EAAUK,OAChCzC,qBAAsBoC,EAAUI,KAChCvC,kBAAmBmC,EAAUM,UAAU,CAACN,EAAUK,OAAQL,EAAUO,SACpEzC,OAAQkC,EAAUQ,MAAM,CAAC,OAAQ,UAEjCC,YAAaT,EAAUM,UAAU,CAACN,EAAUK,OAAQL,EAAUO,UAGhE,IAAAG,EAAeC,GAtIG,SAAAC,GAAK,MAAK,CAC1B9B,OAAQ,CACN+B,QAAS,OACTC,cAAe,SACfC,OAAQ,QAEV/B,YAAa,CACX,iBAAkB,CAChBgC,OAAQ,UACR,kBAAmB,CACjBC,QAAS,KACTC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,OAAQ,EACRC,KAAM,EACNC,WAAYX,EAAMY,QAAQD,WAAWE,MAI3C1C,aAAc,CACZ2C,MAAO,SAAAC,GAAA,IAAAC,EAAAD,EAAGlB,YAAkC,kBAvBnB,GAuBmBmB,CAAkB,GAEhE/B,eAAgB,CACdgC,SAAU,UACVC,MAAOlB,EAAMY,QAAQO,QAAQC,OAE/BlC,qBAAsB,CACpBmC,UAAW,kBAEbrC,qBAAsB,CACpBsC,QAAS,GAEX3C,oBAAqB,CACnBsB,QAAS,OACTK,SAAU,WACVG,OAAQ,EACRK,MAAO,OACPS,KAAM,MACND,QAAStB,EAAMwB,QAAQ,EAAG,EAAG,MAE/B5C,6BAA8B,CAC5B6C,aAAczB,EAAMwB,QAAQ,GAC5BE,YAAa1B,EAAMwB,QAAQ,GAC3BG,eAAgB,UAElB9C,0BAA2B,CACzB8C,eAAgB,SAAAC,GAAS,MAAmB,WAAzB1E,OAAkC,WAAa,YAAY,GAEhFoB,KAAM,CACJ2B,QAAS,OACTC,cAAe,SACf2B,SAAU,EACVC,SAAU,SACVC,cAAe,IAElB,GA8EchC,CAAsB3D"}

package/components/CommentCard/CommentCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentCard.d.ts","sourceRoot":"","sources":["../../../src/components/CommentCard/CommentCard.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,qBAAqB,CAAC;AAgB1E,eAAO,MAAM,WAAW,6GAiNtB,CAAC"}
+{"version":3,"file":"CommentCard.d.ts","sourceRoot":"","sources":["../../../src/components/CommentCard/CommentCard.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,qBAAqB,CAAC;AAgB1E,eAAO,MAAM,WAAW,6GAoNtB,CAAC"}

package/components/CommentCard/CommentCard.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/toConsumableArray";import{forwardRef as c,useMemo as i}from"react";import{Collapse as n}from"@material-ui/core";import e from"classnames";import{FeedCard as t,FEED_CARD_MAX_HEIGHT_PX as r}from"../FeedCard/FeedCard.js";import{useStoredAttachments as m}from"../AttachmentPreview/useStoredAttachments.js";import{useFeedActivity as a}from"../FeedCard/useFeedActivity.js";import{AttachmentPreview as l}from"../AttachmentPreview/AttachmentPreview.js";import"../../componentsV2/FileIcon/FileIcon.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as p}from"../../componentsV2/Tooltip/Tooltip.js";import{jsx as u,jsxs as d,Fragment as j}from"react/jsx-runtime";import{InfoIcon as h}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../AttachmentPreview/AttachmentPreview.scss.js";import"../../utils/main.js";import"file-extension";import"image-extensions";import"video-extensions";import"@babel/runtime/helpers/slicedToArray";import"../../clients/jsonApi/index.js";import{Avatar as I}from"../../componentsV2/Avatar/Avatar.js";import{CommentCardReactions as v}from"./CommentCardReactions.js";import{CommentCardReplies as C}from"./CommentCardReplies.js";import f from"./CommentCard.scss.js";function b(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function y(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?b(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):b(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var O=function(o){var s=o.rows;return u("div",{className:f.metadataRows,children:s.map((function(o){var s=o.label,c=o.value,i=o.unit;return d("div",{className:f.metadataRow,children:[u("span",{className:f.metadataLabel,children:s}),u("span",{className:f.metadataValue,children:c}),i&&u("span",{className:f.metadataUnit,children:i})]},s)}))})},N=c((function(o,c){var b=o.activity,N=o.variant,g=void 0===N?"expanded":N,R=o.author,w=o.timestamp,F=o.subtitle,A=o.body,P=o.contextRows,k=o.attachment,M=o.storedAttachments,x=o.isLiked,S=o.likesCount,T=o.commentsCount,D=o.replies,L=o.hasMoreReplies,B=o.moreRepliesCount,E=o.attachments,U=o.onAttachmentClick,z=o.attachmentSlot,V=o.chip,G=o.chipColor,H=o.onLike,W=o.onReplyToggle,q=o.onForward,K=o.onShowMoreReplies,Z=o.menuItems,J=o.isReplyOpen,Q=o.replyInput,X=o.editForm,Y=o.width,$=o.onMouseEnter,_=o.onMouseLeave,oo=o.className,so=o.testId,co=a(b,"comment"),io=co?[].concat(s(null!=Z?Z:[]),s(co.menuItems)):Z,no=co?co.replyInput:Q,eo=co?co.isReplyOpen:J,to=co?co.replies:D,ro=!!(co||H||W||q||null!=io&&io.length||null!=P&&P.length),mo=!(null==P||!P.length)&&u(p,{placement:"top",className:f.metadataTooltip,title:u(O,{rows:P}),children:u("span",{className:f.infoButton,"data-testid":"comment-card-info",children:u(h,{size:12,strokeWidth:2})})}),ao=u(v,{info:mo,commentsCount:co?co.commentsCount:T,likesCount:co?co.likesCount:S,isLiked:co?co.isLiked:x,menuItems:io,onLike:co?co.onLike:H,onReplyToggle:co?co.onReplyToggle:W,onForward:q}),lo=d("div",{className:f.bodyRow,children:[u("div",{className:f.text,children:A}),V&&u("span",{className:e(f.chip,!!G&&f.chipAccented),style:G?{borderLeftColor:G}:void 0,children:V})]}),po=i((function(){return null!=M?M:[k].filter(Boolean)}),[M,k]),uo=m(po),jo=uo.length?uo:E,ho=null!=jo&&jo.length?u(l,{items:jo,onItemClick:U}):null,Io={ref:c,width:Y,radius:12,onMouseEnter:$,onMouseLeave:_,testId:so,className:oo};if(null!=co&&co.isDeleted)return null;var vo=function(o){return d(j,{children:[o,null==co?void 0:co.deleteDialog]})};if("preview"===g)return vo(d(t,y(y({},Io),{},{maxHeight:r,children:[d("div",{className:f.compactBody,children:[d("div",{className:f.compactTop,children:[u(I,{size:24,name:R.name,imageSrc:R.avatarUrl,className:f.avatar}),u("span",{className:f.name,children:R.name}),u("span",{className:f.compactTime,children:w})]}),u("div",{className:f.scrollBody,children:lo})]}),ro&&u("div",{className:f.compactFooter,children:ao})]})));var Co=!!X,fo=d("div",{className:f.header,children:[u(I,{size:24,name:R.name,imageSrc:R.avatarUrl,className:f.avatar}),d("div",{className:f.headerText,children:[d("div",{className:f.nameRow,children:[u("span",{className:f.name,children:R.name}),w&&u("span",{className:f.timestamp,children:w})]}),F&&u("span",{className:f.subtitle,children:F})]})]});return vo(d(t,y(y({},Io),{},Co?{children:[u("div",{className:f.editHeader,children:fo}),X]}:{children:[d("div",{className:f.capped,style:{maxHeight:r},children:[d("div",{className:f.bodySurface,children:[fo,d("div",{className:f.scrollBody,children:[lo,(ho||z)&&d("div",{className:f.attachment,children:[ho,z]})]})]}),ro&&u("div",{className:f.footer,children:ao})]}),ro&&u(n,{in:eo,timeout:250,unmountOnExit:!0,children:u("div",{className:f.repliesSection,children:u(C,{replies:to,hasMoreReplies:co?co.hasMoreReplies:L,moreRepliesCount:co?co.moreRepliesCount:B,isReplyOpen:eo,replyInput:no,onShowMoreReplies:co?co.onShowMoreReplies:K})})})]})))}));export{N as CommentCard};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/toConsumableArray";import{forwardRef as n,useMemo as i}from"react";import{Collapse as c}from"@material-ui/core";import e from"classnames";import{FeedCard as t,FEED_CARD_MAX_HEIGHT_PX as r}from"../FeedCard/FeedCard.js";import{useStoredAttachments as m}from"../AttachmentPreview/useStoredAttachments.js";import{useFeedActivity as a}from"../FeedCard/useFeedActivity.js";import{AttachmentPreview as l}from"../AttachmentPreview/AttachmentPreview.js";import"../../componentsV2/FileIcon/FileIcon.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as p}from"../../componentsV2/Tooltip/Tooltip.js";import{jsx as u,jsxs as d,Fragment as j}from"react/jsx-runtime";import{InfoIcon as h}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"@babel/runtime/helpers/slicedToArray";import"../../componentsV2/Menu/Menu.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../utils/main.js";import"../AttachmentPreview/AttachmentImage.js";import"../AttachmentPreview/AttachmentPreview.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import{Avatar as I}from"../../componentsV2/Avatar/Avatar.js";import{LinkedText as v}from"../LinkedText/LinkedText.js";import{CommentCardReactions as C}from"./CommentCardReactions.js";import{CommentCardReplies as f}from"./CommentCardReplies.js";import b from"./CommentCard.scss.js";function y(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}return n}function O(s){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?y(Object(i),!0).forEach((function(n){o(s,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):y(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var N=function(o){var s=o.rows;return u("div",{className:b.metadataRows,children:s.map((function(o){var s=o.label,n=o.value,i=o.unit;return d("div",{className:b.metadataRow,children:[u("span",{className:b.metadataLabel,children:s}),u("span",{className:b.metadataValue,children:n}),i&&u("span",{className:b.metadataUnit,children:i})]},s)}))})},g=n((function(o,n){var y=o.activity,g=o.variant,A=void 0===g?"expanded":g,w=o.author,R=o.timestamp,F=o.subtitle,P=o.body,k=o.contextRows,M=o.attachment,x=o.storedAttachments,S=o.isLiked,T=o.likesCount,L=o.commentsCount,D=o.replies,B=o.hasMoreReplies,E=o.moreRepliesCount,U=o.attachments,V=o.onAttachmentClick,z=o.onAttachmentShare,G=o.attachmentSlot,H=o.chip,W=o.chipColor,q=o.onLike,K=o.onReplyToggle,Z=o.onForward,J=o.onShowMoreReplies,Q=o.menuItems,X=o.isReplyOpen,Y=o.replyInput,$=o.editForm,_=o.width,oo=o.onMouseEnter,so=o.onMouseLeave,no=o.className,io=o.testId,co=a(y,"comment"),eo=co?[].concat(s(null!=Q?Q:[]),s(co.menuItems)):Q,to=co?co.replyInput:Y,ro=co?co.isReplyOpen:X,mo=co?co.replies:D,ao=!!(co||q||K||Z||null!=eo&&eo.length||null!=k&&k.length),lo=!(null==k||!k.length)&&u(p,{placement:"top",className:b.metadataTooltip,title:u(N,{rows:k}),children:u("span",{className:b.infoButton,"data-testid":"comment-card-info",children:u(h,{size:12,strokeWidth:2})})}),po=u(C,{info:lo,commentsCount:co?co.commentsCount:L,likesCount:co?co.likesCount:T,isLiked:co?co.isLiked:S,menuItems:eo,onLike:co?co.onLike:q,onReplyToggle:co?co.onReplyToggle:K,onForward:Z}),uo=d("div",{className:b.bodyRow,children:[u("div",{className:b.text,children:u(v,{children:P})}),H&&u("span",{className:e(b.chip,!!W&&b.chipAccented),style:W?{borderLeftColor:W}:void 0,children:H})]}),jo=i((function(){return null!=x?x:[M].filter(Boolean)}),[x,M]),ho=m(jo),Io=ho.length?ho:U,vo=null!=Io&&Io.length?u(l,{items:Io,onItemClick:V,onShare:z}):null,Co={ref:n,width:_,radius:12,onMouseEnter:oo,onMouseLeave:so,testId:io,className:no};if(null!=co&&co.isDeleted)return null;var fo=function(o){return d(j,{children:[o,null==co?void 0:co.deleteDialog]})};if("preview"===A)return fo(d(t,O(O({},Co),{},{maxHeight:r,children:[d("div",{className:b.compactBody,children:[d("div",{className:b.compactTop,children:[u(I,{size:24,name:w.name,imageSrc:w.avatarUrl,className:b.avatar}),u("span",{className:b.name,children:w.name}),u("span",{className:b.compactTime,children:R})]}),u("div",{className:b.scrollBody,children:uo})]}),ao&&u("div",{className:b.compactFooter,children:po})]})));var bo=!!$,yo=d("div",{className:b.header,children:[u(I,{size:24,name:w.name,imageSrc:w.avatarUrl,className:b.avatar}),d("div",{className:b.headerText,children:[d("div",{className:b.nameRow,children:[u("span",{className:b.name,children:w.name}),R&&u("span",{className:b.timestamp,children:R})]}),F&&u("span",{className:b.subtitle,children:F})]})]});return fo(d(t,O(O({},Co),{},bo?{children:[u("div",{className:b.editHeader,children:yo}),$]}:{children:[d("div",{className:b.capped,style:{maxHeight:r},children:[d("div",{className:b.bodySurface,children:[yo,d("div",{className:b.scrollBody,children:[uo,(vo||G)&&d("div",{className:b.attachment,children:[vo,G]})]})]}),ao&&u("div",{className:b.footer,children:po})]}),ao&&u(c,{in:ro,timeout:250,unmountOnExit:!0,children:u("div",{className:b.repliesSection,children:u(f,{replies:mo,hasMoreReplies:co?co.hasMoreReplies:B,moreRepliesCount:co?co.moreRepliesCount:E,isReplyOpen:ro,replyInput:to,onShowMoreReplies:co?co.onShowMoreReplies:J})})})]})))}));export{g as CommentCard};
 //# sourceMappingURL=CommentCard.js.map

package/components/CommentCard/CommentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentCard.js","sources":["../../../src/components/CommentCard/CommentCard.tsx"],"sourcesContent":["import { forwardRef, ReactElement, useMemo } from 'react';\nimport { Collapse } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport { FeedCard, FEED_CARD_MAX_HEIGHT_PX } from '../FeedCard';\nimport { StoredAttachment } from '../AttachmentPreview/useStoredAttachment';\nimport { useStoredAttachments } from '../AttachmentPreview/useStoredAttachments';\nimport { useFeedActivity } from '../FeedCard/useFeedActivity';\nimport { AttachmentPreview } from '../AttachmentPreview';\nimport { Avatar } from '../../componentsV2/Avatar';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { InfoIcon } from '../../icons';\n\nimport { CommentCardReactions } from './CommentCardReactions';\nimport { CommentCardReplies } from './CommentCardReplies';\nimport { CommentCardProps, CommentContextRow } from './CommentCard.types';\n\nimport styles from './CommentCard.scss';\n\nconst MetadataTooltip = ({ rows }: { rows: CommentContextRow[] }) => (\n  <div className={styles.metadataRows}>\n    {rows.map(({ label, value, unit }) => (\n      <div key={label} className={styles.metadataRow}>\n        <span className={styles.metadataLabel}>{label}</span>\n        <span className={styles.metadataValue}>{value}</span>\n        {unit && <span className={styles.metadataUnit}>{unit}</span>}\n      </div>\n    ))}\n  </div>\n);\n\nexport const CommentCard = forwardRef<HTMLDivElement, CommentCardProps>((props, ref) => {\n  const {\n    activity,\n    variant = 'expanded',\n    author,\n    timestamp,\n    subtitle,\n    body,\n    contextRows,\n    attachment,\n    storedAttachments,\n    isLiked,\n    likesCount,\n    commentsCount,\n    replies,\n    hasMoreReplies,\n    moreRepliesCount,\n    attachments,\n    onAttachmentClick,\n    attachmentSlot,\n    chip,\n    chipColor,\n    onLike,\n    onReplyToggle,\n    onForward,\n    onShowMoreReplies,\n    menuItems,\n    isReplyOpen,\n    replyInput,\n    editForm,\n    width,\n    onMouseEnter,\n    onMouseLeave,\n    className,\n    testId,\n  } = props;\n\n  const activityBinding = useFeedActivity(activity, 'comment');\n  const cardMenuItems = activityBinding\n    ? [...(menuItems ?? []), ...activityBinding.menuItems]\n    : menuItems;\n  const cardReplyInput = activityBinding ? activityBinding.replyInput : replyInput;\n  const cardIsReplyOpen = activityBinding ? activityBinding.isReplyOpen : isReplyOpen;\n  const cardReplies = activityBinding ? activityBinding.replies : replies;\n\n  const hasFooter = !!(\n    activityBinding ||\n    onLike ||\n    onReplyToggle ||\n    onForward ||\n    cardMenuItems?.length ||\n    contextRows?.length\n  );\n\n  const info = !!contextRows?.length && (\n    <Tooltip\n      placement=\"top\"\n      className={styles.metadataTooltip}\n      title={<MetadataTooltip rows={contextRows} />}\n    >\n      <span className={styles.infoButton} data-testid=\"comment-card-info\">\n        <InfoIcon size={12} strokeWidth={2} />\n      </span>\n    </Tooltip>\n  );\n\n  const reactions = (\n    <CommentCardReactions\n      info={info}\n      commentsCount={activityBinding ? activityBinding.commentsCount : commentsCount}\n      likesCount={activityBinding ? activityBinding.likesCount : likesCount}\n      isLiked={activityBinding ? activityBinding.isLiked : isLiked}\n      menuItems={cardMenuItems}\n      onLike={activityBinding ? activityBinding.onLike : onLike}\n      onReplyToggle={activityBinding ? activityBinding.onReplyToggle : onReplyToggle}\n      onForward={onForward}\n    />\n  );\n\n  const bodyRow = (\n    <div className={styles.bodyRow}>\n      <div className={styles.text}>{body}</div>\n      {chip && (\n        <span\n          className={classNames(styles.chip, !!chipColor && styles.chipAccented)}\n          style={chipColor ? { borderLeftColor: chipColor } : undefined}\n        >\n          {chip}\n        </span>\n      )}\n    </div>\n  );\n\n  const storedList = useMemo(\n    () => storedAttachments ?? ([attachment].filter(Boolean) as StoredAttachment[]),\n    [storedAttachments, attachment]\n  );\n  const storedItems = useStoredAttachments(storedList);\n  const items = storedItems.length ? storedItems : attachments;\n\n  // Undefined is the norm, which lets AttachmentPreview run its own lightbox; a caller that\n  // passes the prop is taking the click over.\n  const attachmentPreview = items?.length ? (\n    <AttachmentPreview items={items} onItemClick={onAttachmentClick} />\n  ) : null;\n\n  const surfaceProps = {\n    ref,\n    width,\n    radius: 12,\n    onMouseEnter,\n    onMouseLeave,\n    testId,\n    className,\n  };\n\n  if (activityBinding?.isDeleted) return null;\n  const withOverlays = (card: ReactElement) => (\n    <>\n      {card}\n      {activityBinding?.deleteDialog}\n    </>\n  );\n\n  if (variant === 'preview') {\n    return withOverlays(\n      <FeedCard {...surfaceProps} maxHeight={FEED_CARD_MAX_HEIGHT_PX}>\n        <div className={styles.compactBody}>\n          <div className={styles.compactTop}>\n            <Avatar\n              size={24}\n              name={author.name}\n              imageSrc={author.avatarUrl}\n              className={styles.avatar}\n            />\n            <span className={styles.name}>{author.name}</span>\n            <span className={styles.compactTime}>{timestamp}</span>\n          </div>\n          <div className={styles.scrollBody}>{bodyRow}</div>\n        </div>\n        {hasFooter && <div className={styles.compactFooter}>{reactions}</div>}\n      </FeedCard>\n    );\n  }\n\n  const editing = !!editForm;\n\n  const headerEl = (\n    <div className={styles.header}>\n      <Avatar size={24} name={author.name} imageSrc={author.avatarUrl} className={styles.avatar} />\n      <div className={styles.headerText}>\n        <div className={styles.nameRow}>\n          <span className={styles.name}>{author.name}</span>\n          {timestamp && <span className={styles.timestamp}>{timestamp}</span>}\n        </div>\n        {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n      </div>\n    </div>\n  );\n\n  if (editing) {\n    return withOverlays(\n      <FeedCard {...surfaceProps}>\n        <div className={styles.editHeader}>{headerEl}</div>\n        {editForm}\n      </FeedCard>\n    );\n  }\n\n  return withOverlays(\n    <FeedCard {...surfaceProps}>\n      <div className={styles.capped} style={{ maxHeight: FEED_CARD_MAX_HEIGHT_PX }}>\n        <div className={styles.bodySurface}>\n          {headerEl}\n\n          <div className={styles.scrollBody}>\n            {bodyRow}\n            {(attachmentPreview || attachmentSlot) && (\n              <div className={styles.attachment}>\n                {attachmentPreview}\n                {attachmentSlot}\n              </div>\n            )}\n          </div>\n        </div>\n\n        {hasFooter && <div className={styles.footer}>{reactions}</div>}\n      </div>\n\n      {hasFooter && (\n        <Collapse in={cardIsReplyOpen} timeout={250} unmountOnExit>\n          <div className={styles.repliesSection}>\n            <CommentCardReplies\n              replies={cardReplies}\n              hasMoreReplies={activityBinding ? activityBinding.hasMoreReplies : hasMoreReplies}\n              moreRepliesCount={\n                activityBinding ? activityBinding.moreRepliesCount : moreRepliesCount\n              }\n              isReplyOpen={cardIsReplyOpen}\n              replyInput={cardReplyInput}\n              onShowMoreReplies={\n                activityBinding ? activityBinding.onShowMoreReplies : onShowMoreReplies\n              }\n            />\n          </div>\n        </Collapse>\n      )}\n    </FeedCard>\n  );\n});\n"],"names":["MetadataTooltip","_ref","rows","_jsx","className","styles","metadataRows","children","map","_ref2","label","value","unit","_jsxs","metadataRow","metadataLabel","metadataValue","metadataUnit","CommentCard","forwardRef","props","ref","activity","_props$variant","variant","author","timestamp","subtitle","body","contextRows","attachment","storedAttachments","isLiked","likesCount","commentsCount","replies","hasMoreReplies","moreRepliesCount","attachments","onAttachmentClick","attachmentSlot","chip","chipColor","onLike","onReplyToggle","onForward","onShowMoreReplies","menuItems","isReplyOpen","replyInput","editForm","width","onMouseEnter","onMouseLeave","testId","activityBinding","useFeedActivity","cardMenuItems","cardReplyInput","cardIsReplyOpen","cardReplies","hasFooter","length","info","Tooltip","placement","metadataTooltip","title","infoButton","InfoIcon","size","strokeWidth","reactions","CommentCardReactions","bodyRow","text","classNames","chipAccented","style","borderLeftColor","undefined","storedList","useMemo","filter","Boolean","storedItems","useStoredAttachments","items","attachmentPreview","AttachmentPreview","onItemClick","surfaceProps","radius","isDeleted","withOverlays","card","_Fragment","deleteDialog","FeedCard","maxHeight","FEED_CARD_MAX_HEIGHT_PX","compactBody","compactTop","Avatar","name","imageSrc","avatarUrl","avatar","compactTime","scrollBody","compactFooter","editing","headerEl","header","headerText","nameRow","editHeader","capped","bodySurface","footer","Collapse","in","timeout","unmountOnExit","repliesSection","CommentCardReplies"],"mappings":"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"}
+{"version":3,"file":"CommentCard.js","sources":["../../../src/components/CommentCard/CommentCard.tsx"],"sourcesContent":["import { forwardRef, ReactElement, useMemo } from 'react';\nimport { Collapse } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport { FeedCard, FEED_CARD_MAX_HEIGHT_PX } from '../FeedCard';\nimport { StoredAttachment } from '../AttachmentPreview/useStoredAttachment';\nimport { useStoredAttachments } from '../AttachmentPreview/useStoredAttachments';\nimport { useFeedActivity } from '../FeedCard/useFeedActivity';\nimport { AttachmentPreview } from '../AttachmentPreview';\nimport { Avatar } from '../../componentsV2/Avatar';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { LinkedText } from '../LinkedText';\nimport { InfoIcon } from '../../icons';\n\nimport { CommentCardReactions } from './CommentCardReactions';\nimport { CommentCardReplies } from './CommentCardReplies';\nimport { CommentCardProps, CommentContextRow } from './CommentCard.types';\n\nimport styles from './CommentCard.scss';\n\nconst MetadataTooltip = ({ rows }: { rows: CommentContextRow[] }) => (\n  <div className={styles.metadataRows}>\n    {rows.map(({ label, value, unit }) => (\n      <div key={label} className={styles.metadataRow}>\n        <span className={styles.metadataLabel}>{label}</span>\n        <span className={styles.metadataValue}>{value}</span>\n        {unit && <span className={styles.metadataUnit}>{unit}</span>}\n      </div>\n    ))}\n  </div>\n);\n\nexport const CommentCard = forwardRef<HTMLDivElement, CommentCardProps>((props, ref) => {\n  const {\n    activity,\n    variant = 'expanded',\n    author,\n    timestamp,\n    subtitle,\n    body,\n    contextRows,\n    attachment,\n    storedAttachments,\n    isLiked,\n    likesCount,\n    commentsCount,\n    replies,\n    hasMoreReplies,\n    moreRepliesCount,\n    attachments,\n    onAttachmentClick,\n    onAttachmentShare,\n    attachmentSlot,\n    chip,\n    chipColor,\n    onLike,\n    onReplyToggle,\n    onForward,\n    onShowMoreReplies,\n    menuItems,\n    isReplyOpen,\n    replyInput,\n    editForm,\n    width,\n    onMouseEnter,\n    onMouseLeave,\n    className,\n    testId,\n  } = props;\n\n  const activityBinding = useFeedActivity(activity, 'comment');\n  const cardMenuItems = activityBinding\n    ? [...(menuItems ?? []), ...activityBinding.menuItems]\n    : menuItems;\n  const cardReplyInput = activityBinding ? activityBinding.replyInput : replyInput;\n  const cardIsReplyOpen = activityBinding ? activityBinding.isReplyOpen : isReplyOpen;\n  const cardReplies = activityBinding ? activityBinding.replies : replies;\n\n  const hasFooter = !!(\n    activityBinding ||\n    onLike ||\n    onReplyToggle ||\n    onForward ||\n    cardMenuItems?.length ||\n    contextRows?.length\n  );\n\n  const info = !!contextRows?.length && (\n    <Tooltip\n      placement=\"top\"\n      className={styles.metadataTooltip}\n      title={<MetadataTooltip rows={contextRows} />}\n    >\n      <span className={styles.infoButton} data-testid=\"comment-card-info\">\n        <InfoIcon size={12} strokeWidth={2} />\n      </span>\n    </Tooltip>\n  );\n\n  const reactions = (\n    <CommentCardReactions\n      info={info}\n      commentsCount={activityBinding ? activityBinding.commentsCount : commentsCount}\n      likesCount={activityBinding ? activityBinding.likesCount : likesCount}\n      isLiked={activityBinding ? activityBinding.isLiked : isLiked}\n      menuItems={cardMenuItems}\n      onLike={activityBinding ? activityBinding.onLike : onLike}\n      onReplyToggle={activityBinding ? activityBinding.onReplyToggle : onReplyToggle}\n      onForward={onForward}\n    />\n  );\n\n  const bodyRow = (\n    <div className={styles.bodyRow}>\n      <div className={styles.text}>\n        <LinkedText>{body}</LinkedText>\n      </div>\n      {chip && (\n        <span\n          className={classNames(styles.chip, !!chipColor && styles.chipAccented)}\n          style={chipColor ? { borderLeftColor: chipColor } : undefined}\n        >\n          {chip}\n        </span>\n      )}\n    </div>\n  );\n\n  const storedList = useMemo(\n    () => storedAttachments ?? ([attachment].filter(Boolean) as StoredAttachment[]),\n    [storedAttachments, attachment]\n  );\n  const storedItems = useStoredAttachments(storedList);\n  const items = storedItems.length ? storedItems : attachments;\n\n  // Undefined is the norm, which lets AttachmentPreview run its own lightbox; a caller that\n  // passes the prop is taking the click over.\n  const attachmentPreview = items?.length ? (\n    <AttachmentPreview items={items} onItemClick={onAttachmentClick} onShare={onAttachmentShare} />\n  ) : null;\n\n  const surfaceProps = {\n    ref,\n    width,\n    radius: 12,\n    onMouseEnter,\n    onMouseLeave,\n    testId,\n    className,\n  };\n\n  if (activityBinding?.isDeleted) return null;\n  const withOverlays = (card: ReactElement) => (\n    <>\n      {card}\n      {activityBinding?.deleteDialog}\n    </>\n  );\n\n  if (variant === 'preview') {\n    return withOverlays(\n      <FeedCard {...surfaceProps} maxHeight={FEED_CARD_MAX_HEIGHT_PX}>\n        <div className={styles.compactBody}>\n          <div className={styles.compactTop}>\n            <Avatar\n              size={24}\n              name={author.name}\n              imageSrc={author.avatarUrl}\n              className={styles.avatar}\n            />\n            <span className={styles.name}>{author.name}</span>\n            <span className={styles.compactTime}>{timestamp}</span>\n          </div>\n          <div className={styles.scrollBody}>{bodyRow}</div>\n        </div>\n        {hasFooter && <div className={styles.compactFooter}>{reactions}</div>}\n      </FeedCard>\n    );\n  }\n\n  const editing = !!editForm;\n\n  const headerEl = (\n    <div className={styles.header}>\n      <Avatar size={24} name={author.name} imageSrc={author.avatarUrl} className={styles.avatar} />\n      <div className={styles.headerText}>\n        <div className={styles.nameRow}>\n          <span className={styles.name}>{author.name}</span>\n          {timestamp && <span className={styles.timestamp}>{timestamp}</span>}\n        </div>\n        {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n      </div>\n    </div>\n  );\n\n  if (editing) {\n    return withOverlays(\n      <FeedCard {...surfaceProps}>\n        <div className={styles.editHeader}>{headerEl}</div>\n        {editForm}\n      </FeedCard>\n    );\n  }\n\n  return withOverlays(\n    <FeedCard {...surfaceProps}>\n      <div className={styles.capped} style={{ maxHeight: FEED_CARD_MAX_HEIGHT_PX }}>\n        <div className={styles.bodySurface}>\n          {headerEl}\n\n          <div className={styles.scrollBody}>\n            {bodyRow}\n            {(attachmentPreview || attachmentSlot) && (\n              <div className={styles.attachment}>\n                {attachmentPreview}\n                {attachmentSlot}\n              </div>\n            )}\n          </div>\n        </div>\n\n        {hasFooter && <div className={styles.footer}>{reactions}</div>}\n      </div>\n\n      {hasFooter && (\n        <Collapse in={cardIsReplyOpen} timeout={250} unmountOnExit>\n          <div className={styles.repliesSection}>\n            <CommentCardReplies\n              replies={cardReplies}\n              hasMoreReplies={activityBinding ? activityBinding.hasMoreReplies : hasMoreReplies}\n              moreRepliesCount={\n                activityBinding ? activityBinding.moreRepliesCount : moreRepliesCount\n              }\n              isReplyOpen={cardIsReplyOpen}\n              replyInput={cardReplyInput}\n              onShowMoreReplies={\n                activityBinding ? activityBinding.onShowMoreReplies : onShowMoreReplies\n              }\n            />\n          </div>\n        </Collapse>\n      )}\n    </FeedCard>\n  );\n});\n"],"names":["MetadataTooltip","_ref","rows","_jsx","className","styles","metadataRows","children","map","_ref2","label","value","unit","_jsxs","metadataRow","metadataLabel","metadataValue","metadataUnit","CommentCard","forwardRef","props","ref","activity","_props$variant","variant","author","timestamp","subtitle","body","contextRows","attachment","storedAttachments","isLiked","likesCount","commentsCount","replies","hasMoreReplies","moreRepliesCount","attachments","onAttachmentClick","onAttachmentShare","attachmentSlot","chip","chipColor","onLike","onReplyToggle","onForward","onShowMoreReplies","menuItems","isReplyOpen","replyInput","editForm","width","onMouseEnter","onMouseLeave","testId","activityBinding","useFeedActivity","cardMenuItems","cardReplyInput","cardIsReplyOpen","cardReplies","hasFooter","length","info","Tooltip","placement","metadataTooltip","title","infoButton","InfoIcon","size","strokeWidth","reactions","CommentCardReactions","bodyRow","text","LinkedText","classNames","chipAccented","style","borderLeftColor","undefined","storedList","useMemo","filter","Boolean","storedItems","useStoredAttachments","items","attachmentPreview","AttachmentPreview","onItemClick","onShare","surfaceProps","radius","isDeleted","withOverlays","card","_Fragment","deleteDialog","FeedCard","maxHeight","FEED_CARD_MAX_HEIGHT_PX","compactBody","compactTop","Avatar","name","imageSrc","avatarUrl","avatar","compactTime","scrollBody","compactFooter","editing","headerEl","header","headerText","nameRow","editHeader","capped","bodySurface","footer","Collapse","in","timeout","unmountOnExit","repliesSection","CommentCardReplies"],"mappings":"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"}

package/components/CommentCard/CommentCard.types.d.ts

@@ -48,6 +48,8 @@ export type CommentCardProps = {
     /** Already-signed items, when the caller handles the round trip. */
     attachments?: AttachmentPreviewItem[];
     onAttachmentClick?: (item: AttachmentPreviewItem) => void;
+    /** Adds "Share file" to the overflow menu. Ignored when `onAttachmentClick` takes over. */
+    onAttachmentShare?: (item: AttachmentPreviewItem) => void;
     attachmentSlot?: ReactNode;
     chip?: ReactNode;
     /** Colours the chip's leading edge. */

package/components/CommentCard/CommentCard.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/CommentCard/CommentCard.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"CommentCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/CommentCard/CommentCard.types.ts"],"names":[],"mappings":"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"}

package/components/CommentCard/CommentCardReactions.js

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

package/components/CommentCard/CommentCardReactions.js.map

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

package/components/CommentCard/CommentMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentMenu.d.ts","sourceRoot":"","sources":["../../../src/components/CommentCard/CommentMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoB,MAAM,OAAO,CAAC;AAM7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAuC5C,CAAC"}
+{"version":3,"file":"CommentMenu.d.ts","sourceRoot":"","sources":["../../../src/components/CommentCard/CommentMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoB,MAAM,OAAO,CAAC;AAM7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAwC5C,CAAC"}

package/components/CommentCard/CommentMenu.js

@@ -1,2 +1,2 @@
-import n from"@babel/runtime/helpers/slicedToArray";import{useState as e,useRef as r}from"react";import t from"@material-ui/icons/MoreVert";import{ButtonIcon as o}from"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Menu as i}from"../../componentsV2/Menu/Menu.js";import{jsxs as l,Fragment as c,jsx as m}from"react/jsx-runtime";var u=function(u){var a=u.items,s=u.testId,f=e(!1),p=n(f,2),d=p[0],h=p[1],b=r(null);return null!=a&&a.length?l(c,{children:[m(o,{size:"xs",type:"tertiary",ref:b,onClick:function(){return h((function(n){return!n}))},testId:s,children:m(t,{fontSize:"inherit"})}),m(i,{open:d,placement:"bottom-end",anchorEl:b.current,onClose:function(){return h(!1)},children:a.map((function(n){return m(i.Item,{prefix:n.icon,disabled:n.disabled,onClick:function(){h(!1),n.onClick()},children:n.label},n.label)}))})]}):null};export{u as CommentMenu};
+import n from"@babel/runtime/helpers/slicedToArray";import{useState as e,useRef as r}from"react";import t from"@material-ui/icons/MoreVert";import{ButtonIcon as o}from"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Menu as i}from"../../componentsV2/Menu/Menu.js";import{jsxs as l,Fragment as c,jsx as m}from"react/jsx-runtime";var u=function(u){var s=u.items,a=u.testId,f=e(!1),p=n(f,2),d=p[0],h=p[1],b=r(null);return null!=s&&s.length?l(c,{children:[m(o,{size:"xs",type:"tertiary",ref:b,isActive:d,onClick:function(){return h((function(n){return!n}))},testId:a,children:m(t,{fontSize:"inherit"})}),m(i,{open:d,placement:"bottom-end",anchorEl:b.current,onClose:function(){return h(!1)},children:s.map((function(n){return m(i.Item,{prefix:n.icon,disabled:n.disabled,onClick:function(){h(!1),n.onClick()},children:n.label},n.label)}))})]}):null};export{u as CommentMenu};
 //# sourceMappingURL=CommentMenu.js.map

package/components/CommentCard/CommentMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentMenu.js","sources":["../../../src/components/CommentCard/CommentMenu.tsx"],"sourcesContent":["import { FC, useRef, useState } from 'react';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Menu } from '../../componentsV2/Menu';\n\nimport { CommentMenuItem } from './CommentCard.types';\n\ntype CommentMenuProps = {\n  items?: CommentMenuItem[];\n  testId?: string;\n};\n\nexport const CommentMenu: FC<CommentMenuProps> = ({ items, testId }) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const anchorRef = useRef<HTMLButtonElement>(null);\n\n  if (!items?.length) return null;\n\n  return (\n    <>\n      <ButtonIcon\n        size=\"xs\"\n        type=\"tertiary\"\n        ref={anchorRef}\n        onClick={() => setIsOpen(open => !open)}\n        testId={testId}\n      >\n        <MoreVertIcon fontSize=\"inherit\" />\n      </ButtonIcon>\n      <Menu\n        open={isOpen}\n        placement=\"bottom-end\"\n        anchorEl={anchorRef.current}\n        onClose={() => setIsOpen(false)}\n      >\n        {items.map(item => (\n          <Menu.Item\n            key={item.label}\n            prefix={item.icon}\n            disabled={item.disabled}\n            onClick={() => {\n              setIsOpen(false);\n              item.onClick();\n            }}\n          >\n            {item.label}\n          </Menu.Item>\n        ))}\n      </Menu>\n    </>\n  );\n};\n"],"names":["CommentMenu","_ref","items","testId","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","anchorRef","useRef","length","_jsxs","_Fragment","children","_jsx","ButtonIcon","size","type","ref","onClick","open","MoreVertIcon","fontSize","Menu","placement","anchorEl","current","onClose","map","item","Item","prefix","icon","disabled","label"],"mappings":"4UAaaA,IAAAA,EAAoC,SAAuBC,GAAA,IAApBC,IAAAA,MAAOC,IAAAA,OAC7BC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAClBK,EAAYC,EAA0B,MAE5C,OAAKT,SAAAA,EAAOU,OAGVC,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAU,CACTC,KAAK,KACLC,KAAK,WACLC,IAAKV,EACLW,QAAS,WAAA,OAAMZ,GAAU,SAAAa,GAAI,OAAKA,IAAM,EACxCnB,OAAQA,EAAOY,SAEfC,EAACO,EAAY,CAACC,SAAS,cAEzBR,EAACS,EAAI,CACHH,KAAMd,EACNkB,UAAU,aACVC,SAAUjB,EAAUkB,QACpBC,QAAS,WAAA,OAAMpB,GAAU,EAAO,EAAAM,SAE/Bb,EAAM4B,KAAI,SAAAC,GAAI,OACbf,EAACS,EAAKO,KAAI,CAERC,OAAQF,EAAKG,KACbC,SAAUJ,EAAKI,SACfd,QAAS,WACPZ,GAAU,GACVsB,EAAKV,SACL,EAAAN,SAEDgB,EAAKK,OARDL,EAAKK,eArBO,IAmC7B"}
+{"version":3,"file":"CommentMenu.js","sources":["../../../src/components/CommentCard/CommentMenu.tsx"],"sourcesContent":["import { FC, useRef, useState } from 'react';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Menu } from '../../componentsV2/Menu';\n\nimport { CommentMenuItem } from './CommentCard.types';\n\ntype CommentMenuProps = {\n  items?: CommentMenuItem[];\n  testId?: string;\n};\n\nexport const CommentMenu: FC<CommentMenuProps> = ({ items, testId }) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const anchorRef = useRef<HTMLButtonElement>(null);\n\n  if (!items?.length) return null;\n\n  return (\n    <>\n      <ButtonIcon\n        size=\"xs\"\n        type=\"tertiary\"\n        ref={anchorRef}\n        isActive={isOpen}\n        onClick={() => setIsOpen(open => !open)}\n        testId={testId}\n      >\n        <MoreVertIcon fontSize=\"inherit\" />\n      </ButtonIcon>\n      <Menu\n        open={isOpen}\n        placement=\"bottom-end\"\n        anchorEl={anchorRef.current}\n        onClose={() => setIsOpen(false)}\n      >\n        {items.map(item => (\n          <Menu.Item\n            key={item.label}\n            prefix={item.icon}\n            disabled={item.disabled}\n            onClick={() => {\n              setIsOpen(false);\n              item.onClick();\n            }}\n          >\n            {item.label}\n          </Menu.Item>\n        ))}\n      </Menu>\n    </>\n  );\n};\n"],"names":["CommentMenu","_ref","items","testId","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","anchorRef","useRef","length","_jsxs","_Fragment","children","_jsx","ButtonIcon","size","type","ref","isActive","onClick","open","MoreVertIcon","fontSize","Menu","placement","anchorEl","current","onClose","map","item","Item","prefix","icon","disabled","label"],"mappings":"4UAaaA,IAAAA,EAAoC,SAAuBC,GAAA,IAApBC,IAAAA,MAAOC,IAAAA,OAC7BC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAClBK,EAAYC,EAA0B,MAE5C,OAAKT,SAAAA,EAAOU,OAGVC,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAU,CACTC,KAAK,KACLC,KAAK,WACLC,IAAKV,EACLW,SAAUb,EACVc,QAAS,WAAA,OAAMb,GAAU,SAAAc,GAAI,OAAKA,IAAM,EACxCpB,OAAQA,EAAOY,SAEfC,EAACQ,EAAY,CAACC,SAAS,cAEzBT,EAACU,EAAI,CACHH,KAAMf,EACNmB,UAAU,aACVC,SAAUlB,EAAUmB,QACpBC,QAAS,WAAA,OAAMrB,GAAU,EAAO,EAAAM,SAE/Bb,EAAM6B,KAAI,SAAAC,GAAI,OACbhB,EAACU,EAAKO,KAAI,CAERC,OAAQF,EAAKG,KACbC,SAAUJ,EAAKI,SACfd,QAAS,WACPb,GAAU,GACVuB,EAAKV,SACL,EAAAP,SAEDiB,EAAKK,OARDL,EAAKK,eAtBO,IAoC7B"}

package/components/CommentComposer/CommentComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentComposer.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/CommentComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,SAAS,EAIV,MAAM,OAAO,CAAC;AAef,OAAO,EAEL,kBAAkB,EAEnB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAmB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAKvE,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAGF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,mBAAmB,CAAC;IAEjC,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IAClE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sFAAsF;IACtF,UAAU,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACvC,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;IACrE,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC;IAClD,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAyBF,eAAO,MAAM,eAAe,8TAwBzB,oBAAoB,4CA4ItB,CAAC"}
+{"version":3,"file":"CommentComposer.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/CommentComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,SAAS,EAIV,MAAM,OAAO,CAAC;AAef,OAAO,EAEL,kBAAkB,EAEnB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAmB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAKvE,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAGF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,mBAAmB,CAAC;IAEjC,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IAClE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sFAAsF;IACtF,UAAU,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACvC,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;IACrE,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC;IAClD,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAyBF,eAAO,MAAM,eAAe,8TAwBzB,oBAAoB,4CA8ItB,CAAC"}

package/components/CommentComposer/CommentComposer.js

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

package/components/CommentComposer/CommentComposer.js.map

@@ -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            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      dropLabel={upload.maxFiles === 1 ? 'Drop a file here' : 'Drop files here'}\n      attachmentSlot={\n        attachmentError ? <FailedFileUploading errorMessage={attachmentError} /> : undefined\n      }\n      toolbar={\n        <>\n          <AttachFileButton\n            inputRef={upload.fileInputRef}\n            onClick={upload.openFileDialog}\n            onFileSelect={upload.handleFileSelect}\n            multiple={isMulti}\n            disabled={upload.isFull}\n            tooltip={\n              upload.isFull\n                ? `Up to ${upload.maxFiles} ${\n                    upload.maxFiles === 1 ? 'file' : 'files'\n                  } can be attached`\n                : 'Attach file'\n            }\n          />\n          <Tooltip title=\"Mention someone\">\n            <ButtonIcon size=\"xs\" type=\"tertiary\" onClick={mentionSomeone}>\n              <AlternateEmailIcon fontSize=\"inherit\" />\n            </ButtonIcon>\n          </Tooltip>\n          <span className={styles.iconSlot}>\n            <EmojiIconButton\n              icon={<SmilingFaceIcon size={16} />}\n              handleSelectEmoji={(emoji: { native: string }) =>\n                onBodyChange(`${body}${emoji.native}`)\n              }\n            />\n          </span>\n        </>\n      }\n      footer={\n        (!!metaRows?.length || !!shareToChat) && (\n          <>\n            <CommentMetaLine rows={metaRows ?? []} singleLine={isMetaSingleLine} />\n            {shareToChat && <ShareToChatRow {...shareToChat} />}\n          </>\n        )\n      }\n    />\n  );\n};\n"],"names":["MENTION_INPUT_STYLE","fontSize","lineHeight","suggestions","backgroundColor","list","item","color","renderSuggestion","entry","_jsxs","className","styles","suggestion","children","_jsx","Avatar","size","alt","display","imgSrc","photo","displayName","CommentComposer","_ref","body","onBodyChange","onSubmit","canSubmit","currentUser","attachments","onAttachmentsChange","_ref$maxAttachments","maxAttachments","DEFAULT_MAX_ATTACHMENTS","attachment","onAttachmentChange","attachmentError","onAttachmentError","maxAttachmentSizeBytes","disabled","autoFocus","_ref$placeholder","placeholder","metaRows","isMetaSingleLine","shareToChat","trailing","embedded","testId","isMulti","value","useMemo","filter","Boolean","handleAttachmentsChange","useCallback","next","_next$","upload","useAttachmentUpload","onChange","onError","maxSizeBytes","maxFiles","canSend","isUploading","fieldRef","useRef","CommentInput","field","Input","inputComponent","UserMention","inputProps","allowEmptyQuery","suggestionsPortalHost","document","querySelector","withLightTheme","mentionProps","style","inputRef","mentionField","onKeyDown","event","key","shiftKey","isSuggestionsListOpened","preventDefault","disableUnderline","rows","fullWidth","multiline","items","onAttachmentRemove","removeAttachment","onAttachmentRetry","handleRetry","onAttachmentReorder","reorderAttachments","undefined","onFilesDrop","addFiles","dropLabel","attachmentSlot","FailedFileUploading","errorMessage","toolbar","_Fragment","AttachFileButton","fileInputRef","onClick","openFileDialog","onFileSelect","handleFileSelect","multiple","isFull","tooltip","concat","Tooltip","title","ButtonIcon","type","_Object$getOwnPropert","current","focus","needsSpace","test","nextValue","setValue","Object","getOwnPropertyDescriptor","getPrototypeOf","set","call","setSelectionRange","length","dispatchEvent","Event","bubbles","AlternateEmailIcon","iconSlot","EmojiIconButton","icon","SmilingFaceIcon","handleSelectEmoji","emoji","native","footer","CommentMetaLine","singleLine","ShareToChatRow","_objectSpread"],"mappings":"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"}
+{"version":3,"file":"CommentComposer.js","sources":["../../../src/components/CommentComposer/CommentComposer.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  FormEventHandler,\n  KeyboardEvent,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n} from 'react';\nimport { Input } from '@material-ui/core';\nimport AlternateEmailIcon from '@material-ui/icons/AlternateEmail';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { SmilingFaceIcon } from '../../icons';\nimport Avatar from '../Avatar';\nimport { AttachFileButton } from '../AttachFileButton';\nimport { CommentInput } from '../CommentInputNext/CommentInputNext';\nimport EmojiIconButton from '../EmojiIconButton';\nimport FailedFileUploading from '../FailedFileUploading';\nimport UserMention from '../UserMention';\nimport { isSuggestionsListOpened } from '../UserMention/utils';\n\nimport {\n  useAttachmentUpload,\n  UploadedAttachment,\n  DEFAULT_MAX_ATTACHMENTS,\n} from './useAttachmentUpload';\nimport { CommentMetaLine, CommentMetaRow } from './CommentMetaLine';\nimport { ShareToChatRow, ShareToChatRowProps } from './ShareToChatRow';\n\nimport styles from './CommentComposer.scss';\n\n/* eslint-disable camelcase -- mirrors the platform's snake_case user payload. */\nexport type CommentComposerUser = {\n  id?: number;\n  company_id?: number;\n  first_name?: string;\n  last_name?: string;\n  profile_photo?: string;\n  [key: string]: unknown;\n};\n/* eslint-enable camelcase */\n\nexport type CommentComposerProps = {\n  body: string;\n  onBodyChange: (value: string) => void;\n  onSubmit: () => void;\n  canSubmit: boolean;\n  currentUser: CommentComposerUser;\n\n  attachments?: UploadedAttachment[];\n  onAttachmentsChange?: (attachments: UploadedAttachment[]) => void;\n  maxAttachments?: number;\n  /** @deprecated Use `attachments` — kept so single-attachment callers keep working. */\n  attachment?: UploadedAttachment | null;\n  /** @deprecated Use `onAttachmentsChange`. */\n  onAttachmentChange?: (attachment: UploadedAttachment | null) => void;\n  attachmentError?: string | null;\n  onAttachmentError?: (message: string | null) => void;\n  maxAttachmentSizeBytes?: number;\n\n  disabled?: boolean;\n  autoFocus?: boolean;\n  placeholder?: string;\n  metaRows?: CommentMetaRow[];\n  isMetaSingleLine?: boolean;\n  shareToChat?: Omit<ShareToChatRowProps, 'testId'>;\n  /** Replaces the default send button, e.g. the edit form's Cancel/Save. */\n  trailing?: ReactNode;\n  /** Render flush inside a host card instead of as its own surface. */\n  embedded?: boolean;\n  className?: string;\n  testId?: string;\n};\n\nconst SUGGESTIONS_BACKGROUND = 'var(--palette-background-b-9)';\n\n// Module-level so react-mentions isn't re-rendered on every keystroke.\nconst MENTION_INPUT_STYLE = {\n  fontSize: 14,\n  lineHeight: '20px',\n  suggestions: {\n    backgroundColor: SUGGESTIONS_BACKGROUND,\n    list: { backgroundColor: SUGGESTIONS_BACKGROUND },\n    item: {\n      color: 'var(--palette-primary-text-1)',\n      '&focused': { backgroundColor: 'rgb(from var(--palette-primary-text-1) r g b / 0.08)' },\n    },\n  },\n} as unknown as CSSProperties;\n\nconst renderSuggestion = (entry: { display: string; photo?: string }) => (\n  <div className={styles.suggestion}>\n    <Avatar size={26} alt={entry.display} imgSrc={entry.photo} displayName={entry.display} />\n    <span>{entry.display}</span>\n  </div>\n);\n\nexport const CommentComposer = ({\n  body,\n  onBodyChange,\n  onSubmit,\n  canSubmit,\n  currentUser,\n  attachments,\n  onAttachmentsChange,\n  maxAttachments = DEFAULT_MAX_ATTACHMENTS,\n  attachment,\n  onAttachmentChange,\n  attachmentError,\n  onAttachmentError,\n  maxAttachmentSizeBytes,\n  disabled,\n  autoFocus,\n  placeholder = 'Add a comment...',\n  metaRows,\n  isMetaSingleLine,\n  shareToChat,\n  trailing,\n  embedded,\n  className,\n  testId,\n}: CommentComposerProps) => {\n  // Callers still on the singular props get the old one-file behaviour, unchanged.\n  const isMulti = !!onAttachmentsChange;\n  const value = useMemo(\n    () => (isMulti ? attachments ?? [] : ([attachment].filter(Boolean) as UploadedAttachment[])),\n    [isMulti, attachments, attachment]\n  );\n\n  const handleAttachmentsChange = useCallback(\n    (next: UploadedAttachment[]) => {\n      if (onAttachmentsChange) onAttachmentsChange(next);\n      else onAttachmentChange?.(next[0] ?? null);\n    },\n    [onAttachmentsChange, onAttachmentChange]\n  );\n\n  const upload = useAttachmentUpload({\n    value,\n    onChange: handleAttachmentsChange,\n    onError: onAttachmentError,\n    maxSizeBytes: maxAttachmentSizeBytes,\n    maxFiles: isMulti ? maxAttachments : 1,\n  });\n\n  // An attachment only lands once S3 confirms, so posting mid-upload would drop it.\n  const canSend = canSubmit && !upload.isUploading;\n\n  const fieldRef = useRef<HTMLTextAreaElement | null>(null);\n\n  // react-mentions opens suggestions from textarea events, so type \"@\" instead of setting state.\n  const mentionSomeone = () => {\n    const field = fieldRef.current;\n    if (!field) return;\n\n    field.focus();\n\n    const needsSpace = !!field.value && !/\\s$/.test(field.value);\n    const nextValue = `${field.value}${needsSpace ? ' @' : '@'}`;\n    const setValue = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(field), 'value')?.set;\n\n    setValue?.call(field, nextValue);\n    field.setSelectionRange(nextValue.length, nextValue.length);\n    field.dispatchEvent(new Event('input', { bubbles: true }));\n    field.dispatchEvent(new Event('keyup', { bubbles: true }));\n  };\n\n  const handleEnterKey = (event: KeyboardEvent) => {\n    if (event.key !== 'Enter' || event.shiftKey) return;\n    if (!canSend || disabled) return;\n    if (isSuggestionsListOpened()) return;\n\n    event.preventDefault();\n    onSubmit();\n  };\n\n  return (\n    <CommentInput\n      value={body}\n      canSubmit={canSend}\n      disabled={disabled}\n      onSubmit={onSubmit}\n      trailing={trailing}\n      embedded={embedded}\n      className={className}\n      testId={testId}\n      field={\n        <Input\n          inputComponent={UserMention}\n          inputProps={{\n            // UserMention calls onChange with the text string, not a DOM event.\n            onChange: onBodyChange as unknown as FormEventHandler<HTMLInputElement>,\n            currentUser,\n            allowEmptyQuery: true,\n            suggestionsPortalHost: document.querySelector('body'),\n            withLightTheme: false,\n            mentionProps: { renderSuggestion },\n            highlightLinks: true,\n            style: MENTION_INPUT_STYLE,\n          }}\n          value={body}\n          placeholder={placeholder}\n          inputRef={fieldRef}\n          className={styles.mentionField}\n          onKeyDown={handleEnterKey}\n          disableUnderline\n          rows={1}\n          fullWidth\n          multiline\n          autoFocus={autoFocus}\n        />\n      }\n      attachments={upload.items}\n      onAttachmentRemove={upload.removeAttachment}\n      onAttachmentRetry={upload.handleRetry}\n      onAttachmentReorder={isMulti ? upload.reorderAttachments : undefined}\n      onFilesDrop={upload.addFiles}\n      onImageLinkPaste={upload.addLinkedImage}\n      dropLabel={upload.maxFiles === 1 ? 'Drop a file here' : 'Drop files here'}\n      attachmentSlot={\n        attachmentError ? <FailedFileUploading errorMessage={attachmentError} /> : undefined\n      }\n      toolbar={\n        <>\n          <AttachFileButton\n            inputRef={upload.fileInputRef}\n            onClick={upload.openFileDialog}\n            onFileSelect={upload.handleFileSelect}\n            multiple={isMulti}\n            disabled={upload.isFull}\n            tooltip={\n              upload.isFull\n                ? `Up to ${upload.maxFiles} ${\n                    upload.maxFiles === 1 ? 'file' : 'files'\n                  } can be attached`\n                : 'Attach file'\n            }\n          />\n          <Tooltip title=\"Mention someone\">\n            <ButtonIcon size=\"xs\" type=\"tertiary\" onClick={mentionSomeone}>\n              <AlternateEmailIcon fontSize=\"inherit\" />\n            </ButtonIcon>\n          </Tooltip>\n          <span className={styles.iconSlot}>\n            <EmojiIconButton\n              icon={<SmilingFaceIcon size={16} />}\n              handleSelectEmoji={(emoji: { native: string }) =>\n                onBodyChange(`${body}${emoji.native}`)\n              }\n            />\n          </span>\n        </>\n      }\n      footer={\n        (!!metaRows?.length || !!shareToChat) && (\n          <>\n            <CommentMetaLine rows={metaRows ?? []} singleLine={isMetaSingleLine} />\n            {shareToChat && <ShareToChatRow {...shareToChat} />}\n          </>\n        )\n      }\n    />\n  );\n};\n"],"names":["MENTION_INPUT_STYLE","fontSize","lineHeight","suggestions","backgroundColor","list","item","color","renderSuggestion","entry","_jsxs","className","styles","suggestion","children","_jsx","Avatar","size","alt","display","imgSrc","photo","displayName","CommentComposer","_ref","body","onBodyChange","onSubmit","canSubmit","currentUser","attachments","onAttachmentsChange","_ref$maxAttachments","maxAttachments","DEFAULT_MAX_ATTACHMENTS","attachment","onAttachmentChange","attachmentError","onAttachmentError","maxAttachmentSizeBytes","disabled","autoFocus","_ref$placeholder","placeholder","metaRows","isMetaSingleLine","shareToChat","trailing","embedded","testId","isMulti","value","useMemo","filter","Boolean","handleAttachmentsChange","useCallback","next","_next$","upload","useAttachmentUpload","onChange","onError","maxSizeBytes","maxFiles","canSend","isUploading","fieldRef","useRef","CommentInput","field","Input","inputComponent","UserMention","inputProps","allowEmptyQuery","suggestionsPortalHost","document","querySelector","withLightTheme","mentionProps","highlightLinks","style","inputRef","mentionField","onKeyDown","event","key","shiftKey","isSuggestionsListOpened","preventDefault","disableUnderline","rows","fullWidth","multiline","items","onAttachmentRemove","removeAttachment","onAttachmentRetry","handleRetry","onAttachmentReorder","reorderAttachments","undefined","onFilesDrop","addFiles","onImageLinkPaste","addLinkedImage","dropLabel","attachmentSlot","FailedFileUploading","errorMessage","toolbar","_Fragment","AttachFileButton","fileInputRef","onClick","openFileDialog","onFileSelect","handleFileSelect","multiple","isFull","tooltip","concat","Tooltip","title","ButtonIcon","type","_Object$getOwnPropert","current","focus","needsSpace","test","nextValue","setValue","Object","getOwnPropertyDescriptor","getPrototypeOf","set","call","setSelectionRange","length","dispatchEvent","Event","bubbles","AlternateEmailIcon","iconSlot","EmojiIconButton","icon","SmilingFaceIcon","handleSelectEmoji","emoji","native","footer","CommentMetaLine","singleLine","ShareToChatRow","_objectSpread"],"mappings":"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"}

package/components/CommentComposer/CommentReplyInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentReplyInput.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/CommentReplyInput.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAuB,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAIhF,MAAM,MAAM,sBAAsB,GAAG;IACnC,6EAA6E;IAC7E,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,EACZ,WAAW,EAAE,kBAAkB,EAAE,KAC9B,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+HAW3B,sBAAsB,4CAsDxB,CAAC"}
+{"version":3,"file":"CommentReplyInput.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/CommentReplyInput.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAuB,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAIhF,MAAM,MAAM,sBAAsB,GAAG;IACnC,6EAA6E;IAC7E,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,EACZ,WAAW,EAAE,kBAAkB,EAAE,KAC9B,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+HAW3B,sBAAsB,4CAuDxB,CAAC"}

package/components/CommentComposer/CommentReplyInput.js

@@ -1,2 +1,2 @@
-import t from"@babel/runtime/helpers/asyncToGenerator";import e from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/regenerator";import{useState as a}from"react";import{Avatar as n}from"../../componentsV2/Avatar/Avatar.js";import{AttachFileButton as o}from"../AttachFileButton/AttachFileButton.js";import{CommentInput as i}from"../CommentInputNext/CommentInputNext.js";import l from"../FailedFileUploading.js";import{useAttachmentUpload as m}from"./useAttachmentUpload.js";import{jsx as c}from"react/jsx-runtime";var s=[],u=function(u){var p=u.onSubmit,d=u.author,h=u.disabled,f=u.placeholder,v=void 0===f?"Reply":f,b=u.autoFocus,A=void 0===b||b,F=u.maxAttachments,g=u.initialBody,x=void 0===g?"":g,y=u.initialAttachments,C=void 0===y?s:y,R=u.onCancel,S=u.testId,j=a(x),I=e(j,2),U=I[0],k=I[1],B=a(C),w=e(B,2),D=w[0],N=w[1],T=a(null),z=e(T,2),E=z[0],G=z[1],M=m({value:D,onChange:N,onError:G,maxFiles:F}),V=function(){var e=t(r.mark((function t(e){return r.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,p(e,D);case 2:if(t.t0=t.sent,!1!==t.t0){t.next=5;break}return t.abrupt("return");case 5:k(""),N([]),M.clearAttachments();case 8:case"end":return t.stop()}}),t)})));return function(t){return e.apply(this,arguments)}}();return c(i,{bare:!0,autoFocus:A,placeholder:v,value:U,onChange:k,canSubmit:!(!U.trim()&&!D.length||M.isUploading),onSubmit:V,onCancel:R,disabled:h,attachments:M.items,onAttachmentRemove:M.removeAttachment,onAttachmentRetry:M.handleRetry,onAttachmentReorder:M.reorderAttachments,onFilesDrop:M.addFiles,testId:S,attachmentSlot:E?c(l,{errorMessage:E}):void 0,toolbar:c(o,{inputRef:M.fileInputRef,onClick:M.openFileDialog,onFileSelect:M.handleFileSelect,multiple:!0,disabled:M.isFull,tooltip:M.isFull?"Up to ".concat(M.maxFiles," files can be attached"):"Attach file"}),leading:c(n,{size:32,name:null==d?void 0:d.name,imageSrc:null==d?void 0:d.avatarUrl})})};export{u as CommentReplyInput};
+import t from"@babel/runtime/helpers/asyncToGenerator";import e from"@babel/runtime/helpers/slicedToArray";import a from"@babel/runtime/regenerator";import{useState as n}from"react";import{Avatar as r}from"../../componentsV2/Avatar/Avatar.js";import{AttachFileButton as o}from"../AttachFileButton/AttachFileButton.js";import{CommentInput as i}from"../CommentInputNext/CommentInputNext.js";import l from"../FailedFileUploading.js";import{useAttachmentUpload as m}from"./useAttachmentUpload.js";import{jsx as c}from"react/jsx-runtime";var s=[],u=function(u){var d=u.onSubmit,p=u.author,h=u.disabled,f=u.placeholder,v=void 0===f?"Reply":f,b=u.autoFocus,A=void 0===b||b,F=u.maxAttachments,g=u.initialBody,x=void 0===g?"":g,y=u.initialAttachments,C=void 0===y?s:y,I=u.onCancel,R=u.testId,S=n(x),j=e(S,2),k=j[0],U=j[1],B=n(C),w=e(B,2),D=w[0],L=w[1],N=n(null),T=e(N,2),z=T[0],E=T[1],G=m({value:D,onChange:L,onError:E,maxFiles:F}),M=function(){var e=t(a.mark((function t(e){return a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,d(e,D);case 2:if(t.t0=t.sent,!1!==t.t0){t.next=5;break}return t.abrupt("return");case 5:U(""),L([]),G.clearAttachments();case 8:case"end":return t.stop()}}),t)})));return function(t){return e.apply(this,arguments)}}();return c(i,{bare:!0,autoFocus:A,placeholder:v,value:k,onChange:U,canSubmit:!(!k.trim()&&!D.length||G.isUploading),onSubmit:M,onCancel:I,disabled:h,attachments:G.items,onAttachmentRemove:G.removeAttachment,onAttachmentRetry:G.handleRetry,onAttachmentReorder:G.reorderAttachments,onFilesDrop:G.addFiles,onImageLinkPaste:G.addLinkedImage,testId:R,attachmentSlot:z?c(l,{errorMessage:z}):void 0,toolbar:c(o,{inputRef:G.fileInputRef,onClick:G.openFileDialog,onFileSelect:G.handleFileSelect,multiple:!0,disabled:G.isFull,tooltip:G.isFull?"Up to ".concat(G.maxFiles," files can be attached"):"Attach file"}),leading:c(r,{size:32,name:null==p?void 0:p.name,imageSrc:null==p?void 0:p.avatarUrl})})};export{u as CommentReplyInput};
 //# sourceMappingURL=CommentReplyInput.js.map

package/components/CommentComposer/CommentReplyInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentReplyInput.js","sources":["../../../src/components/CommentComposer/CommentReplyInput.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Avatar } from '../../componentsV2/Avatar';\nimport { AttachFileButton } from '../AttachFileButton';\nimport { CommentInput } from '../CommentInputNext/CommentInputNext';\nimport FailedFileUploading from '../FailedFileUploading';\n\nimport { useAttachmentUpload, UploadedAttachment } from './useAttachmentUpload';\n\nconst EMPTY_ATTACHMENTS: UploadedAttachment[] = [];\n\nexport type CommentReplyInputProps = {\n  /** Resolving to `false` keeps the draft, so a failed post can be retried. */\n  onSubmit: (\n    body: string,\n    attachments: UploadedAttachment[]\n  ) => void | boolean | Promise<void | boolean>;\n  author?: { name?: string; avatarUrl?: string };\n  disabled?: boolean;\n  placeholder?: string;\n  autoFocus?: boolean;\n  maxAttachments?: number;\n  initialBody?: string;\n  initialAttachments?: UploadedAttachment[];\n  onCancel?: () => void;\n  testId?: string;\n};\n\nexport const CommentReplyInput = ({\n  onSubmit,\n  author,\n  disabled,\n  placeholder = 'Reply',\n  autoFocus = true,\n  maxAttachments,\n  initialBody = '',\n  initialAttachments = EMPTY_ATTACHMENTS,\n  onCancel,\n  testId,\n}: CommentReplyInputProps) => {\n  const [body, setBody] = useState(initialBody);\n  const [attachments, setAttachments] = useState<UploadedAttachment[]>(initialAttachments);\n  const [attachmentError, setAttachmentError] = useState<string | null>(null);\n\n  const upload = useAttachmentUpload({\n    value: attachments,\n    onChange: setAttachments,\n    onError: setAttachmentError,\n    maxFiles: maxAttachments,\n  });\n\n  const handleSubmit = async (value: string) => {\n    if ((await onSubmit(value, attachments)) === false) return;\n\n    setBody('');\n    setAttachments([]);\n    upload.clearAttachments();\n  };\n\n  return (\n    <CommentInput\n      bare\n      autoFocus={autoFocus}\n      placeholder={placeholder}\n      value={body}\n      onChange={setBody}\n      // An attachment only lands once S3 confirms, so posting mid-upload would drop it.\n      canSubmit={(!!body.trim() || !!attachments.length) && !upload.isUploading}\n      onSubmit={handleSubmit}\n      onCancel={onCancel}\n      disabled={disabled}\n      attachments={upload.items}\n      onAttachmentRemove={upload.removeAttachment}\n      onAttachmentRetry={upload.handleRetry}\n      onAttachmentReorder={upload.reorderAttachments}\n      onFilesDrop={upload.addFiles}\n      testId={testId}\n      attachmentSlot={\n        attachmentError ? <FailedFileUploading errorMessage={attachmentError} /> : undefined\n      }\n      toolbar={\n        <AttachFileButton\n          inputRef={upload.fileInputRef}\n          onClick={upload.openFileDialog}\n          onFileSelect={upload.handleFileSelect}\n          multiple\n          disabled={upload.isFull}\n          tooltip={upload.isFull ? `Up to ${upload.maxFiles} files can be attached` : 'Attach file'}\n        />\n      }\n      leading={<Avatar size={32} name={author?.name} imageSrc={author?.avatarUrl} />}\n    />\n  );\n};\n"],"names":["EMPTY_ATTACHMENTS","CommentReplyInput","_ref","onSubmit","author","disabled","_ref$placeholder","placeholder","_ref$autoFocus","autoFocus","maxAttachments","_ref$initialBody","initialBody","_ref$initialAttachmen","initialAttachments","onCancel","testId","useState","_useState2","_slicedToArray","_useState","body","setBody","_useState4","_useState3","attachments","setAttachments","_useState6","_useState5","attachmentError","setAttachmentError","upload","useAttachmentUpload","value","onChange","onError","maxFiles","handleSubmit","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","wrap","_context","prev","next","t0","sent","abrupt","clearAttachments","stop","_callee","_x","apply","this","arguments","_jsx","CommentInput","bare","canSubmit","trim","length","isUploading","items","onAttachmentRemove","removeAttachment","onAttachmentRetry","handleRetry","onAttachmentReorder","reorderAttachments","onFilesDrop","addFiles","attachmentSlot","FailedFileUploading","errorMessage","undefined","toolbar","AttachFileButton","inputRef","fileInputRef","onClick","openFileDialog","onFileSelect","handleFileSelect","multiple","isFull","tooltip","leading","Avatar","size","name","imageSrc","avatarUrl"],"mappings":"qhBASA,IAAMA,EAA0C,GAmBnCC,EAAoB,SAWHC,GAAA,IAV5BC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,SAAQC,EAAAJ,EACRK,YAAAA,aAAc,QAAOD,EAAAE,EAAAN,EACrBO,UAAAA,cAAgBD,EAChBE,IAAAA,eAAcC,EAAAT,EACdU,YAAAA,aAAc,GAAED,EAAAE,EAAAX,EAChBY,mBAAAA,aAAqBd,EAAiBa,EACtCE,IAAAA,SACAC,IAAAA,OAEwBC,EAAAA,EAASL,GAAYM,EAAAC,EAAAC,EAAA,GAAtCC,EAAIH,EAAA,GAAEI,EAAOJ,EAAA,GACkBD,EAAAA,EAA+BH,GAAmBS,EAAAJ,EAAAK,EAAA,GAAjFC,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GACYN,EAAAA,EAAwB,MAAKU,EAAAR,EAAAS,EAAA,GAApEC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAEpCI,EAASC,EAAoB,CACjCC,MAAOR,EACPS,SAAUR,EACVS,QAASL,EACTM,SAAU1B,IAGN2B,EAAY,WAAA,IAAAC,EAAAC,EAAAC,EAAAC,MAAG,WAAOR,GAAa,OAAAO,EAAAE,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OAAAF,EAAAE,KAAA,EAC5B1C,EAAS8B,EAAOR,GAAY,KAAA,EAAA,GAAAkB,EAAAG,GAAAH,EAAAI,MAAM,IAANJ,EAAAG,GAAW,CAAAH,EAAAE,KAAA,EAAA,KAAA,CAAA,OAAAF,EAAAK,OAAA,UAAA,KAAA,EAElD1B,EAAQ,IACRI,EAAe,IACfK,EAAOkB,mBAAmB,KAAA,EAAA,IAAA,MAAA,OAAAN,EAAAO,OAAA,GAAAC,EAC3B,KAAA,OAAA,SANiBC,GAAA,OAAAd,EAAAe,MAAAC,KAAAC,UAAA,EAAA,GAQlB,OACEC,EAACC,EAAY,CACXC,MAAI,EACJjD,UAAWA,EACXF,YAAaA,EACb0B,MAAOZ,EACPa,SAAUZ,EAEVqC,aAActC,EAAKuC,SAAYnC,EAAYoC,QAAY9B,EAAO+B,aAC9D3D,SAAUkC,EACVtB,SAAUA,EACVV,SAAUA,EACVoB,YAAaM,EAAOgC,MACpBC,mBAAoBjC,EAAOkC,iBAC3BC,kBAAmBnC,EAAOoC,YAC1BC,oBAAqBrC,EAAOsC,mBAC5BC,YAAavC,EAAOwC,SACpBvD,OAAQA,EACRwD,eACE3C,EAAkB2B,EAACiB,EAAmB,CAACC,aAAc7C,SAAsB8C,EAE7EC,QACEpB,EAACqB,EAAgB,CACfC,SAAU/C,EAAOgD,aACjBC,QAASjD,EAAOkD,eAChBC,aAAcnD,EAAOoD,iBACrBC,UAAQ,EACR/E,SAAU0B,EAAOsD,OACjBC,QAASvD,EAAOsD,uBAAkBtD,EAAOK,SAAmC,0BAAA,gBAGhFmD,QAAS/B,EAACgC,EAAM,CAACC,KAAM,GAAIC,KAAMtF,aAAAA,EAAAA,EAAQsF,KAAMC,SAAUvF,aAAM,EAANA,EAAQwF,aAGvE"}
+{"version":3,"file":"CommentReplyInput.js","sources":["../../../src/components/CommentComposer/CommentReplyInput.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Avatar } from '../../componentsV2/Avatar';\nimport { AttachFileButton } from '../AttachFileButton';\nimport { CommentInput } from '../CommentInputNext/CommentInputNext';\nimport FailedFileUploading from '../FailedFileUploading';\n\nimport { useAttachmentUpload, UploadedAttachment } from './useAttachmentUpload';\n\nconst EMPTY_ATTACHMENTS: UploadedAttachment[] = [];\n\nexport type CommentReplyInputProps = {\n  /** Resolving to `false` keeps the draft, so a failed post can be retried. */\n  onSubmit: (\n    body: string,\n    attachments: UploadedAttachment[]\n  ) => void | boolean | Promise<void | boolean>;\n  author?: { name?: string; avatarUrl?: string };\n  disabled?: boolean;\n  placeholder?: string;\n  autoFocus?: boolean;\n  maxAttachments?: number;\n  initialBody?: string;\n  initialAttachments?: UploadedAttachment[];\n  onCancel?: () => void;\n  testId?: string;\n};\n\nexport const CommentReplyInput = ({\n  onSubmit,\n  author,\n  disabled,\n  placeholder = 'Reply',\n  autoFocus = true,\n  maxAttachments,\n  initialBody = '',\n  initialAttachments = EMPTY_ATTACHMENTS,\n  onCancel,\n  testId,\n}: CommentReplyInputProps) => {\n  const [body, setBody] = useState(initialBody);\n  const [attachments, setAttachments] = useState<UploadedAttachment[]>(initialAttachments);\n  const [attachmentError, setAttachmentError] = useState<string | null>(null);\n\n  const upload = useAttachmentUpload({\n    value: attachments,\n    onChange: setAttachments,\n    onError: setAttachmentError,\n    maxFiles: maxAttachments,\n  });\n\n  const handleSubmit = async (value: string) => {\n    if ((await onSubmit(value, attachments)) === false) return;\n\n    setBody('');\n    setAttachments([]);\n    upload.clearAttachments();\n  };\n\n  return (\n    <CommentInput\n      bare\n      autoFocus={autoFocus}\n      placeholder={placeholder}\n      value={body}\n      onChange={setBody}\n      // An attachment only lands once S3 confirms, so posting mid-upload would drop it.\n      canSubmit={(!!body.trim() || !!attachments.length) && !upload.isUploading}\n      onSubmit={handleSubmit}\n      onCancel={onCancel}\n      disabled={disabled}\n      attachments={upload.items}\n      onAttachmentRemove={upload.removeAttachment}\n      onAttachmentRetry={upload.handleRetry}\n      onAttachmentReorder={upload.reorderAttachments}\n      onFilesDrop={upload.addFiles}\n      onImageLinkPaste={upload.addLinkedImage}\n      testId={testId}\n      attachmentSlot={\n        attachmentError ? <FailedFileUploading errorMessage={attachmentError} /> : undefined\n      }\n      toolbar={\n        <AttachFileButton\n          inputRef={upload.fileInputRef}\n          onClick={upload.openFileDialog}\n          onFileSelect={upload.handleFileSelect}\n          multiple\n          disabled={upload.isFull}\n          tooltip={upload.isFull ? `Up to ${upload.maxFiles} files can be attached` : 'Attach file'}\n        />\n      }\n      leading={<Avatar size={32} name={author?.name} imageSrc={author?.avatarUrl} />}\n    />\n  );\n};\n"],"names":["EMPTY_ATTACHMENTS","CommentReplyInput","_ref","onSubmit","author","disabled","_ref$placeholder","placeholder","_ref$autoFocus","autoFocus","maxAttachments","_ref$initialBody","initialBody","_ref$initialAttachmen","initialAttachments","onCancel","testId","useState","_useState2","_slicedToArray","_useState","body","setBody","_useState4","_useState3","attachments","setAttachments","_useState6","_useState5","attachmentError","setAttachmentError","upload","useAttachmentUpload","value","onChange","onError","maxFiles","handleSubmit","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","wrap","_context","prev","next","t0","sent","abrupt","clearAttachments","stop","_callee","_x","apply","this","arguments","_jsx","CommentInput","bare","canSubmit","trim","length","isUploading","items","onAttachmentRemove","removeAttachment","onAttachmentRetry","handleRetry","onAttachmentReorder","reorderAttachments","onFilesDrop","addFiles","onImageLinkPaste","addLinkedImage","attachmentSlot","FailedFileUploading","errorMessage","undefined","toolbar","AttachFileButton","inputRef","fileInputRef","onClick","openFileDialog","onFileSelect","handleFileSelect","multiple","isFull","tooltip","leading","Avatar","size","name","imageSrc","avatarUrl"],"mappings":"qhBASA,IAAMA,EAA0C,GAmBnCC,EAAoB,SAWHC,GAAA,IAV5BC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,SAAQC,EAAAJ,EACRK,YAAAA,aAAc,QAAOD,EAAAE,EAAAN,EACrBO,UAAAA,cAAgBD,EAChBE,IAAAA,eAAcC,EAAAT,EACdU,YAAAA,aAAc,GAAED,EAAAE,EAAAX,EAChBY,mBAAAA,aAAqBd,EAAiBa,EACtCE,IAAAA,SACAC,IAAAA,OAEwBC,EAAAA,EAASL,GAAYM,EAAAC,EAAAC,EAAA,GAAtCC,EAAIH,EAAA,GAAEI,EAAOJ,EAAA,GACkBD,EAAAA,EAA+BH,GAAmBS,EAAAJ,EAAAK,EAAA,GAAjFC,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GACYN,EAAAA,EAAwB,MAAKU,EAAAR,EAAAS,EAAA,GAApEC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAEpCI,EAASC,EAAoB,CACjCC,MAAOR,EACPS,SAAUR,EACVS,QAASL,EACTM,SAAU1B,IAGN2B,EAAY,WAAA,IAAAC,EAAAC,EAAAC,EAAAC,MAAG,WAAOR,GAAa,OAAAO,EAAAE,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OAAAF,EAAAE,KAAA,EAC5B1C,EAAS8B,EAAOR,GAAY,KAAA,EAAA,GAAAkB,EAAAG,GAAAH,EAAAI,MAAM,IAANJ,EAAAG,GAAW,CAAAH,EAAAE,KAAA,EAAA,KAAA,CAAA,OAAAF,EAAAK,OAAA,UAAA,KAAA,EAElD1B,EAAQ,IACRI,EAAe,IACfK,EAAOkB,mBAAmB,KAAA,EAAA,IAAA,MAAA,OAAAN,EAAAO,OAAA,GAAAC,EAC3B,KAAA,OAAA,SANiBC,GAAA,OAAAd,EAAAe,MAAAC,KAAAC,UAAA,EAAA,GAQlB,OACEC,EAACC,EAAY,CACXC,MAAI,EACJjD,UAAWA,EACXF,YAAaA,EACb0B,MAAOZ,EACPa,SAAUZ,EAEVqC,aAActC,EAAKuC,SAAYnC,EAAYoC,QAAY9B,EAAO+B,aAC9D3D,SAAUkC,EACVtB,SAAUA,EACVV,SAAUA,EACVoB,YAAaM,EAAOgC,MACpBC,mBAAoBjC,EAAOkC,iBAC3BC,kBAAmBnC,EAAOoC,YAC1BC,oBAAqBrC,EAAOsC,mBAC5BC,YAAavC,EAAOwC,SACpBC,iBAAkBzC,EAAO0C,eACzBzD,OAAQA,EACR0D,eACE7C,EAAkB2B,EAACmB,EAAmB,CAACC,aAAc/C,SAAsBgD,EAE7EC,QACEtB,EAACuB,EAAgB,CACfC,SAAUjD,EAAOkD,aACjBC,QAASnD,EAAOoD,eAChBC,aAAcrD,EAAOsD,iBACrBC,UAAQ,EACRjF,SAAU0B,EAAOwD,OACjBC,QAASzD,EAAOwD,uBAAkBxD,EAAOK,SAAmC,0BAAA,gBAGhFqD,QAASjC,EAACkC,EAAM,CAACC,KAAM,GAAIC,KAAMxF,aAAAA,EAAAA,EAAQwF,KAAMC,SAAUzF,aAAM,EAANA,EAAQ0F,aAGvE"}

package/components/CommentComposer/ShareToChatRow.js

@@ -1,2 +1,2 @@
-import{Checkbox as e}from"../../componentsV2/Checkbox/Checkbox.js";import{ChatChannelSelector as a}from"./ChatChannelSelector.js";import n from"./ShareToChatRow.scss.js";import{jsxs as o,jsx as h}from"react/jsx-runtime";var l=function(l){var s=l.checked,c=l.onChange,r=l.channels,t=l.selectedChannel,i=l.onChannelChange,d=l.isChannelSelectDisabled,m=l.label,C=void 0===m?"Share in Chat":m,b=l.testId;return o("div",{className:n.row,"data-testid":b,children:[h("div",{className:n.checkbox,children:h(e,{size:"small",checked:s,onChange:c,label:C})}),s&&h(a,{channels:r,value:t,onChange:i,disabled:d})]})};export{l as ShareToChatRow};
+import{Checkbox as e}from"../../componentsV2/Checkbox/Checkbox.js";import{ChatChannelSelector as a}from"./ChatChannelSelector.js";import n from"./ShareToChatRow.scss.js";import{jsxs as o,jsx as h}from"react/jsx-runtime";var l=function(l){var s=l.checked,c=l.onChange,r=l.channels,t=l.selectedChannel,i=l.onChannelChange,d=l.isChannelSelectDisabled,m=l.label,C=void 0===m?"Share in Team Chat":m,b=l.testId;return o("div",{className:n.row,"data-testid":b,children:[h("div",{className:n.checkbox,children:h(e,{size:"small",checked:s,onChange:c,label:C})}),s&&h(a,{channels:r,value:t,onChange:i,disabled:d})]})};export{l as ShareToChatRow};
 //# sourceMappingURL=ShareToChatRow.js.map

package/components/CommentComposer/ShareToChatRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShareToChatRow.js","sources":["../../../src/components/CommentComposer/ShareToChatRow.tsx"],"sourcesContent":["import { Checkbox } from '../../componentsV2/Checkbox';\n\nimport { ChatChannel, ChatChannelSelector } from './ChatChannelSelector';\n\nimport styles from './ShareToChatRow.scss';\n\nexport type ShareToChatRowProps = {\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  channels: ChatChannel[];\n  selectedChannel: ChatChannel | null;\n  onChannelChange: (channel: ChatChannel) => void;\n  isChannelSelectDisabled?: boolean;\n  label?: string;\n  testId?: string;\n};\n\nexport const ShareToChatRow = ({\n  checked,\n  onChange,\n  channels,\n  selectedChannel,\n  onChannelChange,\n  isChannelSelectDisabled,\n  label = 'Share in Chat',\n  testId,\n}: ShareToChatRowProps) => (\n  <div className={styles.row} data-testid={testId}>\n    <div className={styles.checkbox}>\n      <Checkbox size=\"small\" checked={checked} onChange={onChange} label={label} />\n    </div>\n    {checked && (\n      <ChatChannelSelector\n        channels={channels}\n        value={selectedChannel}\n        onChange={onChannelChange}\n        disabled={isChannelSelectDisabled}\n      />\n    )}\n  </div>\n);\n"],"names":["ShareToChatRow","_ref","checked","onChange","channels","selectedChannel","onChannelChange","isChannelSelectDisabled","_ref$label","label","testId","_jsxs","className","styles","row","children","_jsx","checkbox","Checkbox","size","ChatChannelSelector","value","disabled"],"mappings":"4NAiBaA,IAAAA,EAAiB,SAAHC,GAAA,IACzBC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,gBACAC,IAAAA,gBACAC,IAAAA,wBAAuBC,EAAAP,EACvBQ,MAAAA,aAAQ,gBAAeD,EACvBE,IAAAA,OAAM,OAENC,EAAA,MAAA,CAAKC,UAAWC,EAAOC,IAAK,cAAaJ,EAAOK,SAC9C,CAAAC,EAAA,MAAA,CAAKJ,UAAWC,EAAOI,SAASF,SAC9BC,EAACE,EAAQ,CAACC,KAAK,QAAQjB,QAASA,EAASC,SAAUA,EAAUM,MAAOA,MAErEP,GACCc,EAACI,EAAmB,CAClBhB,SAAUA,EACViB,MAAOhB,EACPF,SAAUG,EACVgB,SAAUf,MAGV"}
+{"version":3,"file":"ShareToChatRow.js","sources":["../../../src/components/CommentComposer/ShareToChatRow.tsx"],"sourcesContent":["import { Checkbox } from '../../componentsV2/Checkbox';\n\nimport { ChatChannel, ChatChannelSelector } from './ChatChannelSelector';\n\nimport styles from './ShareToChatRow.scss';\n\nexport type ShareToChatRowProps = {\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  channels: ChatChannel[];\n  selectedChannel: ChatChannel | null;\n  onChannelChange: (channel: ChatChannel) => void;\n  isChannelSelectDisabled?: boolean;\n  label?: string;\n  testId?: string;\n};\n\nexport const ShareToChatRow = ({\n  checked,\n  onChange,\n  channels,\n  selectedChannel,\n  onChannelChange,\n  isChannelSelectDisabled,\n  label = 'Share in Team Chat',\n  testId,\n}: ShareToChatRowProps) => (\n  <div className={styles.row} data-testid={testId}>\n    <div className={styles.checkbox}>\n      <Checkbox size=\"small\" checked={checked} onChange={onChange} label={label} />\n    </div>\n    {checked && (\n      <ChatChannelSelector\n        channels={channels}\n        value={selectedChannel}\n        onChange={onChannelChange}\n        disabled={isChannelSelectDisabled}\n      />\n    )}\n  </div>\n);\n"],"names":["ShareToChatRow","_ref","checked","onChange","channels","selectedChannel","onChannelChange","isChannelSelectDisabled","_ref$label","label","testId","_jsxs","className","styles","row","children","_jsx","checkbox","Checkbox","size","ChatChannelSelector","value","disabled"],"mappings":"4NAiBaA,IAAAA,EAAiB,SAAHC,GAAA,IACzBC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,gBACAC,IAAAA,gBACAC,IAAAA,wBAAuBC,EAAAP,EACvBQ,MAAAA,aAAQ,qBAAoBD,EAC5BE,IAAAA,OAAM,OAENC,EAAA,MAAA,CAAKC,UAAWC,EAAOC,IAAK,cAAaJ,EAAOK,SAC9C,CAAAC,EAAA,MAAA,CAAKJ,UAAWC,EAAOI,SAASF,SAC9BC,EAACE,EAAQ,CAACC,KAAK,QAAQjB,QAASA,EAASC,SAAUA,EAAUM,MAAOA,MAErEP,GACCc,EAACI,EAAmB,CAClBhB,SAAUA,EACViB,MAAOhB,EACPF,SAAUG,EACVgB,SAAUf,MAGV"}

package/components/CommentComposer/__tests__/useAttachmentUpload.linked.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useAttachmentUpload.linked.test.d.ts.map

package/components/CommentComposer/__tests__/useAttachmentUpload.linked.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAttachmentUpload.linked.test.d.ts","sourceRoot":"","sources":["../../../../src/components/CommentComposer/__tests__/useAttachmentUpload.linked.test.tsx"],"names":[],"mappings":""}

package/components/CommentComposer/useAttachmentUpload.d.ts

@@ -21,6 +21,7 @@ export declare const useAttachmentUpload: ({ value, onChange, onError, maxSizeBy
     openFileDialog: () => void | undefined;
     handleFileSelect: (event: ChangeEvent<HTMLInputElement>) => void;
     addFiles: (files: File[]) => void;
+    addLinkedImage: (url: string) => void;
     removeAttachment: (id: AttachmentPreviewItem['id']) => void;
     handleRetry: (id: AttachmentPreviewItem['id']) => void;
     reorderAttachments: (orderedIds: AttachmentPreviewItem['id'][]) => void;