@corva/ui 3.73.0-7 → 3.73.0-8

package/cjs-bundle/components/AnchorsList/AnchorsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorsList.js","sources":["../../../../src/components/AnchorsList/AnchorsList.js"],"sourcesContent":["// This component has been copy-pasted from MUI documentation\n// https://github.com/mui-org/material-ui/blob/master/docs/src/modules/components/AppTableOfContents.js\n\nimport { useMemo, useCallback, useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { throttle, noop } from 'lodash';\nimport classNames from 'classnames';\nimport { makeStyles, Typography, Link } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    top: 70,\n    width: 175,\n    flexShrink: 0,\n    position: 'sticky',\n    height: 'calc(100vh - 70px)',\n    overflowY: 'auto',\n    padding: theme.spacing(2, 0),\n    display: 'none',\n    [theme.breakpoints.up('sm')]: {\n      display: 'block',\n    },\n  },\n  title: {\n    color: theme.palette.primary.text8,\n    margin: '0 0 8px 16px',\n    lineHeight: '24px',\n    fontSize: 10,\n    fontWeight: 500,\n    letterSpacing: 1,\n  },\n  contents: {\n    marginTop: theme.spacing(2),\n    paddingLeft: theme.spacing(1),\n  },\n  ul: {\n    padding: 0,\n    margin: 0,\n    listStyle: 'none',\n    borderLeft: `1px solid ${theme.palette.background.b9}`,\n  },\n  li: { display: 'flex', '&:not(:first-of-type)': { marginTop: 8 } },\n  item: {\n    color: theme.palette.primary.text6,\n    display: 'inline-block',\n    margin: '7px 16px',\n    fontSize: 12,\n    fontWeight: 400,\n    letter: '0.4px',\n    lineHeight: '16px',\n  },\n  active: { color: theme.palette.text.primary, fontWeight: 500 },\n  activeItemBorder: {\n    height: 30,\n    width: '2px',\n    backgroundColor: '#03BCD4',\n    borderRadius: '0 2px 2px 0',\n    position: 'absolute',\n  },\n}));\n\n// TODO: these nodes are mutable sources. Use createMutableSource once it's stable\nfunction getItemsClient(headings) {\n  return headings.map(item => ({ ...item, node: document.getElementById(item.hash) }));\n}\n\nfunction useThrottledOnScroll(callback, delay) {\n  const throttledCallback = useMemo(\n    () => (callback ? throttle(callback, delay) : noop),\n    [callback, delay]\n  );\n\n  useEffect(() => {\n    if (throttledCallback === noop) return undefined;\n    window.addEventListener('scroll', throttledCallback);\n\n    return () => {\n      window.removeEventListener('scroll', throttledCallback);\n      throttledCallback.cancel();\n    };\n  }, [throttledCallback]);\n}\n\nfunction AnchorsList(props) {\n  const { title, items } = props;\n  const classes = useStyles();\n\n  const itemsWithNodeRef = useRef([]);\n  useEffect(() => {\n    itemsWithNodeRef.current = getItemsClient(items);\n  }, [items]);\n\n  const [activeState, setActiveState] = useState(null);\n  const clickedRef = useRef(false);\n  const unsetClickedRef = useRef(null);\n  const findActiveIndex = useCallback(() => {\n    // Don't set the active index based on scroll if a link was just clicked\n    if (clickedRef.current) return;\n\n    let active;\n    for (let i = itemsWithNodeRef.current.length - 1; i >= 0; i -= 1) {\n      // No hash if we're near the top of the page\n      if (document.documentElement.scrollTop < 100) {\n        active = { hash: null };\n        break;\n      }\n\n      const item = itemsWithNodeRef.current[i];\n\n      if (\n        item.node &&\n        item.node.offsetTop <\n          document.documentElement.scrollTop + document.documentElement.clientHeight / 8\n      ) {\n        active = item;\n        break;\n      }\n    }\n    if (active && activeState !== active.hash) setActiveState(active.hash);\n  }, [activeState]);\n\n  // Corresponds to 10 frames at 60 Hz\n  useThrottledOnScroll(items.length > 0 ? findActiveIndex : null, 166);\n\n  const handleClick = hash => event => {\n    // Ignore click for new tab/new window behavior\n    if (\n      event.defaultPrevented ||\n      event.button !== 0 || // ignore everything but left-click\n      event.metaKey ||\n      event.ctrlKey ||\n      event.altKey ||\n      event.shiftKey\n    ) {\n      return;\n    }\n\n    // Used to disable findActiveIndex if the page scrolls due to a click\n    clickedRef.current = true;\n    unsetClickedRef.current = setTimeout(() => {\n      clickedRef.current = false;\n    }, 1000);\n\n    if (activeState !== hash) {\n      setActiveState(hash);\n    }\n  };\n\n  useEffect(\n    () => () => {\n      clearTimeout(unsetClickedRef.current);\n    },\n    []\n  );\n\n  useEffect(() => {\n    // Fires after component has been mounted. We need this to scroll to anchor on initial load\n    const { hash } = window.location;\n    if (!hash) return;\n    const element = document.getElementById(hash.substr(1));\n    if (element) {\n      setTimeout(() => {\n        element.scrollIntoView({ block: 'start', inline: 'nearest', behavior: 'smooth' });\n      }, 50);\n    }\n  }, []);\n\n  return (\n    <nav className={classes.root} data-testid=\"anchors-list\">\n      {items.length > 0 && (\n        <>\n          <div className={classes.title}>{title}</div>\n          <Typography component=\"ul\" className={classes.ul}>\n            {items.map(item => {\n              const isActive = activeState === item.hash;\n\n              return (\n                <li key={item.text} className={classes.li}>\n                  {isActive && <div className={classes.activeItemBorder} />}\n                  <Link\n                    display=\"block\"\n                    href={`#${item.hash}`}\n                    underline=\"none\"\n                    onClick={handleClick(item.hash)}\n                    className={classNames(classes.item, isActive && classes.active)}\n                    data-testid={`anchor-item-${item.hash}`}\n                  >\n                    <span>{item.text}</span>\n                  </Link>\n                </li>\n              );\n            })}\n          </Typography>\n        </>\n      )}\n    </nav>\n  );\n}\n\nAnchorsList.defaultProps = {\n  title: 'ON THIS PAGE',\n  items: [],\n};\n\nAnchorsList.propTypes = {\n  title: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape({ hash: PropTypes.string, text: PropTypes.string })),\n};\n\nexport default AnchorsList;\n"],"names":["useStyles","makeStyles","theme","root","_defineProperty","top","width","flexShrink","position","height","overflowY","padding","spacing","display","breakpoints","up","title","color","palette","primary","text8","margin","lineHeight","fontSize","fontWeight","letterSpacing","contents","marginTop","paddingLeft","ul","listStyle","borderLeft","background","b9","li","item","text6","letter","active","text","activeItemBorder","backgroundColor","borderRadius","AnchorsList","props","items","classes","itemsWithNodeRef","useRef","useEffect","current","map","_objectSpread","node","document","getElementById","hash","callback","delay","throttledCallback","useState","_useState2","_slicedToArray","_useState","activeState","setActiveState","clickedRef","unsetClickedRef","findActiveIndex","useCallback","i","length","documentElement","scrollTop","offsetTop","clientHeight","useMemo","throttle","noop","window","addEventListener","removeEventListener","cancel","clearTimeout","location","element","substr","setTimeout","scrollIntoView","block","inline","behavior","_jsx","className","children","_jsxs","_Fragment","jsx","Typography","component","isActive","Link","href","underline","onClick","event","defaultPrevented","button","metaKey","ctrlKey","altKey","shiftKey","classNames","defaultProps","propTypes","PropTypes","string","arrayOf","shape"],"mappings":"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"}
+{"version":3,"file":"AnchorsList.js","sources":["../../../../src/components/AnchorsList/AnchorsList.js"],"sourcesContent":["// This component has been copy-pasted from MUI documentation\n// https://github.com/mui-org/material-ui/blob/master/docs/src/modules/components/AppTableOfContents.js\n\nimport { useMemo, useCallback, useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { throttle, noop } from 'lodash';\nimport classNames from 'classnames';\nimport { makeStyles, Typography, Link } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    top: 70,\n    width: 175,\n    flexShrink: 0,\n    position: 'sticky',\n    height: 'calc(100vh - 70px)',\n    overflowY: 'auto',\n    padding: theme.spacing(2, 0),\n    display: 'none',\n    [theme.breakpoints.up('sm')]: {\n      display: 'block',\n    },\n  },\n  title: {\n    color: theme.palette.primary.text8,\n    margin: '0 0 8px 16px',\n    lineHeight: '24px',\n    fontSize: 10,\n    fontWeight: 500,\n    letterSpacing: 1,\n  },\n  contents: {\n    marginTop: theme.spacing(2),\n    paddingLeft: theme.spacing(1),\n  },\n  ul: {\n    padding: 0,\n    margin: 0,\n    listStyle: 'none',\n    borderLeft: `1px solid ${theme.palette.background.b9}`,\n  },\n  li: { display: 'flex', '&:not(:first-of-type)': { marginTop: 8 } },\n  item: {\n    color: theme.palette.primary.text6,\n    display: 'inline-block',\n    margin: '7px 16px',\n    fontSize: 12,\n    fontWeight: 400,\n    letter: '0.4px',\n    lineHeight: '16px',\n  },\n  active: { color: theme.palette.text.primary, fontWeight: 500 },\n  activeItemBorder: {\n    height: 30,\n    width: '2px',\n    backgroundColor: '#03BCD4',\n    borderRadius: '0 2px 2px 0',\n    position: 'absolute',\n  },\n}));\n\n// TODO: these nodes are mutable sources. Use createMutableSource once it's stable\nfunction getItemsClient(headings) {\n  return headings.map(item => ({ ...item, node: document.getElementById(item.hash) }));\n}\n\nfunction useThrottledOnScroll(callback, delay) {\n  const throttledCallback = useMemo(\n    () => (callback ? throttle(callback, delay) : noop),\n    [callback, delay]\n  );\n\n  useEffect(() => {\n    if (throttledCallback === noop) return undefined;\n    window.addEventListener('scroll', throttledCallback);\n\n    return () => {\n      window.removeEventListener('scroll', throttledCallback);\n      throttledCallback.cancel();\n    };\n  }, [throttledCallback]);\n}\n\nfunction AnchorsList(props) {\n  const { title = 'ON THIS PAGE', items = DEFAULT_ANCHORS_LIST_ITEMS } = props;\n  const classes = useStyles();\n\n  const itemsWithNodeRef = useRef([]);\n  useEffect(() => {\n    itemsWithNodeRef.current = getItemsClient(items);\n  }, [items]);\n\n  const [activeState, setActiveState] = useState(null);\n  const clickedRef = useRef(false);\n  const unsetClickedRef = useRef(null);\n  const findActiveIndex = useCallback(() => {\n    // Don't set the active index based on scroll if a link was just clicked\n    if (clickedRef.current) return;\n\n    let active;\n    for (let i = itemsWithNodeRef.current.length - 1; i >= 0; i -= 1) {\n      // No hash if we're near the top of the page\n      if (document.documentElement.scrollTop < 100) {\n        active = { hash: null };\n        break;\n      }\n\n      const item = itemsWithNodeRef.current[i];\n\n      if (\n        item.node &&\n        item.node.offsetTop <\n          document.documentElement.scrollTop + document.documentElement.clientHeight / 8\n      ) {\n        active = item;\n        break;\n      }\n    }\n    if (active && activeState !== active.hash) setActiveState(active.hash);\n  }, [activeState]);\n\n  // Corresponds to 10 frames at 60 Hz\n  useThrottledOnScroll(items.length > 0 ? findActiveIndex : null, 166);\n\n  const handleClick = hash => event => {\n    // Ignore click for new tab/new window behavior\n    if (\n      event.defaultPrevented ||\n      event.button !== 0 || // ignore everything but left-click\n      event.metaKey ||\n      event.ctrlKey ||\n      event.altKey ||\n      event.shiftKey\n    ) {\n      return;\n    }\n\n    // Used to disable findActiveIndex if the page scrolls due to a click\n    clickedRef.current = true;\n    unsetClickedRef.current = setTimeout(() => {\n      clickedRef.current = false;\n    }, 1000);\n\n    if (activeState !== hash) {\n      setActiveState(hash);\n    }\n  };\n\n  useEffect(\n    () => () => {\n      clearTimeout(unsetClickedRef.current);\n    },\n    []\n  );\n\n  useEffect(() => {\n    // Fires after component has been mounted. We need this to scroll to anchor on initial load\n    const { hash } = window.location;\n    if (!hash) return;\n    const element = document.getElementById(hash.substr(1));\n    if (element) {\n      setTimeout(() => {\n        element.scrollIntoView({ block: 'start', inline: 'nearest', behavior: 'smooth' });\n      }, 50);\n    }\n  }, []);\n\n  return (\n    <nav className={classes.root} data-testid=\"anchors-list\">\n      {items.length > 0 && (\n        <>\n          <div className={classes.title}>{title}</div>\n          <Typography component=\"ul\" className={classes.ul}>\n            {items.map(item => {\n              const isActive = activeState === item.hash;\n\n              return (\n                <li key={item.text} className={classes.li}>\n                  {isActive && <div className={classes.activeItemBorder} />}\n                  <Link\n                    display=\"block\"\n                    href={`#${item.hash}`}\n                    underline=\"none\"\n                    onClick={handleClick(item.hash)}\n                    className={classNames(classes.item, isActive && classes.active)}\n                    data-testid={`anchor-item-${item.hash}`}\n                  >\n                    <span>{item.text}</span>\n                  </Link>\n                </li>\n              );\n            })}\n          </Typography>\n        </>\n      )}\n    </nav>\n  );\n}\n\nconst DEFAULT_ANCHORS_LIST_ITEMS = [];\n\nAnchorsList.propTypes = {\n  title: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape({ hash: PropTypes.string, text: PropTypes.string })),\n};\n\nexport default AnchorsList;\n"],"names":["useStyles","makeStyles","theme","root","_defineProperty","top","width","flexShrink","position","height","overflowY","padding","spacing","display","breakpoints","up","title","color","palette","primary","text8","margin","lineHeight","fontSize","fontWeight","letterSpacing","contents","marginTop","paddingLeft","ul","listStyle","borderLeft","background","b9","li","item","text6","letter","active","text","activeItemBorder","backgroundColor","borderRadius","AnchorsList","props","_props$title","_props$items","items","DEFAULT_ANCHORS_LIST_ITEMS","classes","itemsWithNodeRef","useRef","useEffect","current","map","_objectSpread","node","document","getElementById","hash","callback","delay","throttledCallback","useState","_useState2","_slicedToArray","_useState","activeState","setActiveState","clickedRef","unsetClickedRef","findActiveIndex","useCallback","i","length","documentElement","scrollTop","offsetTop","clientHeight","useMemo","throttle","noop","window","addEventListener","removeEventListener","cancel","clearTimeout","location","element","substr","setTimeout","scrollIntoView","block","inline","behavior","_jsx","className","children","_jsxs","_Fragment","jsx","Typography","component","isActive","Link","href","underline","onClick","event","defaultPrevented","button","metaKey","ctrlKey","altKey","shiftKey","classNames","propTypes","PropTypes","string","arrayOf","shape"],"mappings":"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"}

package/cjs-bundle/components/Annotations/components/AnnotationsList/components/AddAnnotationForm/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/asyncToGenerator"),r=require("@babel/runtime/helpers/slicedToArray"),n=require("@babel/runtime/regenerator"),a=require("react"),i=require("prop-types"),s=require("classnames"),o=require("lodash"),u=require("moment"),d=require("@material-ui/core/styles"),c=require("@material-ui/core"),l=require("../../../../AnnotationsContext.js"),p=require("../../../../constants.js"),m=require("../AnnotationInput/index.js"),h=require("./style.css.js"),f=require("../../../../../Avatar/index.js"),q=require("../../../../../../effects/useOutsideClick.js");require("../../../../../../utils/index.js");var v=require("../../../../../../clients/jsonApi/index.js");require("../../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js");var A=require("../../../../../DevCenter/DevCenterRouterContext/hocs/withUniversalLocationHOC.js"),y=require("react/jsx-runtime"),b=require("../../../../../../utils/notificationToasts.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=j(e),C=j(t),I=j(r),g=j(n),N=j(s),R=j(u),_=function(e){var t,r=e.appId,n=e.assetId,i=e.assetCompanyId,s=e.appSettings,u=e.currentUser,d=e.classes,A=e.location,j=e.dashboardType,_=l.useAnnotationsDispatch(),T=a.useState(!1),D=I.default(T,2),w=D[0],P=D[1],U=a.useRef(null);q(U,(function(){P(!1)}));var F,k=(F=C.default(g.default.mark((function e(t,a,i){var u,d,c,l;return g.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,u={app_id:r,asset_id:n,body:t,active_until:a,attachment:{file_name:i&&i.attachmentName,s3_link:i&&i.attachmentUrl},settings:s},d={},j&&(d.dashboard_type=j),(c=o.get(A,"query.time"))&&(u.data_timestamp=R.default(c).format()),e.next=8,v.postAnnotation(u,d);case 8:l=e.sent,_({type:p.ADD_ANNOTATION,annotation:l}),e.next=17;break;case 12:return e.prev=12,e.t0=e.catch(0),b.showErrorNotification("Error during annotation creation"),console.error(e.t0),e.abrupt("return");case 17:b.showSuccessNotification("Annotation has been added"),P(!1);case 19:case"end":return e.stop()}}),e,null,[[0,12]])}))),function(e,t,r){return F.apply(this,arguments)});return y.jsxs("div",{className:h.cAddAnnotationFormInput,children:[y.jsx(f.AvatarComponent,{displayName:"".concat(u.first_name," ").concat(u.last_name),imgSrc:u.profile_photo,size:36}),y.jsxs("div",{className:N.default(h.cAddAnnotationFormInputPaper,(t={},x.default(t,h.cAddAnnotationFormInputPaperOpened,w),x.default(t,h.cAddAnnotationFormInputPaperClosed,!w),t)),children:[y.jsx(c.Fade,{in:!w,timeout:500,children:y.jsx(c.Paper,{className:h.cAddAnnotationFormInputPaperLabel,children:y.jsx(c.Typography,{variant:"body2","data-testid":"".concat("AppAnnotationsPo","_collapsedInput"),className:d.inputLabel,onClick:function(){return P(!0)},children:"Type annotation here"})})}),y.jsx(c.Fade,{in:w,timeout:100,children:y.jsx("div",{className:h.cAddAnnotationFormInputPaperAddAnnotation,children:w&&y.jsx(m,{onSend:k,assetCompanyId:i,currentUser:u})})})]})]})};_.propTypes={appId:i.number.isRequired,assetId:i.number.isRequired,assetCompanyId:i.number.isRequired,appSettings:i.shape().isRequired,currentUser:i.shape({}),classes:i.shape().isRequired,location:i.shape().isRequired,dashboardType:i.string},_.defaultProps={currentUser:{},dashboardType:null};var T=o.flowRight([d.withStyles((function(e){return{inputLabel:{color:e.palette.grey[700],fontWeight:200,width:"100%"}}})),A.withUniversalLocationHOC])(a.memo(_));module.exports=T;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/asyncToGenerator"),r=require("@babel/runtime/helpers/slicedToArray"),n=require("@babel/runtime/regenerator"),a=require("react"),i=require("prop-types"),s=require("classnames"),o=require("lodash"),u=require("moment"),d=require("@material-ui/core/styles"),c=require("@material-ui/core"),l=require("../../../../AnnotationsContext.js"),p=require("../../../../constants.js"),m=require("../AnnotationInput/index.js"),h=require("./style.css.js"),f=require("../../../../../Avatar/index.js"),q=require("../../../../../../effects/useOutsideClick.js");require("../../../../../../utils/index.js");var v=require("../../../../../../clients/jsonApi/index.js");require("../../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js");var A=require("../../../../../DevCenter/DevCenterRouterContext/hocs/withUniversalLocationHOC.js"),y=require("react/jsx-runtime"),j=require("../../../../../../utils/notificationToasts.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=b(e),C=b(t),I=b(r),g=b(n),N=b(s),R=b(u),_=function(e){var t,r=e.appId,n=e.assetId,i=e.assetCompanyId,s=e.appSettings,u=e.currentUser,d=void 0===u?D:u,A=e.classes,b=e.location,_=e.dashboardType,T=void 0===_?null:_,w=l.useAnnotationsDispatch(),F=a.useState(!1),P=I.default(F,2),U=P[0],k=P[1],L=a.useRef(null);q(L,(function(){k(!1)}));var S,O=(S=C.default(g.default.mark((function e(t,a,i){var u,d,c,l;return g.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,u={app_id:r,asset_id:n,body:t,active_until:a,attachment:{file_name:i&&i.attachmentName,s3_link:i&&i.attachmentUrl},settings:s},d={},T&&(d.dashboard_type=T),(c=o.get(b,"query.time"))&&(u.data_timestamp=R.default(c).format()),e.next=8,v.postAnnotation(u,d);case 8:l=e.sent,w({type:p.ADD_ANNOTATION,annotation:l}),e.next=17;break;case 12:return e.prev=12,e.t0=e.catch(0),j.showErrorNotification("Error during annotation creation"),console.error(e.t0),e.abrupt("return");case 17:j.showSuccessNotification("Annotation has been added"),k(!1);case 19:case"end":return e.stop()}}),e,null,[[0,12]])}))),function(e,t,r){return S.apply(this,arguments)});return y.jsxs("div",{className:h.cAddAnnotationFormInput,children:[y.jsx(f.AvatarComponent,{displayName:"".concat(d.first_name," ").concat(d.last_name),imgSrc:d.profile_photo,size:36}),y.jsxs("div",{className:N.default(h.cAddAnnotationFormInputPaper,(t={},x.default(t,h.cAddAnnotationFormInputPaperOpened,U),x.default(t,h.cAddAnnotationFormInputPaperClosed,!U),t)),children:[y.jsx(c.Fade,{in:!U,timeout:500,children:y.jsx(c.Paper,{className:h.cAddAnnotationFormInputPaperLabel,children:y.jsx(c.Typography,{variant:"body2","data-testid":"".concat("AppAnnotationsPo","_collapsedInput"),className:A.inputLabel,onClick:function(){return k(!0)},children:"Type annotation here"})})}),y.jsx(c.Fade,{in:U,timeout:100,children:y.jsx("div",{className:h.cAddAnnotationFormInputPaperAddAnnotation,children:U&&y.jsx(m,{onSend:O,assetCompanyId:i,currentUser:d})})})]})]})};_.propTypes={appId:i.number.isRequired,assetId:i.number.isRequired,assetCompanyId:i.number.isRequired,appSettings:i.shape().isRequired,currentUser:i.shape({}),classes:i.shape().isRequired,location:i.shape().isRequired,dashboardType:i.string};var D={},T=o.flowRight([d.withStyles((function(e){return{inputLabel:{color:e.palette.grey[700],fontWeight:200,width:"100%"}}})),A.withUniversalLocationHOC])(a.memo(_));module.exports=T;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/Annotations/components/AnnotationsList/components/AddAnnotationForm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/Annotations/components/AnnotationsList/components/AddAnnotationForm/index.js"],"sourcesContent":["import { memo, useState, useRef } from 'react';\nimport { number, shape, string } from 'prop-types';\nimport classNames from 'classnames';\nimport { get, flowRight } from 'lodash';\nimport moment from 'moment';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Paper, Fade, Typography } from '@material-ui/core';\n\nimport { useAnnotationsDispatch } from '../../../../AnnotationsContext';\nimport { ADD_ANNOTATION } from '../../../../constants';\nimport AnnotationInput from '../AnnotationInput';\n\nimport styles from './style.css';\n\nimport Avatar from '~components/Avatar';\nimport useOutsideClick from '~effects/useOutsideClick';\nimport { showSuccessNotification, showErrorNotification } from '~/utils';\nimport { postAnnotation } from '~/clients/jsonApi';\nimport { withUniversalLocationHOC } from '~/components/DevCenter/DevCenterRouterContext';\n\nconst PAGE_NAME = 'AppAnnotationsPo';\n\nconst ANNOTATION_PLACEHOLDER = 'Type annotation here';\n\nconst muiStyles = theme => ({\n  inputLabel: {\n    color: theme.palette.grey[700],\n    fontWeight: 200,\n    width: '100%',\n  },\n});\n\nconst AddAnnotationForm = ({\n  appId,\n  assetId,\n  assetCompanyId,\n  appSettings,\n  currentUser,\n  classes,\n  location,\n  dashboardType,\n}) => {\n  const dispatch = useAnnotationsDispatch();\n\n  const [inputIsOpen, setInputIsOpen] = useState(false);\n\n  const containerRef = useRef(null);\n  useOutsideClick(containerRef, () => {\n    setInputIsOpen(false);\n  });\n\n  const handlePost = async (body, period, attachment) => {\n    try {\n      const annotation = {\n        app_id: appId,\n        asset_id: assetId,\n        body,\n        active_until: period,\n        attachment: {\n          file_name: attachment && attachment.attachmentName,\n          s3_link: attachment && attachment.attachmentUrl,\n        },\n        settings: appSettings,\n      };\n      const options = {};\n      if (dashboardType) options.dashboard_type = dashboardType;\n\n      const queryTime = get(location, 'query.time');\n      if (queryTime) annotation.data_timestamp = moment(queryTime).format();\n\n      const newAnnotation = await postAnnotation(annotation, options);\n      dispatch({ type: ADD_ANNOTATION, annotation: newAnnotation });\n    } catch (e) {\n      showErrorNotification('Error during annotation creation');\n      console.error(e);\n      return;\n    }\n\n    showSuccessNotification('Annotation has been added');\n    setInputIsOpen(false);\n  };\n\n  return (\n    <div className={styles.cAddAnnotationFormInput}>\n      <Avatar\n        displayName={`${currentUser.first_name} ${currentUser.last_name}`}\n        imgSrc={currentUser.profile_photo}\n        size={36}\n      />\n      <div\n        className={classNames(styles.cAddAnnotationFormInputPaper, {\n          [styles.cAddAnnotationFormInputPaperOpened]: inputIsOpen,\n          [styles.cAddAnnotationFormInputPaperClosed]: !inputIsOpen,\n        })}\n      >\n        <Fade in={!inputIsOpen} timeout={500}>\n          <Paper className={styles.cAddAnnotationFormInputPaperLabel}>\n            <Typography\n              variant=\"body2\"\n              data-testid={`${PAGE_NAME}_collapsedInput`}\n              className={classes.inputLabel}\n              onClick={() => setInputIsOpen(true)}\n            >\n              {ANNOTATION_PLACEHOLDER}\n            </Typography>\n          </Paper>\n        </Fade>\n        <Fade in={inputIsOpen} timeout={100}>\n          <div className={styles.cAddAnnotationFormInputPaperAddAnnotation}>\n            {inputIsOpen && (\n              <AnnotationInput\n                onSend={handlePost}\n                assetCompanyId={assetCompanyId}\n                currentUser={currentUser}\n              />\n            )}\n          </div>\n        </Fade>\n      </div>\n    </div>\n  );\n};\n\nAddAnnotationForm.propTypes = {\n  appId: number.isRequired,\n  assetId: number.isRequired,\n  assetCompanyId: number.isRequired,\n  appSettings: shape().isRequired,\n  currentUser: shape({}),\n  classes: shape().isRequired,\n  location: shape().isRequired,\n  dashboardType: string,\n};\n\nAddAnnotationForm.defaultProps = {\n  currentUser: {},\n  dashboardType: null,\n};\n\nexport default flowRight([withStyles(muiStyles), withUniversalLocationHOC])(\n  memo(AddAnnotationForm)\n);\n"],"names":["AddAnnotationForm","_ref","_classNames","appId","assetId","assetCompanyId","appSettings","currentUser","classes","location","dashboardType","dispatch","useAnnotationsDispatch","useState","_useState2","_slicedToArray","_useState","inputIsOpen","setInputIsOpen","containerRef","useRef","useOutsideClick","_ref2","handlePost","_asyncToGenerator","_regeneratorRuntime","mark","body","period","attachment","annotation","options","queryTime","newAnnotation","wrap","_context","prev","next","app_id","asset_id","active_until","file_name","attachmentName","s3_link","attachmentUrl","settings","dashboard_type","get","data_timestamp","moment","format","postAnnotation","sent","type","ADD_ANNOTATION","t0","showErrorNotification","console","error","abrupt","showSuccessNotification","stop","_callee","_x","_x2","_x3","apply","this","arguments","_jsxs","className","styles","cAddAnnotationFormInput","children","_jsx","Avatar","displayName","concat","first_name","last_name","imgSrc","profile_photo","size","jsxs","classNames","cAddAnnotationFormInputPaper","cAddAnnotationFormInputPaperOpened","cAddAnnotationFormInputPaperClosed","Fade","in","timeout","Paper","cAddAnnotationFormInputPaperLabel","Typography","variant","inputLabel","onClick","jsx","cAddAnnotationFormInputPaperAddAnnotation","AnnotationInput","onSend","propTypes","number","isRequired","shape","string","defaultProps","AddAnnotationForm$1","flowRight","withStyles","theme","color","palette","grey","fontWeight","width","withUniversalLocationHOC","memo"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/Annotations/components/AnnotationsList/components/AddAnnotationForm/index.js"],"sourcesContent":["import { memo, useState, useRef } from 'react';\nimport { number, shape, string } from 'prop-types';\nimport classNames from 'classnames';\nimport { get, flowRight } from 'lodash';\nimport moment from 'moment';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Paper, Fade, Typography } from '@material-ui/core';\n\nimport { useAnnotationsDispatch } from '../../../../AnnotationsContext';\nimport { ADD_ANNOTATION } from '../../../../constants';\nimport AnnotationInput from '../AnnotationInput';\n\nimport styles from './style.css';\n\nimport Avatar from '~components/Avatar';\nimport useOutsideClick from '~effects/useOutsideClick';\nimport { showSuccessNotification, showErrorNotification } from '~/utils';\nimport { postAnnotation } from '~/clients/jsonApi';\nimport { withUniversalLocationHOC } from '~/components/DevCenter/DevCenterRouterContext';\n\nconst PAGE_NAME = 'AppAnnotationsPo';\n\nconst ANNOTATION_PLACEHOLDER = 'Type annotation here';\n\nconst muiStyles = theme => ({\n  inputLabel: {\n    color: theme.palette.grey[700],\n    fontWeight: 200,\n    width: '100%',\n  },\n});\n\nconst AddAnnotationForm = ({\n  appId,\n  assetId,\n  assetCompanyId,\n  appSettings,\n  currentUser = DEFAULT_ADD_ANNOTATION_FORM_CURRENT_USER,\n  classes,\n  location,\n  dashboardType = null,\n}) => {\n  const dispatch = useAnnotationsDispatch();\n\n  const [inputIsOpen, setInputIsOpen] = useState(false);\n\n  const containerRef = useRef(null);\n  useOutsideClick(containerRef, () => {\n    setInputIsOpen(false);\n  });\n\n  const handlePost = async (body, period, attachment) => {\n    try {\n      const annotation = {\n        app_id: appId,\n        asset_id: assetId,\n        body,\n        active_until: period,\n        attachment: {\n          file_name: attachment && attachment.attachmentName,\n          s3_link: attachment && attachment.attachmentUrl,\n        },\n        settings: appSettings,\n      };\n      const options = {};\n      if (dashboardType) options.dashboard_type = dashboardType;\n\n      const queryTime = get(location, 'query.time');\n      if (queryTime) annotation.data_timestamp = moment(queryTime).format();\n\n      const newAnnotation = await postAnnotation(annotation, options);\n      dispatch({ type: ADD_ANNOTATION, annotation: newAnnotation });\n    } catch (e) {\n      showErrorNotification('Error during annotation creation');\n      console.error(e);\n      return;\n    }\n\n    showSuccessNotification('Annotation has been added');\n    setInputIsOpen(false);\n  };\n\n  return (\n    <div className={styles.cAddAnnotationFormInput}>\n      <Avatar\n        displayName={`${currentUser.first_name} ${currentUser.last_name}`}\n        imgSrc={currentUser.profile_photo}\n        size={36}\n      />\n      <div\n        className={classNames(styles.cAddAnnotationFormInputPaper, {\n          [styles.cAddAnnotationFormInputPaperOpened]: inputIsOpen,\n          [styles.cAddAnnotationFormInputPaperClosed]: !inputIsOpen,\n        })}\n      >\n        <Fade in={!inputIsOpen} timeout={500}>\n          <Paper className={styles.cAddAnnotationFormInputPaperLabel}>\n            <Typography\n              variant=\"body2\"\n              data-testid={`${PAGE_NAME}_collapsedInput`}\n              className={classes.inputLabel}\n              onClick={() => setInputIsOpen(true)}\n            >\n              {ANNOTATION_PLACEHOLDER}\n            </Typography>\n          </Paper>\n        </Fade>\n        <Fade in={inputIsOpen} timeout={100}>\n          <div className={styles.cAddAnnotationFormInputPaperAddAnnotation}>\n            {inputIsOpen && (\n              <AnnotationInput\n                onSend={handlePost}\n                assetCompanyId={assetCompanyId}\n                currentUser={currentUser}\n              />\n            )}\n          </div>\n        </Fade>\n      </div>\n    </div>\n  );\n};\n\nAddAnnotationForm.propTypes = {\n  appId: number.isRequired,\n  assetId: number.isRequired,\n  assetCompanyId: number.isRequired,\n  appSettings: shape().isRequired,\n  currentUser: shape({}),\n  classes: shape().isRequired,\n  location: shape().isRequired,\n  dashboardType: string,\n};\n\nconst DEFAULT_ADD_ANNOTATION_FORM_CURRENT_USER = {};\n\nexport default flowRight([withStyles(muiStyles), withUniversalLocationHOC])(\n  memo(AddAnnotationForm)\n);\n"],"names":["AddAnnotationForm","_ref","_classNames","appId","assetId","assetCompanyId","appSettings","_ref$currentUser","currentUser","DEFAULT_ADD_ANNOTATION_FORM_CURRENT_USER","classes","location","_ref$dashboardType","dashboardType","dispatch","useAnnotationsDispatch","useState","_useState2","_slicedToArray","_useState","inputIsOpen","setInputIsOpen","containerRef","useRef","useOutsideClick","_ref2","handlePost","_asyncToGenerator","_regeneratorRuntime","mark","body","period","attachment","annotation","options","queryTime","newAnnotation","wrap","_context","prev","next","app_id","asset_id","active_until","file_name","attachmentName","s3_link","attachmentUrl","settings","dashboard_type","get","data_timestamp","moment","format","postAnnotation","sent","type","ADD_ANNOTATION","t0","showErrorNotification","console","error","abrupt","showSuccessNotification","stop","_callee","_x","_x2","_x3","apply","this","arguments","_jsxs","className","styles","cAddAnnotationFormInput","children","_jsx","Avatar","displayName","concat","first_name","last_name","imgSrc","profile_photo","size","jsxs","classNames","cAddAnnotationFormInputPaper","cAddAnnotationFormInputPaperOpened","cAddAnnotationFormInputPaperClosed","Fade","in","timeout","Paper","cAddAnnotationFormInputPaperLabel","Typography","variant","inputLabel","onClick","jsx","cAddAnnotationFormInputPaperAddAnnotation","AnnotationInput","onSend","propTypes","number","isRequired","shape","string","AddAnnotationForm$1","flowRight","withStyles","theme","color","palette","grey","fontWeight","width","withUniversalLocationHOC","memo"],"mappings":"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"}

package/cjs-bundle/components/Annotations/components/AnnotationsList/components/Annotation/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/asyncToGenerator"),n=require("@babel/runtime/helpers/slicedToArray"),a=require("@babel/runtime/regenerator"),i=require("react"),r=require("classnames"),s=require("prop-types"),o=require("@material-ui/core/styles"),c=require("lodash"),u=require("@material-ui/core/withWidth"),d=require("moment"),l=require("@material-ui/core"),m=require("@material-ui/core/colors/grey"),p=require("@material-ui/icons/MoreVert"),h=require("../AnnotationComments/index.js"),f=require("../../../../AnnotationsContext.js"),q=require("../../../../constants.js"),x=require("../AnnotationInput/index.js"),v=require("./style.css.js"),j=require("../../../../../Avatar/index.js"),A=require("../../../../../UserCardPopover.js"),g=require("../../../../../ConfirmationDialog.js"),y=require("../../../../../CommentsInfo/index.js"),b=require("../../../../../UserMention/utils/index.js"),C=require("../../../../../Attachment/index.js"),_=require("../../../../../../utils/mobileDetect.js"),N=require("../../../../../../clients/jsonApi/index.js"),R=require("react/jsx-runtime");function T(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var I=T(e),M=T(t),D=T(n),w=T(a),k=T(r),E=T(u),O=T(d),S=T(m),U=T(p),B="AppAnnotationItemPo",P=function(e){var t=e.user,n=e.currentUser,a=e.classes;return R.jsx("div",{className:v.cAnnotationUserAvatar,children:_.isNativeDetected?R.jsx(j.AvatarComponent,{displayName:"".concat(t.first_name," ").concat(t.last_name),imgSrc:t.profile_photo,size:38,className:a.avatar}):R.jsx(A,{user:t,currentUser:n,children:R.jsx(j.AvatarComponent,{displayName:"".concat(t.first_name," ").concat(t.last_name),imgSrc:t.profile_photo,size:38,className:a.avatar})})})},z=function(e){var t=e.actionsMenuAnchorEl,n=e.handleToggleActionsMenu,a=e.classes,i=e.handleEdit,r=e.handleDelete;return R.jsxs(R.Fragment,{children:[R.jsx(l.IconButton,{"data-testid":"".concat(B,"_menuButton"),"aria-label":"Actions","aria-owns":t?v.cAnnotationContainerActionsMenu:void 0,"aria-haspopup":"true",className:a.iconButtonRoot,onClick:n,children:R.jsx(U.default,{htmlColor:S.default[400]})}),R.jsxs(l.Menu,{id:"cAnnotationContainerActionsMenu",anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},anchorEl:t,open:!!t,onClick:n,children:[R.jsx(l.MenuItem,{"data-testid":"".concat(B,"_editMenuItem"),onClick:i,children:"Edit"}),R.jsx(l.MenuItem,{"data-testid":"".concat(B,"_deleteMenuItem"),onClick:r,children:"Delete"})]})]})},L=function(e){var t,n,a=e.included,r=e.annotation,s=e.assetCompanyId,o=e.classes,c=e.showSuccessNotification,d=e.width,m=i.useState(!1),p=D.default(m,2),j=p[0],A=p[1],T=i.useState(null),E=D.default(T,2),S=E[0],U=E[1],L=i.useState(!1),W=D.default(L,2),F=W[0],Y=W[1],G=i.useState(!1),H=D.default(G,2),V=H[0],J=H[1],K=!u.isWidthUp("sm",d),Q=r.attributes.comments_count||0,X=i.useState(Q),Z=D.default(X,2),$=Z[0],ee=Z[1],te=f.useAnnotationsDispatch(),ne=r.relationships.comment_users.data.reduce((function(e,t){var n=t.id,i=a.find((function(e){return e.id===n}));return i&&e.push(i.attributes),e}),[]),ae=ne.map((function(e){var t=e.last_name,n=e.first_name;return"".concat(n," ").concat(t)})),ie=(t=M.default(w.default.mark((function e(){return w.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,N.deleteAnnotation(r.id);case 3:e.sent&&(te({type:q.DELETE_ANNOTATION,id:r.id}),c("Annotation has been deleted")),e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),console.error(e.t0);case 10:case"end":return e.stop()}}),e,null,[[0,7]])}))),function(){return t.apply(this,arguments)}),re=(n=M.default(w.default.mark((function e(t,n,a){var i,s;return w.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,i={body:t,active_until:n,attachment:{file_name:a&&a.attachmentName,signed_url:a&&a.attachmentUrl}},e.next=4,N.patchAnnotation(r.id,i);case 4:s=e.sent,te({type:q.EDIT_ANNOTATION,annotation:s,id:r.id}),e.next=12;break;case 8:return e.prev=8,e.t0=e.catch(0),console.error(e.t0),e.abrupt("return");case 12:c("Annotation has been changed"),Y(!1);case 14:case"end":return e.stop()}}),e,null,[[0,8]])}))),function(e,t,a){return n.apply(this,arguments)}),se=r.relationships.user.data.id,oe=a.find((function(e){var t=e.type,n=e.id;return"user"===t&&n===se})),ce=oe.attributes,ue=r.attributes.attachment;return R.jsxs(l.Paper,{className:o.container,elevation:0,children:[R.jsxs("div",{"data-testid":"".concat(B,"_annotation_").concat(r.attributes.body),className:v.cAnnotationContainer,children:[R.jsx(P,{user:ce,classes:o,isNative:_.isNativeDetected,currentUser:oe}),R.jsxs("div",{className:v.cAnnotationContainerTop,children:[R.jsxs("div",{className:v.cAnnotationContainerTopMainInfo,children:[R.jsx(l.Typography,{variant:"body2","data-testid":"".concat(B,"_userName"),children:"".concat(ce.first_name," ").concat(ce.last_name)}),R.jsx(l.Typography,{"data-testid":"".concat(B,"_addDate"),variant:"caption",className:o.createdAt,children:O.default(r.attributes.created_at).format("MM/DD/YY H:mm")})]}),R.jsx("div",{className:k.default(v.cAnnotationContainerTopMenu,I.default({},v.cAnnotationContainerTopMenuSmall,K)),children:R.jsx(z,{actionsMenuAnchorEl:S,handleToggleActionsMenu:function(e){var t=e.currentTarget;U(S?null:t)},handleEdit:function(){return Y(!0)},handleDelete:function(){return J(!0)},classes:o})})]}),R.jsx(l.Divider,{className:o.headerDividerRoot}),R.jsx("div",{"data-testid":"".concat(B,"_message"),className:v.cAnnotationContainerContent,children:F?R.jsx(x,{initialText:r.attributes.body,assetCompanyId:s,initialPeriod:r.attributes.created_at,initialAttachment:ue,onSend:re,onClose:function(){return Y(!1)},closeOnEsc:!0}):R.jsxs(R.Fragment,{children:[b.formatMentionText(r.attributes.body,r.relationships.mentioned_users.data,_.isNativeDetected,null,oe),ue&&ue.signed_url&&R.jsx(C,{attachmentUrl:ue.signed_url,fileName:ue.file_name,size:"small"})]})})]}),R.jsxs("div",{"data-testid":"".concat(B,"_comments_").concat(r.attributes.body),className:v.cAnnotationComments,children:[R.jsxs("div",{className:v.cAnnotationCommentsInfo,children:[R.jsx(l.Typography,{"data-testid":"".concat(B,"_commentButton"),variant:"caption",color:"primary",className:o.link,onClick:function(){return A(!0)},children:"Comment"}),R.jsx(y,{commentsCount:$,usersWhoCommented:ae,activeUsersList:ne,currentUser:oe,small:!0})]}),R.jsx(h,{annotationId:r.id,commentInputIsOpen:j,setCommentInputIsOpen:A,commentsCount:$,initialCommentsCount:Q,assetCompanyId:s,setCommentsCount:ee,currentUser:oe})]}),V&&R.jsx(g,{open:V,text:"Do you really want to delete annotation?",handleClose:function(){return J(!1)},handleOk:ie,okText:"Delete"})]})};P.propTypes={user:s.shape({id:s.number.isRequired,first_name:s.string.isRequired,last_name:s.string.isRequired,profile_photo:s.string.isRequired}).isRequired,currentUser:s.shape({}).isRequired,classes:s.shape({}).isRequired},z.propTypes={actionsMenuAnchorEl:s.oneOf([s.node,null]).isRequired,handleToggleActionsMenu:s.func.isRequired,classes:s.shape({}).isRequired,handleDelete:s.func.isRequired,handleEdit:s.func.isRequired},L.propTypes={included:s.arrayOf(s.shape({})).isRequired,annotation:s.shape({relationships:s.shape({user:s.shape({data:s.shape({id:s.string.isRequired}).isRequired}).isRequired,mentioned_users:s.shape({data:s.arrayOf(s.shape({})).isRequired}).isRequired}).isRequired,attributes:s.shape({body:s.string.isRequired,created_at:s.string.isRequired})}).isRequired,classes:s.shape({}).isRequired,showSuccessNotification:s.func,width:s.string.isRequired,assetCompanyId:s.number.isRequired},L.defaultProps={showSuccessNotification:function(){}};var W=c.flowRight([o.withStyles((function(e){return{container:{backgroundColor:"#3b3b3be6",marginBottom:16,marginLeft:26},headerDividerRoot:{margin:"10px 0"},createdAt:{color:e.palette.grey[700],marginLeft:5},link:{cursor:"pointer"},iconButtonRoot:{height:24,width:24,padding:0,margin:"0 -10px 0 5px"}}})),E.default()])(L);module.exports=W;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/asyncToGenerator"),n=require("@babel/runtime/helpers/slicedToArray"),a=require("@babel/runtime/regenerator"),i=require("react"),r=require("classnames"),s=require("prop-types"),o=require("@material-ui/core/styles"),c=require("lodash"),u=require("@material-ui/core/withWidth"),d=require("moment"),l=require("@material-ui/core"),m=require("@material-ui/core/colors/grey"),p=require("@material-ui/icons/MoreVert"),h=require("../AnnotationComments/index.js"),f=require("../../../../AnnotationsContext.js"),q=require("../../../../constants.js"),x=require("../AnnotationInput/index.js"),v=require("./style.css.js"),j=require("../../../../../Avatar/index.js"),A=require("../../../../../UserCardPopover.js"),g=require("../../../../../ConfirmationDialog.js"),y=require("../../../../../CommentsInfo/index.js"),b=require("../../../../../UserMention/utils/index.js"),C=require("../../../../../Attachment/index.js"),_=require("../../../../../../utils/mobileDetect.js"),N=require("../../../../../../clients/jsonApi/index.js"),R=require("react/jsx-runtime");function T(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var I=T(e),M=T(t),D=T(n),k=T(a),w=T(r),E=T(u),O=T(d),U=T(m),S=T(p),B="AppAnnotationItemPo",z=function(e){var t=e.user,n=e.currentUser,a=e.classes;return R.jsx("div",{className:v.cAnnotationUserAvatar,children:_.isNativeDetected?R.jsx(j.AvatarComponent,{displayName:"".concat(t.first_name," ").concat(t.last_name),imgSrc:t.profile_photo,size:38,className:a.avatar}):R.jsx(A,{user:t,currentUser:n,children:R.jsx(j.AvatarComponent,{displayName:"".concat(t.first_name," ").concat(t.last_name),imgSrc:t.profile_photo,size:38,className:a.avatar})})})},P=function(e){var t=e.actionsMenuAnchorEl,n=e.handleToggleActionsMenu,a=e.classes,i=e.handleEdit,r=e.handleDelete;return R.jsxs(R.Fragment,{children:[R.jsx(l.IconButton,{"data-testid":"".concat(B,"_menuButton"),"aria-label":"Actions","aria-owns":t?v.cAnnotationContainerActionsMenu:void 0,"aria-haspopup":"true",className:a.iconButtonRoot,onClick:n,children:R.jsx(S.default,{htmlColor:U.default[400]})}),R.jsxs(l.Menu,{id:"cAnnotationContainerActionsMenu",anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},anchorEl:t,open:!!t,onClick:n,children:[R.jsx(l.MenuItem,{"data-testid":"".concat(B,"_editMenuItem"),onClick:i,children:"Edit"}),R.jsx(l.MenuItem,{"data-testid":"".concat(B,"_deleteMenuItem"),onClick:r,children:"Delete"})]})]})},L=function(e){var t,n,a=e.included,r=e.annotation,s=e.assetCompanyId,o=e.classes,c=e.showSuccessNotification,d=void 0===c?W:c,m=e.width,p=i.useState(!1),j=D.default(p,2),A=j[0],T=j[1],E=i.useState(null),U=D.default(E,2),S=U[0],L=U[1],F=i.useState(!1),Y=D.default(F,2),G=Y[0],H=Y[1],V=i.useState(!1),J=D.default(V,2),K=J[0],Q=J[1],X=!u.isWidthUp("sm",m),Z=r.attributes.comments_count||0,$=i.useState(Z),ee=D.default($,2),te=ee[0],ne=ee[1],ae=f.useAnnotationsDispatch(),ie=r.relationships.comment_users.data.reduce((function(e,t){var n=t.id,i=a.find((function(e){return e.id===n}));return i&&e.push(i.attributes),e}),[]),re=ie.map((function(e){var t=e.last_name,n=e.first_name;return"".concat(n," ").concat(t)})),se=(t=M.default(k.default.mark((function e(){return k.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,N.deleteAnnotation(r.id);case 3:e.sent&&(ae({type:q.DELETE_ANNOTATION,id:r.id}),d("Annotation has been deleted")),e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),console.error(e.t0);case 10:case"end":return e.stop()}}),e,null,[[0,7]])}))),function(){return t.apply(this,arguments)}),oe=(n=M.default(k.default.mark((function e(t,n,a){var i,s;return k.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,i={body:t,active_until:n,attachment:{file_name:a&&a.attachmentName,signed_url:a&&a.attachmentUrl}},e.next=4,N.patchAnnotation(r.id,i);case 4:s=e.sent,ae({type:q.EDIT_ANNOTATION,annotation:s,id:r.id}),e.next=12;break;case 8:return e.prev=8,e.t0=e.catch(0),console.error(e.t0),e.abrupt("return");case 12:d("Annotation has been changed"),H(!1);case 14:case"end":return e.stop()}}),e,null,[[0,8]])}))),function(e,t,a){return n.apply(this,arguments)}),ce=r.relationships.user.data.id,ue=a.find((function(e){var t=e.type,n=e.id;return"user"===t&&n===ce})),de=ue.attributes,le=r.attributes.attachment;return R.jsxs(l.Paper,{className:o.container,elevation:0,children:[R.jsxs("div",{"data-testid":"".concat(B,"_annotation_").concat(r.attributes.body),className:v.cAnnotationContainer,children:[R.jsx(z,{user:de,classes:o,isNative:_.isNativeDetected,currentUser:ue}),R.jsxs("div",{className:v.cAnnotationContainerTop,children:[R.jsxs("div",{className:v.cAnnotationContainerTopMainInfo,children:[R.jsx(l.Typography,{variant:"body2","data-testid":"".concat(B,"_userName"),children:"".concat(de.first_name," ").concat(de.last_name)}),R.jsx(l.Typography,{"data-testid":"".concat(B,"_addDate"),variant:"caption",className:o.createdAt,children:O.default(r.attributes.created_at).format("MM/DD/YY H:mm")})]}),R.jsx("div",{className:w.default(v.cAnnotationContainerTopMenu,I.default({},v.cAnnotationContainerTopMenuSmall,X)),children:R.jsx(P,{actionsMenuAnchorEl:S,handleToggleActionsMenu:function(e){var t=e.currentTarget;L(S?null:t)},handleEdit:function(){return H(!0)},handleDelete:function(){return Q(!0)},classes:o})})]}),R.jsx(l.Divider,{className:o.headerDividerRoot}),R.jsx("div",{"data-testid":"".concat(B,"_message"),className:v.cAnnotationContainerContent,children:G?R.jsx(x,{initialText:r.attributes.body,assetCompanyId:s,initialPeriod:r.attributes.created_at,initialAttachment:le,onSend:oe,onClose:function(){return H(!1)},closeOnEsc:!0}):R.jsxs(R.Fragment,{children:[b.formatMentionText(r.attributes.body,r.relationships.mentioned_users.data,_.isNativeDetected,null,ue),le&&le.signed_url&&R.jsx(C,{attachmentUrl:le.signed_url,fileName:le.file_name,size:"small"})]})})]}),R.jsxs("div",{"data-testid":"".concat(B,"_comments_").concat(r.attributes.body),className:v.cAnnotationComments,children:[R.jsxs("div",{className:v.cAnnotationCommentsInfo,children:[R.jsx(l.Typography,{"data-testid":"".concat(B,"_commentButton"),variant:"caption",color:"primary",className:o.link,onClick:function(){return T(!0)},children:"Comment"}),R.jsx(y,{commentsCount:te,usersWhoCommented:re,activeUsersList:ie,currentUser:ue,small:!0})]}),R.jsx(h,{annotationId:r.id,commentInputIsOpen:A,setCommentInputIsOpen:T,commentsCount:te,initialCommentsCount:Z,assetCompanyId:s,setCommentsCount:ne,currentUser:ue})]}),K&&R.jsx(g,{open:K,text:"Do you really want to delete annotation?",handleClose:function(){return Q(!1)},handleOk:se,okText:"Delete"})]})};z.propTypes={user:s.shape({id:s.number.isRequired,first_name:s.string.isRequired,last_name:s.string.isRequired,profile_photo:s.string.isRequired}).isRequired,currentUser:s.shape({}).isRequired,classes:s.shape({}).isRequired},P.propTypes={actionsMenuAnchorEl:s.oneOf([s.node,null]).isRequired,handleToggleActionsMenu:s.func.isRequired,classes:s.shape({}).isRequired,handleDelete:s.func.isRequired,handleEdit:s.func.isRequired},L.propTypes={included:s.arrayOf(s.shape({})).isRequired,annotation:s.shape({relationships:s.shape({user:s.shape({data:s.shape({id:s.string.isRequired}).isRequired}).isRequired,mentioned_users:s.shape({data:s.arrayOf(s.shape({})).isRequired}).isRequired}).isRequired,attributes:s.shape({body:s.string.isRequired,created_at:s.string.isRequired})}).isRequired,classes:s.shape({}).isRequired,showSuccessNotification:s.func,width:s.string.isRequired,assetCompanyId:s.number.isRequired};var W=function(){},F=c.flowRight([o.withStyles((function(e){return{container:{backgroundColor:"#3b3b3be6",marginBottom:16,marginLeft:26},headerDividerRoot:{margin:"10px 0"},createdAt:{color:e.palette.grey[700],marginLeft:5},link:{cursor:"pointer"},iconButtonRoot:{height:24,width:24,padding:0,margin:"0 -10px 0 5px"}}})),E.default()])(L);module.exports=F;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/Annotations/components/AnnotationsList/components/Annotation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/Annotations/components/AnnotationsList/components/Annotation/index.js"],"sourcesContent":["import { useState } from 'react';\nimport classNames from 'classnames';\nimport { shape, string, arrayOf, func, node, oneOf, number } from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { flowRight } from 'lodash';\nimport withWidth, { isWidthUp } from '@material-ui/core/withWidth';\nimport moment from 'moment';\nimport { Paper, Typography, Divider, MenuItem, IconButton, Menu } from '@material-ui/core';\nimport grey from '@material-ui/core/colors/grey';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\n\nimport AnnotationComments from '../AnnotationComments';\nimport { useAnnotationsDispatch } from '../../../../AnnotationsContext';\nimport { DELETE_ANNOTATION, EDIT_ANNOTATION } from '../../../../constants';\nimport AnnotationInput from '../AnnotationInput';\n\nimport styles from './style.css';\n\nimport Avatar from '~components/Avatar';\nimport UserCardPopover from '~components/UserCardPopover';\nimport ConfirmationDialog from '~components/ConfirmationDialog';\nimport CommentsInfo from '~components/CommentsInfo';\nimport { formatMentionText } from '~components/UserMention/utils';\nimport Attachment from '~components/Attachment';\nimport { isNativeDetected as isNative } from '~/utils/mobileDetect';\nimport { deleteAnnotation, patchAnnotation } from '~/clients/jsonApi';\n\nconst PAGE_NAME = 'AppAnnotationItemPo';\n\nconst CREATED_AT_FORMAT = 'MM/DD/YY H:mm';\n\nconst muiStyles = theme => ({\n  container: { backgroundColor: '#3b3b3be6', marginBottom: 16, marginLeft: 26 },\n  headerDividerRoot: { margin: '10px 0' },\n  createdAt: { color: theme.palette.grey[700], marginLeft: 5 },\n  link: { cursor: 'pointer' },\n  iconButtonRoot: {\n    height: 24,\n    width: 24,\n    padding: 0,\n    margin: '0 -10px 0 5px',\n  },\n});\n\nconst UserAvatar = ({ user, currentUser, classes }) => (\n  <div className={styles.cAnnotationUserAvatar}>\n    {isNative ? (\n      <Avatar\n        // eslint-disable-next-line camelcase\n        displayName={`${user.first_name} ${user.last_name}`}\n        imgSrc={user.profile_photo}\n        size={38}\n        className={classes.avatar}\n      />\n    ) : (\n      <UserCardPopover user={user} currentUser={currentUser}>\n        <Avatar\n          displayName={`${user.first_name} ${user.last_name}`}\n          imgSrc={user.profile_photo}\n          size={38}\n          className={classes.avatar}\n        />\n      </UserCardPopover>\n    )}\n  </div>\n);\n\nconst MenuButton = ({\n  actionsMenuAnchorEl,\n  handleToggleActionsMenu,\n  classes,\n  handleEdit,\n  handleDelete,\n}) => (\n  <>\n    <IconButton\n      data-testid={`${PAGE_NAME}_menuButton`}\n      aria-label=\"Actions\"\n      aria-owns={actionsMenuAnchorEl ? styles.cAnnotationContainerActionsMenu : undefined}\n      aria-haspopup=\"true\"\n      className={classes.iconButtonRoot}\n      onClick={handleToggleActionsMenu}\n    >\n      <MoreVertIcon htmlColor={grey[400]} />\n    </IconButton>\n\n    <Menu\n      id=\"cAnnotationContainerActionsMenu\"\n      anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\n      transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n      anchorEl={actionsMenuAnchorEl}\n      open={!!actionsMenuAnchorEl}\n      onClick={handleToggleActionsMenu}\n    >\n      <MenuItem data-testid={`${PAGE_NAME}_editMenuItem`} onClick={handleEdit}>\n        Edit\n      </MenuItem>\n      <MenuItem data-testid={`${PAGE_NAME}_deleteMenuItem`} onClick={handleDelete}>\n        Delete\n      </MenuItem>\n    </Menu>\n  </>\n);\n\nconst Annotation = ({\n  included,\n  annotation,\n  assetCompanyId,\n  classes,\n  showSuccessNotification,\n  width,\n}) => {\n  const [commentInputIsOpen, setCommentInputIsOpen] = useState(false);\n  const [actionsMenuAnchorEl, setActionsMenuAnchorEl] = useState(null);\n  const [isEdit, setIsEdit] = useState(false);\n  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\n  const isSmallScreen = !isWidthUp('sm', width);\n\n  const initialCommentsCount = annotation.attributes.comments_count || 0;\n  const [commentsCount, setCommentsCount] = useState(initialCommentsCount);\n\n  const dispatch = useAnnotationsDispatch();\n\n  const activeUsersList = annotation.relationships.comment_users.data.reduce((users, { id }) => {\n    const userData = included.find(user => user.id === id);\n    if (userData) {\n      users.push(userData.attributes);\n    }\n    return users;\n  }, []);\n\n  const userWhoCommented = activeUsersList.map(\n    // eslint-disable-next-line camelcase\n    ({ last_name, first_name }) => `${first_name} ${last_name}`\n  );\n\n  const handleToggleActionsMenu = event => {\n    const currentT = event.currentTarget;\n    setActionsMenuAnchorEl(actionsMenuAnchorEl ? null : currentT);\n  };\n\n  const handleDelete = async () => {\n    try {\n      const response = await deleteAnnotation(annotation.id);\n      if (response) {\n        dispatch({ type: DELETE_ANNOTATION, id: annotation.id });\n        showSuccessNotification('Annotation has been deleted');\n      }\n    } catch (e) {\n      console.error(e);\n    }\n  };\n\n  const handleEdit = async (body, period, attachment) => {\n    try {\n      const changedAnnotation = {\n        body,\n        active_until: period,\n        attachment: {\n          file_name: attachment && attachment.attachmentName,\n          signed_url: attachment && attachment.attachmentUrl,\n        },\n      };\n      const updatedAnnotation = await patchAnnotation(annotation.id, changedAnnotation);\n      dispatch({ type: EDIT_ANNOTATION, annotation: updatedAnnotation, id: annotation.id });\n    } catch (e) {\n      console.error(e);\n      return;\n    }\n\n    showSuccessNotification('Annotation has been changed');\n    setIsEdit(false);\n  };\n\n  const userId = annotation.relationships.user.data.id;\n  const currentUser = included.find(({ type, id }) => type === 'user' && id === userId);\n  const userData = currentUser.attributes;\n  const { attachment } = annotation.attributes;\n\n  return (\n    <Paper className={classes.container} elevation={0}>\n      <div\n        data-testid={`${PAGE_NAME}_annotation_${annotation.attributes.body}`}\n        className={styles.cAnnotationContainer}\n      >\n        <UserAvatar\n          user={userData}\n          classes={classes}\n          isNative={isNative}\n          currentUser={currentUser}\n        />\n\n        <div className={styles.cAnnotationContainerTop}>\n          <div className={styles.cAnnotationContainerTopMainInfo}>\n            <Typography variant=\"body2\" data-testid={`${PAGE_NAME}_userName`}>\n              {`${userData.first_name} ${userData.last_name}`}\n            </Typography>\n            <Typography\n              data-testid={`${PAGE_NAME}_addDate`}\n              variant=\"caption\"\n              className={classes.createdAt}\n            >\n              {moment(annotation.attributes.created_at).format(CREATED_AT_FORMAT)}\n            </Typography>\n          </div>\n          <div\n            className={classNames(styles.cAnnotationContainerTopMenu, {\n              [styles.cAnnotationContainerTopMenuSmall]: isSmallScreen,\n            })}\n          >\n            <MenuButton\n              actionsMenuAnchorEl={actionsMenuAnchorEl}\n              handleToggleActionsMenu={handleToggleActionsMenu}\n              handleEdit={() => setIsEdit(true)}\n              handleDelete={() => setDeleteDialogOpen(true)}\n              classes={classes}\n            />\n          </div>\n        </div>\n\n        <Divider className={classes.headerDividerRoot} />\n\n        <div data-testid={`${PAGE_NAME}_message`} className={styles.cAnnotationContainerContent}>\n          {isEdit ? (\n            <AnnotationInput\n              initialText={annotation.attributes.body}\n              assetCompanyId={assetCompanyId}\n              initialPeriod={annotation.attributes.created_at}\n              initialAttachment={attachment}\n              onSend={handleEdit}\n              onClose={() => setIsEdit(false)}\n              closeOnEsc\n            />\n          ) : (\n            <>\n              {formatMentionText(\n                annotation.attributes.body,\n                annotation.relationships.mentioned_users.data,\n                isNative,\n                null,\n                currentUser\n              )}\n              {attachment && attachment.signed_url && (\n                <Attachment\n                  attachmentUrl={attachment.signed_url}\n                  fileName={attachment.file_name}\n                  size=\"small\"\n                />\n              )}\n            </>\n          )}\n        </div>\n      </div>\n      <div\n        data-testid={`${PAGE_NAME}_comments_${annotation.attributes.body}`}\n        className={styles.cAnnotationComments}\n      >\n        <div className={styles.cAnnotationCommentsInfo}>\n          <Typography\n            data-testid={`${PAGE_NAME}_commentButton`}\n            variant=\"caption\"\n            color=\"primary\"\n            className={classes.link}\n            onClick={() => setCommentInputIsOpen(true)}\n          >\n            Comment\n          </Typography>\n          <CommentsInfo\n            commentsCount={commentsCount}\n            usersWhoCommented={userWhoCommented}\n            activeUsersList={activeUsersList}\n            currentUser={currentUser}\n            small\n          />\n        </div>\n        <AnnotationComments\n          annotationId={annotation.id}\n          commentInputIsOpen={commentInputIsOpen}\n          setCommentInputIsOpen={setCommentInputIsOpen}\n          commentsCount={commentsCount}\n          initialCommentsCount={initialCommentsCount}\n          assetCompanyId={assetCompanyId}\n          setCommentsCount={setCommentsCount}\n          currentUser={currentUser}\n        />\n      </div>\n      {deleteDialogOpen && (\n        <ConfirmationDialog\n          open={deleteDialogOpen}\n          text=\"Do you really want to delete annotation?\"\n          handleClose={() => setDeleteDialogOpen(false)}\n          handleOk={handleDelete}\n          okText=\"Delete\"\n        />\n      )}\n    </Paper>\n  );\n};\n\nUserAvatar.propTypes = {\n  user: shape({\n    id: number.isRequired,\n    first_name: string.isRequired,\n    last_name: string.isRequired,\n    profile_photo: string.isRequired,\n  }).isRequired,\n  currentUser: shape({}).isRequired,\n  classes: shape({}).isRequired,\n};\n\nMenuButton.propTypes = {\n  actionsMenuAnchorEl: oneOf([node, null]).isRequired,\n  handleToggleActionsMenu: func.isRequired,\n  classes: shape({}).isRequired,\n  handleDelete: func.isRequired,\n  handleEdit: func.isRequired,\n};\n\nAnnotation.propTypes = {\n  included: arrayOf(shape({})).isRequired,\n  annotation: shape({\n    relationships: shape({\n      user: shape({ data: shape({ id: string.isRequired }).isRequired }).isRequired,\n      mentioned_users: shape({ data: arrayOf(shape({})).isRequired }).isRequired,\n    }).isRequired,\n    attributes: shape({ body: string.isRequired, created_at: string.isRequired }),\n  }).isRequired,\n  classes: shape({}).isRequired,\n  showSuccessNotification: func,\n  width: string.isRequired,\n  assetCompanyId: number.isRequired,\n};\n\nAnnotation.defaultProps = {\n  showSuccessNotification: () => undefined,\n};\n\nexport default flowRight([withStyles(muiStyles), withWidth()])(Annotation);\n"],"names":["PAGE_NAME","UserAvatar","_ref","user","currentUser","classes","_jsx","className","styles","cAnnotationUserAvatar","children","isNative","Avatar","AvatarComponent","displayName","concat","first_name","last_name","imgSrc","profile_photo","size","avatar","UserCardPopover","MenuButton","_ref2","actionsMenuAnchorEl","handleToggleActionsMenu","handleEdit","handleDelete","_jsxs","_Fragment","IconButton","cAnnotationContainerActionsMenu","undefined","iconButtonRoot","onClick","MoreVertIcon","htmlColor","grey","Menu","id","anchorOrigin","vertical","horizontal","transformOrigin","anchorEl","open","MenuItem","Annotation","_ref3","_ref6","_ref7","included","annotation","assetCompanyId","showSuccessNotification","width","useState","_useState2","_slicedToArray","_useState","commentInputIsOpen","setCommentInputIsOpen","_useState4","_useState3","setActionsMenuAnchorEl","_useState6","_useState5","isEdit","setIsEdit","_useState8","_useState7","deleteDialogOpen","setDeleteDialogOpen","isSmallScreen","isWidthUp","initialCommentsCount","attributes","comments_count","_useState10","_useState9","commentsCount","setCommentsCount","dispatch","useAnnotationsDispatch","activeUsersList","relationships","comment_users","data","reduce","users","_ref4","userData","find","push","userWhoCommented","map","_ref5","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","deleteAnnotation","sent","type","DELETE_ANNOTATION","t0","console","error","stop","apply","this","arguments","body","period","attachment","changedAnnotation","updatedAnnotation","_context2","active_until","file_name","attachmentName","signed_url","attachmentUrl","patchAnnotation","EDIT_ANNOTATION","abrupt","_callee2","_x","_x2","_x3","userId","_ref8","Paper","container","elevation","jsxs","cAnnotationContainer","isNativeDetected","cAnnotationContainerTop","cAnnotationContainerTopMainInfo","Typography","variant","createdAt","moment","created_at","format","jsx","classNames","cAnnotationContainerTopMenu","cAnnotationContainerTopMenuSmall","event","currentT","currentTarget","Divider","headerDividerRoot","cAnnotationContainerContent","AnnotationInput","initialText","initialPeriod","initialAttachment","onSend","onClose","closeOnEsc","formatMentionText","mentioned_users","Attachment","fileName","cAnnotationComments","cAnnotationCommentsInfo","color","link","CommentsInfo","usersWhoCommented","small","AnnotationComments","annotationId","ConfirmationDialog","text","handleClose","handleOk","okText","propTypes","shape","number","isRequired","string","oneOf","node","func","arrayOf","defaultProps","Annotation$1","flowRight","withStyles","theme","backgroundColor","marginBottom","marginLeft","margin","palette","cursor","height","padding","withWidth"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/Annotations/components/AnnotationsList/components/Annotation/index.js"],"sourcesContent":["import { useState } from 'react';\nimport classNames from 'classnames';\nimport { shape, string, arrayOf, func, node, oneOf, number } from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { flowRight } from 'lodash';\nimport withWidth, { isWidthUp } from '@material-ui/core/withWidth';\nimport moment from 'moment';\nimport { Paper, Typography, Divider, MenuItem, IconButton, Menu } from '@material-ui/core';\nimport grey from '@material-ui/core/colors/grey';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\n\nimport AnnotationComments from '../AnnotationComments';\nimport { useAnnotationsDispatch } from '../../../../AnnotationsContext';\nimport { DELETE_ANNOTATION, EDIT_ANNOTATION } from '../../../../constants';\nimport AnnotationInput from '../AnnotationInput';\n\nimport styles from './style.css';\n\nimport Avatar from '~components/Avatar';\nimport UserCardPopover from '~components/UserCardPopover';\nimport ConfirmationDialog from '~components/ConfirmationDialog';\nimport CommentsInfo from '~components/CommentsInfo';\nimport { formatMentionText } from '~components/UserMention/utils';\nimport Attachment from '~components/Attachment';\nimport { isNativeDetected as isNative } from '~/utils/mobileDetect';\nimport { deleteAnnotation, patchAnnotation } from '~/clients/jsonApi';\n\nconst PAGE_NAME = 'AppAnnotationItemPo';\n\nconst CREATED_AT_FORMAT = 'MM/DD/YY H:mm';\n\nconst muiStyles = theme => ({\n  container: { backgroundColor: '#3b3b3be6', marginBottom: 16, marginLeft: 26 },\n  headerDividerRoot: { margin: '10px 0' },\n  createdAt: { color: theme.palette.grey[700], marginLeft: 5 },\n  link: { cursor: 'pointer' },\n  iconButtonRoot: {\n    height: 24,\n    width: 24,\n    padding: 0,\n    margin: '0 -10px 0 5px',\n  },\n});\n\nconst UserAvatar = ({ user, currentUser, classes }) => (\n  <div className={styles.cAnnotationUserAvatar}>\n    {isNative ? (\n      <Avatar\n        // eslint-disable-next-line camelcase\n        displayName={`${user.first_name} ${user.last_name}`}\n        imgSrc={user.profile_photo}\n        size={38}\n        className={classes.avatar}\n      />\n    ) : (\n      <UserCardPopover user={user} currentUser={currentUser}>\n        <Avatar\n          displayName={`${user.first_name} ${user.last_name}`}\n          imgSrc={user.profile_photo}\n          size={38}\n          className={classes.avatar}\n        />\n      </UserCardPopover>\n    )}\n  </div>\n);\n\nconst MenuButton = ({\n  actionsMenuAnchorEl,\n  handleToggleActionsMenu,\n  classes,\n  handleEdit,\n  handleDelete,\n}) => (\n  <>\n    <IconButton\n      data-testid={`${PAGE_NAME}_menuButton`}\n      aria-label=\"Actions\"\n      aria-owns={actionsMenuAnchorEl ? styles.cAnnotationContainerActionsMenu : undefined}\n      aria-haspopup=\"true\"\n      className={classes.iconButtonRoot}\n      onClick={handleToggleActionsMenu}\n    >\n      <MoreVertIcon htmlColor={grey[400]} />\n    </IconButton>\n\n    <Menu\n      id=\"cAnnotationContainerActionsMenu\"\n      anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\n      transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n      anchorEl={actionsMenuAnchorEl}\n      open={!!actionsMenuAnchorEl}\n      onClick={handleToggleActionsMenu}\n    >\n      <MenuItem data-testid={`${PAGE_NAME}_editMenuItem`} onClick={handleEdit}>\n        Edit\n      </MenuItem>\n      <MenuItem data-testid={`${PAGE_NAME}_deleteMenuItem`} onClick={handleDelete}>\n        Delete\n      </MenuItem>\n    </Menu>\n  </>\n);\n\nconst Annotation = ({\n  included,\n  annotation,\n  assetCompanyId,\n  classes,\n  showSuccessNotification = DEFAULT_ANNOTATION_SHOW_SUCCESS_NOTIFICATION,\n  width,\n}) => {\n  const [commentInputIsOpen, setCommentInputIsOpen] = useState(false);\n  const [actionsMenuAnchorEl, setActionsMenuAnchorEl] = useState(null);\n  const [isEdit, setIsEdit] = useState(false);\n  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\n  const isSmallScreen = !isWidthUp('sm', width);\n\n  const initialCommentsCount = annotation.attributes.comments_count || 0;\n  const [commentsCount, setCommentsCount] = useState(initialCommentsCount);\n\n  const dispatch = useAnnotationsDispatch();\n\n  const activeUsersList = annotation.relationships.comment_users.data.reduce((users, { id }) => {\n    const userData = included.find(user => user.id === id);\n    if (userData) {\n      users.push(userData.attributes);\n    }\n    return users;\n  }, []);\n\n  const userWhoCommented = activeUsersList.map(\n    // eslint-disable-next-line camelcase\n    ({ last_name, first_name }) => `${first_name} ${last_name}`\n  );\n\n  const handleToggleActionsMenu = event => {\n    const currentT = event.currentTarget;\n    setActionsMenuAnchorEl(actionsMenuAnchorEl ? null : currentT);\n  };\n\n  const handleDelete = async () => {\n    try {\n      const response = await deleteAnnotation(annotation.id);\n      if (response) {\n        dispatch({ type: DELETE_ANNOTATION, id: annotation.id });\n        showSuccessNotification('Annotation has been deleted');\n      }\n    } catch (e) {\n      console.error(e);\n    }\n  };\n\n  const handleEdit = async (body, period, attachment) => {\n    try {\n      const changedAnnotation = {\n        body,\n        active_until: period,\n        attachment: {\n          file_name: attachment && attachment.attachmentName,\n          signed_url: attachment && attachment.attachmentUrl,\n        },\n      };\n      const updatedAnnotation = await patchAnnotation(annotation.id, changedAnnotation);\n      dispatch({ type: EDIT_ANNOTATION, annotation: updatedAnnotation, id: annotation.id });\n    } catch (e) {\n      console.error(e);\n      return;\n    }\n\n    showSuccessNotification('Annotation has been changed');\n    setIsEdit(false);\n  };\n\n  const userId = annotation.relationships.user.data.id;\n  const currentUser = included.find(({ type, id }) => type === 'user' && id === userId);\n  const userData = currentUser.attributes;\n  const { attachment } = annotation.attributes;\n\n  return (\n    <Paper className={classes.container} elevation={0}>\n      <div\n        data-testid={`${PAGE_NAME}_annotation_${annotation.attributes.body}`}\n        className={styles.cAnnotationContainer}\n      >\n        <UserAvatar\n          user={userData}\n          classes={classes}\n          isNative={isNative}\n          currentUser={currentUser}\n        />\n\n        <div className={styles.cAnnotationContainerTop}>\n          <div className={styles.cAnnotationContainerTopMainInfo}>\n            <Typography variant=\"body2\" data-testid={`${PAGE_NAME}_userName`}>\n              {`${userData.first_name} ${userData.last_name}`}\n            </Typography>\n            <Typography\n              data-testid={`${PAGE_NAME}_addDate`}\n              variant=\"caption\"\n              className={classes.createdAt}\n            >\n              {moment(annotation.attributes.created_at).format(CREATED_AT_FORMAT)}\n            </Typography>\n          </div>\n          <div\n            className={classNames(styles.cAnnotationContainerTopMenu, {\n              [styles.cAnnotationContainerTopMenuSmall]: isSmallScreen,\n            })}\n          >\n            <MenuButton\n              actionsMenuAnchorEl={actionsMenuAnchorEl}\n              handleToggleActionsMenu={handleToggleActionsMenu}\n              handleEdit={() => setIsEdit(true)}\n              handleDelete={() => setDeleteDialogOpen(true)}\n              classes={classes}\n            />\n          </div>\n        </div>\n\n        <Divider className={classes.headerDividerRoot} />\n\n        <div data-testid={`${PAGE_NAME}_message`} className={styles.cAnnotationContainerContent}>\n          {isEdit ? (\n            <AnnotationInput\n              initialText={annotation.attributes.body}\n              assetCompanyId={assetCompanyId}\n              initialPeriod={annotation.attributes.created_at}\n              initialAttachment={attachment}\n              onSend={handleEdit}\n              onClose={() => setIsEdit(false)}\n              closeOnEsc\n            />\n          ) : (\n            <>\n              {formatMentionText(\n                annotation.attributes.body,\n                annotation.relationships.mentioned_users.data,\n                isNative,\n                null,\n                currentUser\n              )}\n              {attachment && attachment.signed_url && (\n                <Attachment\n                  attachmentUrl={attachment.signed_url}\n                  fileName={attachment.file_name}\n                  size=\"small\"\n                />\n              )}\n            </>\n          )}\n        </div>\n      </div>\n      <div\n        data-testid={`${PAGE_NAME}_comments_${annotation.attributes.body}`}\n        className={styles.cAnnotationComments}\n      >\n        <div className={styles.cAnnotationCommentsInfo}>\n          <Typography\n            data-testid={`${PAGE_NAME}_commentButton`}\n            variant=\"caption\"\n            color=\"primary\"\n            className={classes.link}\n            onClick={() => setCommentInputIsOpen(true)}\n          >\n            Comment\n          </Typography>\n          <CommentsInfo\n            commentsCount={commentsCount}\n            usersWhoCommented={userWhoCommented}\n            activeUsersList={activeUsersList}\n            currentUser={currentUser}\n            small\n          />\n        </div>\n        <AnnotationComments\n          annotationId={annotation.id}\n          commentInputIsOpen={commentInputIsOpen}\n          setCommentInputIsOpen={setCommentInputIsOpen}\n          commentsCount={commentsCount}\n          initialCommentsCount={initialCommentsCount}\n          assetCompanyId={assetCompanyId}\n          setCommentsCount={setCommentsCount}\n          currentUser={currentUser}\n        />\n      </div>\n      {deleteDialogOpen && (\n        <ConfirmationDialog\n          open={deleteDialogOpen}\n          text=\"Do you really want to delete annotation?\"\n          handleClose={() => setDeleteDialogOpen(false)}\n          handleOk={handleDelete}\n          okText=\"Delete\"\n        />\n      )}\n    </Paper>\n  );\n};\n\nUserAvatar.propTypes = {\n  user: shape({\n    id: number.isRequired,\n    first_name: string.isRequired,\n    last_name: string.isRequired,\n    profile_photo: string.isRequired,\n  }).isRequired,\n  currentUser: shape({}).isRequired,\n  classes: shape({}).isRequired,\n};\n\nMenuButton.propTypes = {\n  actionsMenuAnchorEl: oneOf([node, null]).isRequired,\n  handleToggleActionsMenu: func.isRequired,\n  classes: shape({}).isRequired,\n  handleDelete: func.isRequired,\n  handleEdit: func.isRequired,\n};\n\nAnnotation.propTypes = {\n  included: arrayOf(shape({})).isRequired,\n  annotation: shape({\n    relationships: shape({\n      user: shape({ data: shape({ id: string.isRequired }).isRequired }).isRequired,\n      mentioned_users: shape({ data: arrayOf(shape({})).isRequired }).isRequired,\n    }).isRequired,\n    attributes: shape({ body: string.isRequired, created_at: string.isRequired }),\n  }).isRequired,\n  classes: shape({}).isRequired,\n  showSuccessNotification: func,\n  width: string.isRequired,\n  assetCompanyId: number.isRequired,\n};\n\nconst DEFAULT_ANNOTATION_SHOW_SUCCESS_NOTIFICATION = () => undefined;\n\nexport default flowRight([withStyles(muiStyles), withWidth()])(Annotation);\n"],"names":["PAGE_NAME","UserAvatar","_ref","user","currentUser","classes","_jsx","className","styles","cAnnotationUserAvatar","children","isNative","Avatar","AvatarComponent","displayName","concat","first_name","last_name","imgSrc","profile_photo","size","avatar","UserCardPopover","MenuButton","_ref2","actionsMenuAnchorEl","handleToggleActionsMenu","handleEdit","handleDelete","_jsxs","_Fragment","IconButton","cAnnotationContainerActionsMenu","undefined","iconButtonRoot","onClick","MoreVertIcon","htmlColor","grey","Menu","id","anchorOrigin","vertical","horizontal","transformOrigin","anchorEl","open","MenuItem","Annotation","_ref3","_ref6","_ref7","included","annotation","assetCompanyId","_ref3$showSuccessNoti","showSuccessNotification","DEFAULT_ANNOTATION_SHOW_SUCCESS_NOTIFICATION","width","useState","_useState2","_slicedToArray","_useState","commentInputIsOpen","setCommentInputIsOpen","_useState4","_useState3","setActionsMenuAnchorEl","_useState6","_useState5","isEdit","setIsEdit","_useState8","_useState7","deleteDialogOpen","setDeleteDialogOpen","isSmallScreen","isWidthUp","initialCommentsCount","attributes","comments_count","_useState10","_useState9","commentsCount","setCommentsCount","dispatch","useAnnotationsDispatch","activeUsersList","relationships","comment_users","data","reduce","users","_ref4","userData","find","push","userWhoCommented","map","_ref5","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","deleteAnnotation","sent","type","DELETE_ANNOTATION","t0","console","error","stop","apply","this","arguments","body","period","attachment","changedAnnotation","updatedAnnotation","_context2","active_until","file_name","attachmentName","signed_url","attachmentUrl","patchAnnotation","EDIT_ANNOTATION","abrupt","_callee2","_x","_x2","_x3","userId","_ref8","Paper","container","elevation","jsxs","cAnnotationContainer","isNativeDetected","cAnnotationContainerTop","cAnnotationContainerTopMainInfo","Typography","variant","createdAt","moment","created_at","format","jsx","classNames","cAnnotationContainerTopMenu","cAnnotationContainerTopMenuSmall","event","currentT","currentTarget","Divider","headerDividerRoot","cAnnotationContainerContent","AnnotationInput","initialText","initialPeriod","initialAttachment","onSend","onClose","closeOnEsc","formatMentionText","mentioned_users","Attachment","fileName","cAnnotationComments","cAnnotationCommentsInfo","color","link","CommentsInfo","usersWhoCommented","small","AnnotationComments","annotationId","ConfirmationDialog","text","handleClose","handleOk","okText","propTypes","shape","number","isRequired","string","oneOf","node","func","arrayOf","Annotation$1","flowRight","withStyles","theme","backgroundColor","marginBottom","marginLeft","margin","palette","cursor","height","padding","withWidth"],"mappings":"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"}

package/cjs-bundle/components/Annotations/components/AnnotationsList/components/AnnotationInput/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),n=require("moment"),i=require("prop-types"),a=require("@material-ui/core/styles"),l=require("@material-ui/core"),o=require("@material-ui/icons/Send"),r=require("@material-ui/core/colors/grey"),s=require("../../../../constants.js"),c=require("./StyledSelect.js"),u=require("./style.css.js"),d=require("../../../../../UserMention/index.js"),p=require("../../../../../EmojiIconButton.js"),m=require("../../../../../FileUploadIconButton.js"),h=require("../../../../../FailedFileUploading.js"),f=require("../../../../../FilePreview/index.js"),j=require("../../../../../UserMention/utils/index.js"),g=require("../../../../../../effects/useEscPress.js"),x=require("react/jsx-runtime");function A(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var I=A(e),y=A(n),N=A(o),b=A(r),v="AppAnnotationsPo",S=Object.keys(s.ANNOTATION_ACTIVE_PERIODS),T=function(e){var n=e.initialText,i=e.initialPeriod,a=e.onSend,o=e.onClose,r=e.closeOnEsc,A=e.classes,T=e.initialAttachment,q=e.assetCompanyId,C=e.currentUser,E=t.useState(n),_=I.default(E,2),O=_[0],U=_[1],P=t.useState((function(){return T?{attachmentName:T.file_name,attachmentUrl:T.signed_url||T.s3_link}:null})),R=I.default(P,2),B=R[0],k=R[1],D=t.useState(null),F=I.default(D,2),w=F[0],L=F[1],M=t.useState(!1),z=I.default(M,2),H=z[0],V=z[1],W=t.useState(S[0]),K=I.default(W,2),G=K[0],J=K[1];g((function(){r&&o()}));var Q=function(){if(O){var e=function(e,t){if("forever"===e)return null;var n=s.ANNOTATION_ACTIVE_PERIODS[e];return y.default(t).add(n.time.amount,n.time.key).format()}(G,i);a(O,e,B)}};return x.jsxs("div",{className:u.cAnnotationInput,children:[x.jsxs(l.Paper,{className:u.cAnnotationInputContent,children:[x.jsx(l.Input,{"data-testid":"".concat(v,"_annotationsInput"),inputComponent:d,inputProps:{withLightTheme:!1,onChange:function(e){return U(e)},onKeyDown:function(e){"Shift"===e.key&&V(!0),"Enter"!==e.key||H||j.isSuggestionsListOpened()||(e.preventDefault(),Q())},onKeyUp:function(e){"Shift"===e.key&&V(!1)},companyId:q,currentUser:C},placeholder:"Type annotation here",fullWidth:!0,disableUnderline:!0,multiline:!0,rows:"3",className:A.inputRoot,value:O}),x.jsxs("div",{className:u.cAnnotationInputContentActions,children:[x.jsx(l.Tooltip,{title:"Attach File",placement:"bottom",children:x.jsx("div",{className:u.cAnnotationInputContentActionsButton,children:x.jsx(m.default,{"data-testid":"".concat(v,"_attachFileButton"),openPreviewDialogOnUpload:!1,disableRipple:!0,onFinish:function(e,t,n){k({attachmentUrl:e,attachmentName:t,attachmentSize:n}),L(null)},onError:function(e){k(null),L(e)},htmlColor:"action"})})}),x.jsx(l.Tooltip,{title:"Add Emoji",placement:"bottom",children:x.jsx("div",{className:u.cAnnotationInputContentActionsButton,children:x.jsx(p,{"data-testid":"".concat(v,"_emojiButton"),htmlColor:b.default[400],handleSelectEmoji:function(e){return U("".concat(O).concat(e.native))}})})})]})]}),w&&x.jsx(h,{className:A.uploadingError,errorMessage:w}),B&&B.attachmentUrl&&x.jsx(f,{fileName:B.attachmentName,fileUrl:B.attachmentUrl,handleFileDelete:function(){k(null),L(null)}}),x.jsxs("div",{className:u.cAnnotationInputActions,children:[x.jsxs(l.FormControl,{className:A.formControl,children:[x.jsx(l.InputLabel,{shrink:!0,id:"periods-label-label",className:A.selectLabel,children:"Active"}),x.jsx(c,{"data-testid":"".concat(v,"_periodDropdown"),labelId:"periods-label-label",id:"periods-label",value:G,disableUnderline:!0,onChange:function(e){return J(e.target.value)},children:S.map((function(e){return x.jsx(l.MenuItem,{"data-testid":"".concat(v,"_period_").concat(s.ANNOTATION_ACTIVE_PERIODS[e].label,"MenuItem"),value:e,children:s.ANNOTATION_ACTIVE_PERIODS[e].label},e)}))})]}),x.jsxs("div",{className:u.cAnnotationInputActionsSend,children:[x.jsxs(l.Typography,{variant:"caption",className:A.sendLabel,children:["Press ",x.jsx(l.Typography,{variant:"caption",color:"primary",component:"span",className:A.labelHighlighter,children:"Enter "}),"to send "]}),x.jsx(l.Tooltip,{title:"Send",placement:"bottom",children:x.jsx("div",{children:x.jsx(l.IconButton,{"data-testid":"".concat(v,"_sendButton"),className:A.sendButton,onClick:Q,disabled:!O,children:x.jsx(N.default,{color:"primary"})})})})]})]})]})};T.propTypes={initialText:i.string,initialPeriod:i.string,initialAttachment:i.shape({file_name:i.string,s3_link:i.string}),onSend:i.func,onClose:i.func,closeOnEsc:i.bool,assetCompanyId:i.number.isRequired,currentUser:i.shape().isRequired,classes:i.shape().isRequired},T.defaultProps={initialText:"",initialPeriod:void 0,initialAttachment:null,onSend:function(){},onClose:function(){},closeOnEsc:!1};var q=a.withStyles((function(e){return{inputLabel:{color:e.palette.grey[700],fontWeight:200,width:"100%"},inputRoot:{lineHeight:15},sendLabel:{display:"flex",alignItems:"center",fontWeight:200,color:e.palette.grey[700],marginRight:22,fontSize:10},sendButton:{padding:5},labelHighlighter:{fontWeight:200,fontSize:10},selectLabel:{fontSize:10,lineHeight:"14px",color:e.palette.grey[500]},uploadingError:{paddingTop:"10px"}}}))(T);module.exports=q;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),n=require("moment"),i=require("prop-types"),a=require("@material-ui/core/styles"),o=require("@material-ui/core"),l=require("@material-ui/icons/Send"),r=require("@material-ui/core/colors/grey"),s=require("../../../../constants.js"),c=require("./StyledSelect.js"),u=require("./style.css.js"),d=require("../../../../../UserMention/index.js"),p=require("../../../../../EmojiIconButton.js"),m=require("../../../../../FileUploadIconButton.js"),h=require("../../../../../FailedFileUploading.js"),f=require("../../../../../FilePreview/index.js"),j=require("../../../../../UserMention/utils/index.js"),g=require("../../../../../../effects/useEscPress.js"),x=require("react/jsx-runtime");function A(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var I=A(e),v=A(n),y=A(l),N=A(r),b="AppAnnotationsPo",S=Object.keys(s.ANNOTATION_ACTIVE_PERIODS),T=function(e){var n=e.initialText,i=void 0===n?"":n,a=e.initialPeriod,l=e.onSend,r=void 0===l?q:l,A=e.onClose,T=void 0===A?C:A,_=e.closeOnEsc,E=void 0!==_&&_,O=e.classes,U=e.initialAttachment,P=void 0===U?null:U,R=e.assetCompanyId,B=e.currentUser,k=t.useState(i),D=I.default(k,2),F=D[0],w=D[1],L=t.useState((function(){return P?{attachmentName:P.file_name,attachmentUrl:P.signed_url||P.s3_link}:null})),M=I.default(L,2),z=M[0],H=M[1],V=t.useState(null),W=I.default(V,2),K=W[0],G=W[1],J=t.useState(!1),Q=I.default(J,2),X=Q[0],Y=Q[1],Z=t.useState(S[0]),$=I.default(Z,2),ee=$[0],te=$[1];g((function(){E&&T()}));var ne=function(){if(F){var e=function(e,t){if("forever"===e)return null;var n=s.ANNOTATION_ACTIVE_PERIODS[e];return v.default(t).add(n.time.amount,n.time.key).format()}(ee,a);r(F,e,z)}};return x.jsxs("div",{className:u.cAnnotationInput,children:[x.jsxs(o.Paper,{className:u.cAnnotationInputContent,children:[x.jsx(o.Input,{"data-testid":"".concat(b,"_annotationsInput"),inputComponent:d,inputProps:{withLightTheme:!1,onChange:function(e){return w(e)},onKeyDown:function(e){"Shift"===e.key&&Y(!0),"Enter"!==e.key||X||j.isSuggestionsListOpened()||(e.preventDefault(),ne())},onKeyUp:function(e){"Shift"===e.key&&Y(!1)},companyId:R,currentUser:B},placeholder:"Type annotation here",fullWidth:!0,disableUnderline:!0,multiline:!0,rows:"3",className:O.inputRoot,value:F}),x.jsxs("div",{className:u.cAnnotationInputContentActions,children:[x.jsx(o.Tooltip,{title:"Attach File",placement:"bottom",children:x.jsx("div",{className:u.cAnnotationInputContentActionsButton,children:x.jsx(m.default,{"data-testid":"".concat(b,"_attachFileButton"),openPreviewDialogOnUpload:!1,disableRipple:!0,onFinish:function(e,t,n){H({attachmentUrl:e,attachmentName:t,attachmentSize:n}),G(null)},onError:function(e){H(null),G(e)},htmlColor:"action"})})}),x.jsx(o.Tooltip,{title:"Add Emoji",placement:"bottom",children:x.jsx("div",{className:u.cAnnotationInputContentActionsButton,children:x.jsx(p,{"data-testid":"".concat(b,"_emojiButton"),htmlColor:N.default[400],handleSelectEmoji:function(e){return w("".concat(F).concat(e.native))}})})})]})]}),K&&x.jsx(h,{className:O.uploadingError,errorMessage:K}),z&&z.attachmentUrl&&x.jsx(f,{fileName:z.attachmentName,fileUrl:z.attachmentUrl,handleFileDelete:function(){H(null),G(null)}}),x.jsxs("div",{className:u.cAnnotationInputActions,children:[x.jsxs(o.FormControl,{className:O.formControl,children:[x.jsx(o.InputLabel,{shrink:!0,id:"periods-label-label",className:O.selectLabel,children:"Active"}),x.jsx(c,{"data-testid":"".concat(b,"_periodDropdown"),labelId:"periods-label-label",id:"periods-label",value:ee,disableUnderline:!0,onChange:function(e){return te(e.target.value)},children:S.map((function(e){return x.jsx(o.MenuItem,{"data-testid":"".concat(b,"_period_").concat(s.ANNOTATION_ACTIVE_PERIODS[e].label,"MenuItem"),value:e,children:s.ANNOTATION_ACTIVE_PERIODS[e].label},e)}))})]}),x.jsxs("div",{className:u.cAnnotationInputActionsSend,children:[x.jsxs(o.Typography,{variant:"caption",className:O.sendLabel,children:["Press ",x.jsx(o.Typography,{variant:"caption",color:"primary",component:"span",className:O.labelHighlighter,children:"Enter "}),"to send "]}),x.jsx(o.Tooltip,{title:"Send",placement:"bottom",children:x.jsx("div",{children:x.jsx(o.IconButton,{"data-testid":"".concat(b,"_sendButton"),className:O.sendButton,onClick:ne,disabled:!F,children:x.jsx(y.default,{color:"primary"})})})})]})]})]})};T.propTypes={initialText:i.string,initialPeriod:i.string,initialAttachment:i.shape({file_name:i.string,s3_link:i.string}),onSend:i.func,onClose:i.func,closeOnEsc:i.bool,assetCompanyId:i.number.isRequired,currentUser:i.shape().isRequired,classes:i.shape().isRequired};var q=function(){},C=function(){},_=a.withStyles((function(e){return{inputLabel:{color:e.palette.grey[700],fontWeight:200,width:"100%"},inputRoot:{lineHeight:15},sendLabel:{display:"flex",alignItems:"center",fontWeight:200,color:e.palette.grey[700],marginRight:22,fontSize:10},sendButton:{padding:5},labelHighlighter:{fontWeight:200,fontSize:10},selectLabel:{fontSize:10,lineHeight:"14px",color:e.palette.grey[500]},uploadingError:{paddingTop:"10px"}}}))(T);module.exports=_;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/Annotations/components/AnnotationsList/components/AnnotationInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/Annotations/components/AnnotationsList/components/AnnotationInput/index.js"],"sourcesContent":["import { useState } from 'react';\nimport moment from 'moment';\nimport { string, bool, shape, func, number } from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport {\n  Paper,\n  Input,\n  Tooltip,\n  Typography,\n  IconButton,\n  FormControl,\n  InputLabel,\n  MenuItem,\n} from '@material-ui/core';\nimport SendIcon from '@material-ui/icons/Send';\nimport grey from '@material-ui/core/colors/grey';\n\nimport { ANNOTATION_ACTIVE_PERIODS } from '../../../../constants';\n\nimport StyledSelect from './StyledSelect';\n\nimport styles from './style.css';\n\nimport UserMention from '~components/UserMention';\nimport EmojiIconButton from '~components/EmojiIconButton';\nimport FileUploadIconButton from '~components/FileUploadIconButton';\nimport FailedFileUploading from '~components/FailedFileUploading';\nimport FilePreview from '~components/FilePreview';\nimport { isSuggestionsListOpened } from '~components/UserMention/utils';\nimport useEscPress from '~/effects/useEscPress';\n\nconst PAGE_NAME = 'AppAnnotationsPo';\n\nconst ANNOTATION_ACTIVE_PERIODS_KEYS = Object.keys(ANNOTATION_ACTIVE_PERIODS);\nconst ANNOTATION_PLACEHOLDER = 'Type annotation here';\n\nconst muiStyles = theme => ({\n  inputLabel: {\n    color: theme.palette.grey[700],\n    fontWeight: 200,\n    width: '100%',\n  },\n  inputRoot: {\n    lineHeight: 15,\n  },\n  sendLabel: {\n    display: 'flex',\n    alignItems: 'center',\n    fontWeight: 200,\n    color: theme.palette.grey[700],\n    marginRight: 22,\n    fontSize: 10,\n  },\n  sendButton: {\n    padding: 5,\n  },\n  labelHighlighter: {\n    fontWeight: 200,\n    fontSize: 10,\n  },\n  selectLabel: {\n    fontSize: 10,\n    lineHeight: '14px',\n    color: theme.palette.grey[500],\n  },\n  uploadingError: {\n    paddingTop: '10px',\n  },\n});\n\nconst getAnnotationActiveUntil = (value, initialPeriod) => {\n  if (value === 'forever') return null;\n\n  const period = ANNOTATION_ACTIVE_PERIODS[value];\n  return moment(initialPeriod).add(period.time.amount, period.time.key).format();\n};\n\nconst AnnotationInput = ({\n  initialText,\n  initialPeriod,\n  onSend,\n  onClose,\n  closeOnEsc,\n  classes,\n  initialAttachment,\n  assetCompanyId,\n  currentUser,\n}) => {\n  const [annotationText, setAnnotationText] = useState(initialText);\n  const [attachment, setAttachment] = useState(() =>\n    initialAttachment\n      ? {\n          attachmentName: initialAttachment.file_name,\n          attachmentUrl: initialAttachment.signed_url || initialAttachment.s3_link,\n        }\n      : null\n  );\n  const [uploadError, setUploadError] = useState(null);\n  const [isShiftKeyDown, setIsShiftKeyDown] = useState(false);\n  const [period, setPeriod] = useState(ANNOTATION_ACTIVE_PERIODS_KEYS[0]);\n\n  useEscPress(() => {\n    if (closeOnEsc) onClose();\n  });\n\n  const handleSend = () => {\n    if (annotationText) {\n      const formattedPeriod = getAnnotationActiveUntil(period, initialPeriod);\n      onSend(annotationText, formattedPeriod, attachment);\n    }\n  };\n\n  const handlePeriodChange = e => setPeriod(e.target.value);\n\n  const handleKeyDown = e => {\n    if (e.key === 'Shift') setIsShiftKeyDown(true);\n\n    if (e.key === 'Enter' && !isShiftKeyDown && !isSuggestionsListOpened()) {\n      e.preventDefault(); // NOTE: Don't add linebreak to the post\n      handleSend();\n    }\n  };\n\n  const handleKeyUp = e => {\n    if (e.key === 'Shift') setIsShiftKeyDown(false);\n  };\n\n  const handleSelectEmoji = emoji => setAnnotationText(`${annotationText}${emoji.native}`);\n\n  const handleAnnotationTextChange = text => setAnnotationText(text);\n\n  const onFileUploaded = (attachmentUrl, attachmentName, attachmentSize) => {\n    setAttachment({ attachmentUrl, attachmentName, attachmentSize });\n    setUploadError(null);\n  };\n\n  const onUploadingError = error => {\n    setAttachment(null);\n    setUploadError(error);\n  };\n\n  const onAttachmentDelete = () => {\n    setAttachment(null);\n    setUploadError(null);\n  };\n\n  return (\n    <div className={styles.cAnnotationInput}>\n      <Paper className={styles.cAnnotationInputContent}>\n        <Input\n          data-testid={`${PAGE_NAME}_annotationsInput`}\n          inputComponent={UserMention}\n          inputProps={{\n            withLightTheme: false,\n            onChange: handleAnnotationTextChange,\n            onKeyDown: handleKeyDown,\n            onKeyUp: handleKeyUp,\n            companyId: assetCompanyId,\n            currentUser,\n          }}\n          placeholder={ANNOTATION_PLACEHOLDER}\n          fullWidth\n          disableUnderline\n          multiline\n          rows=\"3\"\n          className={classes.inputRoot}\n          value={annotationText}\n        />\n        <div className={styles.cAnnotationInputContentActions}>\n          <Tooltip title=\"Attach File\" placement=\"bottom\">\n            <div className={styles.cAnnotationInputContentActionsButton}>\n              <FileUploadIconButton\n                data-testid={`${PAGE_NAME}_attachFileButton`}\n                openPreviewDialogOnUpload={false}\n                disableRipple\n                onFinish={onFileUploaded}\n                onError={onUploadingError}\n                htmlColor=\"action\"\n              />\n            </div>\n          </Tooltip>\n          <Tooltip title=\"Add Emoji\" placement=\"bottom\">\n            <div className={styles.cAnnotationInputContentActionsButton}>\n              <EmojiIconButton\n                data-testid={`${PAGE_NAME}_emojiButton`}\n                htmlColor={grey[400]}\n                handleSelectEmoji={handleSelectEmoji}\n              />\n            </div>\n          </Tooltip>\n        </div>\n      </Paper>\n      {uploadError && (\n        <FailedFileUploading className={classes.uploadingError} errorMessage={uploadError} />\n      )}\n      {attachment && attachment.attachmentUrl && (\n        <FilePreview\n          fileName={attachment.attachmentName}\n          fileUrl={attachment.attachmentUrl}\n          handleFileDelete={onAttachmentDelete}\n        />\n      )}\n      <div className={styles.cAnnotationInputActions}>\n        <FormControl className={classes.formControl}>\n          <InputLabel shrink id=\"periods-label-label\" className={classes.selectLabel}>\n            Active\n          </InputLabel>\n          <StyledSelect\n            data-testid={`${PAGE_NAME}_periodDropdown`}\n            labelId=\"periods-label-label\"\n            id=\"periods-label\"\n            value={period}\n            disableUnderline\n            onChange={handlePeriodChange}\n          >\n            {ANNOTATION_ACTIVE_PERIODS_KEYS.map(key => (\n              <MenuItem\n                data-testid={`${PAGE_NAME}_period_${ANNOTATION_ACTIVE_PERIODS[key].label}MenuItem`}\n                key={key}\n                value={key}\n              >\n                {ANNOTATION_ACTIVE_PERIODS[key].label}\n              </MenuItem>\n            ))}\n          </StyledSelect>\n        </FormControl>\n        <div className={styles.cAnnotationInputActionsSend}>\n          <Typography variant=\"caption\" className={classes.sendLabel}>\n            Press&nbsp;\n            <Typography\n              variant=\"caption\"\n              color=\"primary\"\n              component=\"span\"\n              className={classes.labelHighlighter}\n            >\n              Enter&nbsp;\n            </Typography>\n            to send&nbsp;\n          </Typography>\n          <Tooltip title=\"Send\" placement=\"bottom\">\n            <div>\n              {/* div to display label since button is disabled */}\n              <IconButton\n                data-testid={`${PAGE_NAME}_sendButton`}\n                className={classes.sendButton}\n                onClick={handleSend}\n                disabled={!annotationText}\n              >\n                <SendIcon color=\"primary\" />\n              </IconButton>\n            </div>\n          </Tooltip>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nAnnotationInput.propTypes = {\n  initialText: string,\n  initialPeriod: string,\n  initialAttachment: shape({\n    file_name: string,\n    s3_link: string,\n  }),\n  onSend: func,\n  onClose: func,\n  closeOnEsc: bool,\n  assetCompanyId: number.isRequired,\n  currentUser: shape().isRequired,\n\n  classes: shape().isRequired,\n};\n\nAnnotationInput.defaultProps = {\n  initialText: '',\n  initialPeriod: undefined,\n  initialAttachment: null,\n  onSend: () => undefined,\n  onClose: () => undefined,\n  closeOnEsc: false,\n};\n\nexport default withStyles(muiStyles)(AnnotationInput);\n"],"names":["PAGE_NAME","ANNOTATION_ACTIVE_PERIODS_KEYS","Object","keys","ANNOTATION_ACTIVE_PERIODS","AnnotationInput","_ref","initialText","initialPeriod","onSend","onClose","closeOnEsc","classes","initialAttachment","assetCompanyId","currentUser","useState","_useState2","_slicedToArray","_useState","annotationText","setAnnotationText","_useState3","attachmentName","file_name","attachmentUrl","signed_url","s3_link","_useState4","attachment","setAttachment","_useState6","_useState5","uploadError","setUploadError","_useState8","_useState7","isShiftKeyDown","setIsShiftKeyDown","_useState9","_useState10","period","setPeriod","useEscPress","handleSend","formattedPeriod","value","moment","add","time","amount","key","format","getAnnotationActiveUntil","_jsxs","className","styles","cAnnotationInput","children","Paper","cAnnotationInputContent","_jsx","Input","concat","inputComponent","UserMention","inputProps","withLightTheme","onChange","text","onKeyDown","e","isSuggestionsListOpened","preventDefault","onKeyUp","companyId","placeholder","fullWidth","disableUnderline","multiline","rows","inputRoot","jsxs","cAnnotationInputContentActions","Tooltip","title","placement","jsx","cAnnotationInputContentActionsButton","FileUploadIconButton","openPreviewDialogOnUpload","disableRipple","onFinish","attachmentSize","onError","error","htmlColor","EmojiIconButton","grey","handleSelectEmoji","emoji","native","FailedFileUploading","uploadingError","errorMessage","FilePreview","fileName","fileUrl","handleFileDelete","cAnnotationInputActions","FormControl","formControl","InputLabel","shrink","id","selectLabel","StyledSelect","labelId","target","map","MenuItem","label","cAnnotationInputActionsSend","Typography","variant","sendLabel","color","component","labelHighlighter","IconButton","sendButton","onClick","disabled","SendIcon","propTypes","string","shape","func","bool","number","isRequired","defaultProps","undefined","AnnotationInput$1","withStyles","theme","inputLabel","palette","fontWeight","width","lineHeight","display","alignItems","marginRight","fontSize","padding","paddingTop"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/Annotations/components/AnnotationsList/components/AnnotationInput/index.js"],"sourcesContent":["import { useState } from 'react';\nimport moment from 'moment';\nimport { string, bool, shape, func, number } from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport {\n  Paper,\n  Input,\n  Tooltip,\n  Typography,\n  IconButton,\n  FormControl,\n  InputLabel,\n  MenuItem,\n} from '@material-ui/core';\nimport SendIcon from '@material-ui/icons/Send';\nimport grey from '@material-ui/core/colors/grey';\n\nimport { ANNOTATION_ACTIVE_PERIODS } from '../../../../constants';\n\nimport StyledSelect from './StyledSelect';\n\nimport styles from './style.css';\n\nimport UserMention from '~components/UserMention';\nimport EmojiIconButton from '~components/EmojiIconButton';\nimport FileUploadIconButton from '~components/FileUploadIconButton';\nimport FailedFileUploading from '~components/FailedFileUploading';\nimport FilePreview from '~components/FilePreview';\nimport { isSuggestionsListOpened } from '~components/UserMention/utils';\nimport useEscPress from '~/effects/useEscPress';\n\nconst PAGE_NAME = 'AppAnnotationsPo';\n\nconst ANNOTATION_ACTIVE_PERIODS_KEYS = Object.keys(ANNOTATION_ACTIVE_PERIODS);\nconst ANNOTATION_PLACEHOLDER = 'Type annotation here';\n\nconst muiStyles = theme => ({\n  inputLabel: {\n    color: theme.palette.grey[700],\n    fontWeight: 200,\n    width: '100%',\n  },\n  inputRoot: {\n    lineHeight: 15,\n  },\n  sendLabel: {\n    display: 'flex',\n    alignItems: 'center',\n    fontWeight: 200,\n    color: theme.palette.grey[700],\n    marginRight: 22,\n    fontSize: 10,\n  },\n  sendButton: {\n    padding: 5,\n  },\n  labelHighlighter: {\n    fontWeight: 200,\n    fontSize: 10,\n  },\n  selectLabel: {\n    fontSize: 10,\n    lineHeight: '14px',\n    color: theme.palette.grey[500],\n  },\n  uploadingError: {\n    paddingTop: '10px',\n  },\n});\n\nconst getAnnotationActiveUntil = (value, initialPeriod) => {\n  if (value === 'forever') return null;\n\n  const period = ANNOTATION_ACTIVE_PERIODS[value];\n  return moment(initialPeriod).add(period.time.amount, period.time.key).format();\n};\n\nconst AnnotationInput = ({\n  initialText = '',\n  initialPeriod,\n  onSend = DEFAULT_ANNOTATION_INPUT_ON_SEND,\n  onClose = DEFAULT_ANNOTATION_INPUT_ON_CLOSE,\n  closeOnEsc = false,\n  classes,\n  initialAttachment = null,\n  assetCompanyId,\n  currentUser,\n}) => {\n  const [annotationText, setAnnotationText] = useState(initialText);\n  const [attachment, setAttachment] = useState(() =>\n    initialAttachment\n      ? {\n          attachmentName: initialAttachment.file_name,\n          attachmentUrl: initialAttachment.signed_url || initialAttachment.s3_link,\n        }\n      : null\n  );\n  const [uploadError, setUploadError] = useState(null);\n  const [isShiftKeyDown, setIsShiftKeyDown] = useState(false);\n  const [period, setPeriod] = useState(ANNOTATION_ACTIVE_PERIODS_KEYS[0]);\n\n  useEscPress(() => {\n    if (closeOnEsc) onClose();\n  });\n\n  const handleSend = () => {\n    if (annotationText) {\n      const formattedPeriod = getAnnotationActiveUntil(period, initialPeriod);\n      onSend(annotationText, formattedPeriod, attachment);\n    }\n  };\n\n  const handlePeriodChange = e => setPeriod(e.target.value);\n\n  const handleKeyDown = e => {\n    if (e.key === 'Shift') setIsShiftKeyDown(true);\n\n    if (e.key === 'Enter' && !isShiftKeyDown && !isSuggestionsListOpened()) {\n      e.preventDefault(); // NOTE: Don't add linebreak to the post\n      handleSend();\n    }\n  };\n\n  const handleKeyUp = e => {\n    if (e.key === 'Shift') setIsShiftKeyDown(false);\n  };\n\n  const handleSelectEmoji = emoji => setAnnotationText(`${annotationText}${emoji.native}`);\n\n  const handleAnnotationTextChange = text => setAnnotationText(text);\n\n  const onFileUploaded = (attachmentUrl, attachmentName, attachmentSize) => {\n    setAttachment({ attachmentUrl, attachmentName, attachmentSize });\n    setUploadError(null);\n  };\n\n  const onUploadingError = error => {\n    setAttachment(null);\n    setUploadError(error);\n  };\n\n  const onAttachmentDelete = () => {\n    setAttachment(null);\n    setUploadError(null);\n  };\n\n  return (\n    <div className={styles.cAnnotationInput}>\n      <Paper className={styles.cAnnotationInputContent}>\n        <Input\n          data-testid={`${PAGE_NAME}_annotationsInput`}\n          inputComponent={UserMention}\n          inputProps={{\n            withLightTheme: false,\n            onChange: handleAnnotationTextChange,\n            onKeyDown: handleKeyDown,\n            onKeyUp: handleKeyUp,\n            companyId: assetCompanyId,\n            currentUser,\n          }}\n          placeholder={ANNOTATION_PLACEHOLDER}\n          fullWidth\n          disableUnderline\n          multiline\n          rows=\"3\"\n          className={classes.inputRoot}\n          value={annotationText}\n        />\n        <div className={styles.cAnnotationInputContentActions}>\n          <Tooltip title=\"Attach File\" placement=\"bottom\">\n            <div className={styles.cAnnotationInputContentActionsButton}>\n              <FileUploadIconButton\n                data-testid={`${PAGE_NAME}_attachFileButton`}\n                openPreviewDialogOnUpload={false}\n                disableRipple\n                onFinish={onFileUploaded}\n                onError={onUploadingError}\n                htmlColor=\"action\"\n              />\n            </div>\n          </Tooltip>\n          <Tooltip title=\"Add Emoji\" placement=\"bottom\">\n            <div className={styles.cAnnotationInputContentActionsButton}>\n              <EmojiIconButton\n                data-testid={`${PAGE_NAME}_emojiButton`}\n                htmlColor={grey[400]}\n                handleSelectEmoji={handleSelectEmoji}\n              />\n            </div>\n          </Tooltip>\n        </div>\n      </Paper>\n      {uploadError && (\n        <FailedFileUploading className={classes.uploadingError} errorMessage={uploadError} />\n      )}\n      {attachment && attachment.attachmentUrl && (\n        <FilePreview\n          fileName={attachment.attachmentName}\n          fileUrl={attachment.attachmentUrl}\n          handleFileDelete={onAttachmentDelete}\n        />\n      )}\n      <div className={styles.cAnnotationInputActions}>\n        <FormControl className={classes.formControl}>\n          <InputLabel shrink id=\"periods-label-label\" className={classes.selectLabel}>\n            Active\n          </InputLabel>\n          <StyledSelect\n            data-testid={`${PAGE_NAME}_periodDropdown`}\n            labelId=\"periods-label-label\"\n            id=\"periods-label\"\n            value={period}\n            disableUnderline\n            onChange={handlePeriodChange}\n          >\n            {ANNOTATION_ACTIVE_PERIODS_KEYS.map(key => (\n              <MenuItem\n                data-testid={`${PAGE_NAME}_period_${ANNOTATION_ACTIVE_PERIODS[key].label}MenuItem`}\n                key={key}\n                value={key}\n              >\n                {ANNOTATION_ACTIVE_PERIODS[key].label}\n              </MenuItem>\n            ))}\n          </StyledSelect>\n        </FormControl>\n        <div className={styles.cAnnotationInputActionsSend}>\n          <Typography variant=\"caption\" className={classes.sendLabel}>\n            Press&nbsp;\n            <Typography\n              variant=\"caption\"\n              color=\"primary\"\n              component=\"span\"\n              className={classes.labelHighlighter}\n            >\n              Enter&nbsp;\n            </Typography>\n            to send&nbsp;\n          </Typography>\n          <Tooltip title=\"Send\" placement=\"bottom\">\n            <div>\n              {/* div to display label since button is disabled */}\n              <IconButton\n                data-testid={`${PAGE_NAME}_sendButton`}\n                className={classes.sendButton}\n                onClick={handleSend}\n                disabled={!annotationText}\n              >\n                <SendIcon color=\"primary\" />\n              </IconButton>\n            </div>\n          </Tooltip>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nAnnotationInput.propTypes = {\n  initialText: string,\n  initialPeriod: string,\n  initialAttachment: shape({\n    file_name: string,\n    s3_link: string,\n  }),\n  onSend: func,\n  onClose: func,\n  closeOnEsc: bool,\n  assetCompanyId: number.isRequired,\n  currentUser: shape().isRequired,\n\n  classes: shape().isRequired,\n};\n\nconst DEFAULT_ANNOTATION_INPUT_ON_SEND = () => undefined;\nconst DEFAULT_ANNOTATION_INPUT_ON_CLOSE = () => undefined;\n\nexport default withStyles(muiStyles)(AnnotationInput);\n"],"names":["PAGE_NAME","ANNOTATION_ACTIVE_PERIODS_KEYS","Object","keys","ANNOTATION_ACTIVE_PERIODS","AnnotationInput","_ref","_ref$initialText","initialText","initialPeriod","_ref$onSend","onSend","DEFAULT_ANNOTATION_INPUT_ON_SEND","_ref$onClose","onClose","DEFAULT_ANNOTATION_INPUT_ON_CLOSE","_ref$closeOnEsc","closeOnEsc","classes","_ref$initialAttachmen","initialAttachment","assetCompanyId","currentUser","useState","_useState2","_slicedToArray","_useState","annotationText","setAnnotationText","_useState3","attachmentName","file_name","attachmentUrl","signed_url","s3_link","_useState4","attachment","setAttachment","_useState6","_useState5","uploadError","setUploadError","_useState8","_useState7","isShiftKeyDown","setIsShiftKeyDown","_useState9","_useState10","period","setPeriod","useEscPress","handleSend","formattedPeriod","value","moment","add","time","amount","key","format","getAnnotationActiveUntil","_jsxs","className","styles","cAnnotationInput","children","Paper","cAnnotationInputContent","_jsx","Input","concat","inputComponent","UserMention","inputProps","withLightTheme","onChange","text","onKeyDown","e","isSuggestionsListOpened","preventDefault","onKeyUp","companyId","placeholder","fullWidth","disableUnderline","multiline","rows","inputRoot","jsxs","cAnnotationInputContentActions","Tooltip","title","placement","jsx","cAnnotationInputContentActionsButton","FileUploadIconButton","openPreviewDialogOnUpload","disableRipple","onFinish","attachmentSize","onError","error","htmlColor","EmojiIconButton","grey","handleSelectEmoji","emoji","native","FailedFileUploading","uploadingError","errorMessage","FilePreview","fileName","fileUrl","handleFileDelete","cAnnotationInputActions","FormControl","formControl","InputLabel","shrink","id","selectLabel","StyledSelect","labelId","target","map","MenuItem","label","cAnnotationInputActionsSend","Typography","variant","sendLabel","color","component","labelHighlighter","IconButton","sendButton","onClick","disabled","SendIcon","propTypes","string","shape","func","bool","number","isRequired","AnnotationInput$1","withStyles","theme","inputLabel","palette","fontWeight","width","lineHeight","display","alignItems","marginRight","fontSize","padding","paddingTop"],"mappings":"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"}

package/cjs-bundle/components/Annotations/components/AnnotationsList/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/asyncToGenerator"),n=require("@babel/runtime/helpers/slicedToArray"),a=require("@babel/runtime/regenerator"),s=require("react"),r=require("prop-types"),i=require("classnames"),o=require("@material-ui/core/styles"),u=require("@material-ui/core"),c=require("@material-ui/icons/ChevronLeft"),d=require("../../../../clients/jsonApi/index.js"),l=require("../../AnnotationsContext.js"),p=require("../../constants.js"),h=require("./components/AddAnnotationForm/index.js"),f=require("./components/Annotation/index.js"),m=require("./style.css.js");require("../../../../utils/index.js");var y=require("../../../../utils/mobileDetect.js"),b=require("../../../InfiniteList/index.js"),g=require("../../../../effects/useOutsideClick.js"),q=require("react/jsx-runtime"),x=require("../../../../utils/notificationToasts.js");function A(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=A(e),T=A(t),N=A(n),v=A(a),I=A(i),C=A(c),S="AppAnnotationsPo",R=function(e){var t,n=e.appId,a=e.appTitle,r=e.assetId,i=e.assetCompanyId,o=e.appSettings,c=e.currentUser,y=e.onClose,A=e.isNative,R=e.classes,_=e.dashboardType,L=l.useAnnotationsState().annotations,k=l.useAnnotationsDispatch(),w=s.useRef(),O=s.useRef();g(w,y);var P=s.useState(!1),D=N.default(P,2),E=D[0],F=D[1],H=s.useState(!0),U=N.default(H,2),B=U[0],W=U[1],G=s.useState(!0),M=N.default(G,2),z=M[0],J=M[1],K=s.useState(1),Q=N.default(K,2),V=Q[0],X=Q[1];function Y(){return(Y=T.default(v.default.mark((function e(){var t,a,s;return v.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n&&r){e.next=2;break}return e.abrupt("return");case 2:return W(!0),e.prev=3,a={page:V,per_page:4,sort:"created_at",order:"desc"},_&&(a.dashboard_type=_),e.next=8,d.getAnnotations(n,r,a);case 8:t=e.sent,k({type:1===V?p.SET_ANNOTATIONS:p.APPEND_ANNOTATIONS,annotations:t}),e.next=15;break;case 12:e.prev=12,e.t0=e.catch(3),console.error(e.t0);case 15:s=t&&t.data.length<4,X(V+1),J(!s),W(!1);case 19:case"end":return e.stop()}}),e,null,[[3,12]])})))).apply(this,arguments)}return s.useEffect((function(){F(!0)}),[]),q.jsx(u.RootRef,{rootRef:w,children:q.jsxs(u.Paper,{className:I.default(m.cAnnotationsList,(t={},j.default(t,m.cAnnotationsListOpen,E),j.default(t,m.cAnnotationsListOpenNative,A),t)),children:[q.jsx(b,{infiniteClassName:m.cAnnotationsListContentContainer,headerComponent:q.jsxs(q.Fragment,{children:[q.jsx(u.Typography,{"data-testid":"".concat(S,"_appTitle"),variant:"body1",className:R.title,children:a}),q.jsx("div",{className:m.cAnnotationsListContentTop,children:q.jsxs(u.Typography,{"data-testid":"".concat(S,"_annotationsTitle"),variant:"caption",className:R.secondaryTitle,children:["Annotations (",L.data?L.data.length:0,")"]})}),q.jsx(h,{appId:n,assetId:r,assetCompanyId:i,appSettings:o,currentUser:c,dashboardType:_})]}),useWindow:A,items:L.data||[],showNoItemsFound:!(L.data&&0!==L.data.length||B),noItemsFoundLabel:q.jsx(u.Typography,{variant:"body2","data-testid":"".concat(S,"_noAnnotations"),className:R.noAnnotations,children:"No Annotations yet"}),threshold:50,infiniteContainerHeight:w.current&&O.current?w.current.clientHeight-O.current.clientHeight:null,moreItemsMayExist:z,pathToCreatedAt:["attributes","created_at"],renderItem:function(e){return q.jsx(f,{isNative:A,annotation:e,assetCompanyId:i,included:L.included,currentUser:c,showSuccessNotification:x.showSuccessNotification},e.id)},loadItems:function(){return Y.apply(this,arguments)}}),q.jsx("div",{className:m.cAnnotationsListActions,ref:O,children:q.jsx(u.Tooltip,{title:"Hide",placement:"bottom",children:q.jsx(u.IconButton,{"data-testid":"".concat(S,"_hideButton"),onClick:y,className:R.backIcon,children:q.jsx(C.default,{})})})})]})})};R.propTypes={appId:r.number.isRequired,appTitle:r.string.isRequired,assetId:r.number.isRequired,assetCompanyId:r.number.isRequired,appSettings:r.shape(),classes:r.shape().isRequired,onClose:r.func.isRequired,currentUser:r.shape({}).isRequired,isNative:r.bool,dashboardType:r.string},R.defaultProps={appSettings:{},isNative:y.isNativeDetected,dashboardType:null};var _=o.withStyles((function(e){return{title:{fontWeight:200,marginBottom:20},secondaryTitle:{fontWeight:200,textTransform:"uppercase",color:e.palette.grey[600]},annotateIcon:{padding:0,"&:hover":{backgroundColor:"transparent",boxShadow:"none"}},noAnnotations:{marginTop:16},backIcon:{cursor:"pointer",color:e.palette.grey[600],padding:5}}}))(s.memo(R));module.exports=_;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/asyncToGenerator"),n=require("@babel/runtime/helpers/slicedToArray"),a=require("@babel/runtime/regenerator"),s=require("react"),r=require("prop-types"),i=require("classnames"),o=require("@material-ui/core/styles"),u=require("@material-ui/core"),c=require("@material-ui/icons/ChevronLeft"),d=require("../../../../clients/jsonApi/index.js"),l=require("../../AnnotationsContext.js"),p=require("../../constants.js"),h=require("./components/AddAnnotationForm/index.js"),m=require("./components/Annotation/index.js"),f=require("./style.css.js");require("../../../../utils/index.js");var y=require("../../../../utils/mobileDetect.js"),b=require("../../../InfiniteList/index.js"),q=require("../../../../effects/useOutsideClick.js"),x=require("react/jsx-runtime"),A=require("../../../../utils/notificationToasts.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=g(e),T=g(t),v=g(n),N=g(a),I=g(i),C=g(c),S="AppAnnotationsPo",R=function(e){var t,n=e.appId,a=e.appTitle,r=e.assetId,i=e.assetCompanyId,o=e.appSettings,c=void 0===o?_:o,y=e.currentUser,g=e.onClose,R=e.isNative,k=void 0===R?L:R,w=e.classes,O=e.dashboardType,P=void 0===O?null:O,D=l.useAnnotationsState().annotations,E=l.useAnnotationsDispatch(),F=s.useRef(),H=s.useRef();q(F,g);var U=s.useState(!1),B=v.default(U,2),W=B[0],G=B[1],M=s.useState(!0),z=v.default(M,2),J=z[0],K=z[1],Q=s.useState(!0),V=v.default(Q,2),X=V[0],Y=V[1],Z=s.useState(1),$=v.default(Z,2),ee=$[0],te=$[1];function ne(){return(ne=T.default(N.default.mark((function e(){var t,a,s;return N.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n&&r){e.next=2;break}return e.abrupt("return");case 2:return K(!0),e.prev=3,a={page:ee,per_page:4,sort:"created_at",order:"desc"},P&&(a.dashboard_type=P),e.next=8,d.getAnnotations(n,r,a);case 8:t=e.sent,E({type:1===ee?p.SET_ANNOTATIONS:p.APPEND_ANNOTATIONS,annotations:t}),e.next=15;break;case 12:e.prev=12,e.t0=e.catch(3),console.error(e.t0);case 15:s=t&&t.data.length<4,te(ee+1),Y(!s),K(!1);case 19:case"end":return e.stop()}}),e,null,[[3,12]])})))).apply(this,arguments)}return s.useEffect((function(){G(!0)}),[]),x.jsx(u.RootRef,{rootRef:F,children:x.jsxs(u.Paper,{className:I.default(f.cAnnotationsList,(t={},j.default(t,f.cAnnotationsListOpen,W),j.default(t,f.cAnnotationsListOpenNative,k),t)),children:[x.jsx(b,{infiniteClassName:f.cAnnotationsListContentContainer,headerComponent:x.jsxs(x.Fragment,{children:[x.jsx(u.Typography,{"data-testid":"".concat(S,"_appTitle"),variant:"body1",className:w.title,children:a}),x.jsx("div",{className:f.cAnnotationsListContentTop,children:x.jsxs(u.Typography,{"data-testid":"".concat(S,"_annotationsTitle"),variant:"caption",className:w.secondaryTitle,children:["Annotations (",D.data?D.data.length:0,")"]})}),x.jsx(h,{appId:n,assetId:r,assetCompanyId:i,appSettings:c,currentUser:y,dashboardType:P})]}),useWindow:k,items:D.data||[],showNoItemsFound:!(D.data&&0!==D.data.length||J),noItemsFoundLabel:x.jsx(u.Typography,{variant:"body2","data-testid":"".concat(S,"_noAnnotations"),className:w.noAnnotations,children:"No Annotations yet"}),threshold:50,infiniteContainerHeight:F.current&&H.current?F.current.clientHeight-H.current.clientHeight:null,moreItemsMayExist:X,pathToCreatedAt:["attributes","created_at"],renderItem:function(e){return x.jsx(m,{isNative:k,annotation:e,assetCompanyId:i,included:D.included,currentUser:y,showSuccessNotification:A.showSuccessNotification},e.id)},loadItems:function(){return ne.apply(this,arguments)}}),x.jsx("div",{className:f.cAnnotationsListActions,ref:H,children:x.jsx(u.Tooltip,{title:"Hide",placement:"bottom",children:x.jsx(u.IconButton,{"data-testid":"".concat(S,"_hideButton"),onClick:g,className:w.backIcon,children:x.jsx(C.default,{})})})})]})})};R.propTypes={appId:r.number.isRequired,appTitle:r.string.isRequired,assetId:r.number.isRequired,assetCompanyId:r.number.isRequired,appSettings:r.shape(),classes:r.shape().isRequired,onClose:r.func.isRequired,currentUser:r.shape({}).isRequired,isNative:r.bool,dashboardType:r.string};var _={},L=y.isNativeDetected,k=o.withStyles((function(e){return{title:{fontWeight:200,marginBottom:20},secondaryTitle:{fontWeight:200,textTransform:"uppercase",color:e.palette.grey[600]},annotateIcon:{padding:0,"&:hover":{backgroundColor:"transparent",boxShadow:"none"}},noAnnotations:{marginTop:16},backIcon:{cursor:"pointer",color:e.palette.grey[600],padding:5}}}))(s.memo(R));module.exports=k;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/Annotations/components/AnnotationsList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/Annotations/components/AnnotationsList/index.js"],"sourcesContent":["import { memo, useState, useEffect, useRef } from 'react';\nimport { func, bool, shape, number, string } from 'prop-types';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Paper, Typography, IconButton, Tooltip, RootRef } from '@material-ui/core';\nimport BackIcon from '@material-ui/icons/ChevronLeft';\n\nimport { getAnnotations } from '../../../../clients/jsonApi';\nimport { useAnnotationsState, useAnnotationsDispatch } from '../../AnnotationsContext';\nimport { SET_ANNOTATIONS, APPEND_ANNOTATIONS } from '../../constants';\n\nimport AddAnnotationForm from './components/AddAnnotationForm';\nimport Annotation from './components/Annotation';\n\nimport styles from './style.css';\n\nimport { showSuccessNotification } from '~/utils';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport InfiniteList from '~components/InfiniteList';\nimport useOutsideClick from '~effects/useOutsideClick';\n\nconst PAGE_NAME = 'AppAnnotationsPo';\n\nconst muiStyles = theme => ({\n  title: { fontWeight: 200, marginBottom: 20 },\n  secondaryTitle: {\n    fontWeight: 200,\n    textTransform: 'uppercase',\n    color: theme.palette.grey[600],\n  },\n  annotateIcon: {\n    padding: 0,\n    '&:hover': {\n      backgroundColor: 'transparent',\n      boxShadow: 'none',\n    },\n  },\n  noAnnotations: { marginTop: 16 },\n  backIcon: { cursor: 'pointer', color: theme.palette.grey[600], padding: 5 },\n});\n\nconst PER_PAGE = 4;\n\nconst AnnotationsList = ({\n  appId,\n  appTitle,\n  assetId,\n  assetCompanyId,\n  appSettings,\n  currentUser,\n  onClose,\n  isNative,\n  classes,\n  dashboardType,\n}) => {\n  const { annotations } = useAnnotationsState();\n  const dispatch = useAnnotationsDispatch();\n\n  const rootRef = useRef();\n  const footerRef = useRef();\n\n  const infiniteContainerHeight = () => {\n    if (rootRef.current && footerRef.current)\n      return rootRef.current.clientHeight - footerRef.current.clientHeight;\n    return null;\n  };\n\n  useOutsideClick(rootRef, onClose);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [isInfiniteLoading, setIsInfiniteLoading] = useState(true);\n  const [moreItemsMayExist, setMoreItemsMayExist] = useState(true);\n  const [page, setPage] = useState(1);\n\n  async function handleFetchAnnotations() {\n    if (!(appId && assetId)) return;\n    setIsInfiniteLoading(true);\n\n    let response;\n    try {\n      const options = {\n        page,\n        per_page: PER_PAGE,\n        sort: 'created_at',\n        order: 'desc',\n      };\n      if (dashboardType) options.dashboard_type = dashboardType;\n\n      response = await getAnnotations(appId, assetId, options);\n      dispatch({\n        type: page === 1 ? SET_ANNOTATIONS : APPEND_ANNOTATIONS,\n        annotations: response,\n      });\n    } catch (e) {\n      console.error(e);\n    }\n\n    const lessThanPerPage = response && response.data.length < PER_PAGE;\n\n    setPage(page + 1);\n    setMoreItemsMayExist(!lessThanPerPage);\n    setIsInfiniteLoading(false);\n  }\n\n  useEffect(() => {\n    setIsOpen(true); // NOTE: Opens here because of for the sliding effect on open\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <RootRef rootRef={rootRef}>\n      <Paper\n        className={classNames(styles.cAnnotationsList, {\n          [styles.cAnnotationsListOpen]: isOpen,\n          [styles.cAnnotationsListOpenNative]: isNative,\n        })}\n      >\n        <InfiniteList\n          infiniteClassName={styles.cAnnotationsListContentContainer}\n          headerComponent={\n            <>\n              <Typography\n                data-testid={`${PAGE_NAME}_appTitle`}\n                variant=\"body1\"\n                className={classes.title}\n              >\n                {appTitle}\n              </Typography>\n\n              <div className={styles.cAnnotationsListContentTop}>\n                <Typography\n                  data-testid={`${PAGE_NAME}_annotationsTitle`}\n                  variant=\"caption\"\n                  className={classes.secondaryTitle}\n                >\n                  Annotations ({annotations.data ? annotations.data.length : 0})\n                </Typography>\n              </div>\n\n              <AddAnnotationForm\n                appId={appId}\n                assetId={assetId}\n                assetCompanyId={assetCompanyId}\n                appSettings={appSettings}\n                currentUser={currentUser}\n                dashboardType={dashboardType}\n              />\n            </>\n          }\n          useWindow={isNative}\n          items={annotations.data || []}\n          showNoItemsFound={\n            (!annotations.data || annotations.data.length === 0) && !isInfiniteLoading\n          }\n          noItemsFoundLabel={\n            <Typography\n              variant=\"body2\"\n              data-testid={`${PAGE_NAME}_noAnnotations`}\n              className={classes.noAnnotations}\n            >\n              No Annotations yet\n            </Typography>\n          }\n          threshold={50}\n          infiniteContainerHeight={infiniteContainerHeight()}\n          moreItemsMayExist={moreItemsMayExist}\n          pathToCreatedAt={['attributes', 'created_at']}\n          renderItem={item => (\n            <Annotation\n              key={item.id}\n              isNative={isNative}\n              annotation={item}\n              assetCompanyId={assetCompanyId}\n              included={annotations.included}\n              currentUser={currentUser}\n              showSuccessNotification={showSuccessNotification}\n            />\n          )}\n          loadItems={handleFetchAnnotations}\n        />\n        <div className={styles.cAnnotationsListActions} ref={footerRef}>\n          <Tooltip title=\"Hide\" placement=\"bottom\">\n            <IconButton\n              data-testid={`${PAGE_NAME}_hideButton`}\n              onClick={onClose}\n              className={classes.backIcon}\n            >\n              <BackIcon />\n            </IconButton>\n          </Tooltip>\n        </div>\n      </Paper>\n    </RootRef>\n  );\n};\n\nAnnotationsList.propTypes = {\n  appId: number.isRequired,\n  appTitle: string.isRequired,\n  assetId: number.isRequired,\n  assetCompanyId: number.isRequired,\n  appSettings: shape(),\n  classes: shape().isRequired,\n  onClose: func.isRequired,\n  currentUser: shape({}).isRequired,\n  isNative: bool,\n  dashboardType: string,\n};\n\nAnnotationsList.defaultProps = {\n  appSettings: {},\n  isNative: isNativeDetected,\n  dashboardType: null,\n};\n\nexport default withStyles(muiStyles)(memo(AnnotationsList));\n"],"names":["PAGE_NAME","AnnotationsList","_ref","_classNames","appId","appTitle","assetId","assetCompanyId","appSettings","currentUser","onClose","isNative","classes","dashboardType","annotations","useAnnotationsState","dispatch","useAnnotationsDispatch","rootRef","useRef","footerRef","useOutsideClick","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","_useState4","_useState3","isInfiniteLoading","setIsInfiniteLoading","_useState6","_useState5","moreItemsMayExist","setMoreItemsMayExist","_useState8","_useState7","page","setPage","_handleFetchAnnotations","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","options","lessThanPerPage","wrap","_context","prev","next","abrupt","per_page","sort","order","dashboard_type","getAnnotations","sent","type","SET_ANNOTATIONS","APPEND_ANNOTATIONS","t0","console","error","data","length","stop","apply","this","arguments","useEffect","_jsx","RootRef","children","_jsxs","Paper","className","classNames","styles","cAnnotationsList","cAnnotationsListOpen","cAnnotationsListOpenNative","InfiniteList","infiniteClassName","cAnnotationsListContentContainer","headerComponent","jsxs","_Fragment","Typography","concat","variant","title","jsx","cAnnotationsListContentTop","secondaryTitle","AddAnnotationForm","useWindow","items","showNoItemsFound","noItemsFoundLabel","noAnnotations","threshold","infiniteContainerHeight","current","clientHeight","pathToCreatedAt","renderItem","item","Annotation","annotation","included","showSuccessNotification","id","loadItems","cAnnotationsListActions","ref","Tooltip","placement","IconButton","onClick","backIcon","BackIcon","propTypes","number","isRequired","string","shape","func","bool","defaultProps","isNativeDetected","withStyles","theme","fontWeight","marginBottom","textTransform","color","palette","grey","annotateIcon","padding","backgroundColor","boxShadow","marginTop","cursor","memo"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/Annotations/components/AnnotationsList/index.js"],"sourcesContent":["import { memo, useState, useEffect, useRef } from 'react';\nimport { func, bool, shape, number, string } from 'prop-types';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Paper, Typography, IconButton, Tooltip, RootRef } from '@material-ui/core';\nimport BackIcon from '@material-ui/icons/ChevronLeft';\n\nimport { getAnnotations } from '../../../../clients/jsonApi';\nimport { useAnnotationsState, useAnnotationsDispatch } from '../../AnnotationsContext';\nimport { SET_ANNOTATIONS, APPEND_ANNOTATIONS } from '../../constants';\n\nimport AddAnnotationForm from './components/AddAnnotationForm';\nimport Annotation from './components/Annotation';\n\nimport styles from './style.css';\n\nimport { showSuccessNotification } from '~/utils';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport InfiniteList from '~components/InfiniteList';\nimport useOutsideClick from '~effects/useOutsideClick';\n\nconst PAGE_NAME = 'AppAnnotationsPo';\n\nconst muiStyles = theme => ({\n  title: { fontWeight: 200, marginBottom: 20 },\n  secondaryTitle: {\n    fontWeight: 200,\n    textTransform: 'uppercase',\n    color: theme.palette.grey[600],\n  },\n  annotateIcon: {\n    padding: 0,\n    '&:hover': {\n      backgroundColor: 'transparent',\n      boxShadow: 'none',\n    },\n  },\n  noAnnotations: { marginTop: 16 },\n  backIcon: { cursor: 'pointer', color: theme.palette.grey[600], padding: 5 },\n});\n\nconst PER_PAGE = 4;\n\nconst AnnotationsList = ({\n  appId,\n  appTitle,\n  assetId,\n  assetCompanyId,\n  appSettings = DEFAULT_ANNOTATIONS_LIST_APP_SETTINGS,\n  currentUser,\n  onClose,\n  isNative = DEFAULT_ANNOTATIONS_LIST_IS_NATIVE,\n  classes,\n  dashboardType = null,\n}) => {\n  const { annotations } = useAnnotationsState();\n  const dispatch = useAnnotationsDispatch();\n\n  const rootRef = useRef();\n  const footerRef = useRef();\n\n  const infiniteContainerHeight = () => {\n    if (rootRef.current && footerRef.current)\n      return rootRef.current.clientHeight - footerRef.current.clientHeight;\n    return null;\n  };\n\n  useOutsideClick(rootRef, onClose);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [isInfiniteLoading, setIsInfiniteLoading] = useState(true);\n  const [moreItemsMayExist, setMoreItemsMayExist] = useState(true);\n  const [page, setPage] = useState(1);\n\n  async function handleFetchAnnotations() {\n    if (!(appId && assetId)) return;\n    setIsInfiniteLoading(true);\n\n    let response;\n    try {\n      const options = {\n        page,\n        per_page: PER_PAGE,\n        sort: 'created_at',\n        order: 'desc',\n      };\n      if (dashboardType) options.dashboard_type = dashboardType;\n\n      response = await getAnnotations(appId, assetId, options);\n      dispatch({\n        type: page === 1 ? SET_ANNOTATIONS : APPEND_ANNOTATIONS,\n        annotations: response,\n      });\n    } catch (e) {\n      console.error(e);\n    }\n\n    const lessThanPerPage = response && response.data.length < PER_PAGE;\n\n    setPage(page + 1);\n    setMoreItemsMayExist(!lessThanPerPage);\n    setIsInfiniteLoading(false);\n  }\n\n  useEffect(() => {\n    setIsOpen(true); // NOTE: Opens here because of for the sliding effect on open\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <RootRef rootRef={rootRef}>\n      <Paper\n        className={classNames(styles.cAnnotationsList, {\n          [styles.cAnnotationsListOpen]: isOpen,\n          [styles.cAnnotationsListOpenNative]: isNative,\n        })}\n      >\n        <InfiniteList\n          infiniteClassName={styles.cAnnotationsListContentContainer}\n          headerComponent={\n            <>\n              <Typography\n                data-testid={`${PAGE_NAME}_appTitle`}\n                variant=\"body1\"\n                className={classes.title}\n              >\n                {appTitle}\n              </Typography>\n\n              <div className={styles.cAnnotationsListContentTop}>\n                <Typography\n                  data-testid={`${PAGE_NAME}_annotationsTitle`}\n                  variant=\"caption\"\n                  className={classes.secondaryTitle}\n                >\n                  Annotations ({annotations.data ? annotations.data.length : 0})\n                </Typography>\n              </div>\n\n              <AddAnnotationForm\n                appId={appId}\n                assetId={assetId}\n                assetCompanyId={assetCompanyId}\n                appSettings={appSettings}\n                currentUser={currentUser}\n                dashboardType={dashboardType}\n              />\n            </>\n          }\n          useWindow={isNative}\n          items={annotations.data || []}\n          showNoItemsFound={\n            (!annotations.data || annotations.data.length === 0) && !isInfiniteLoading\n          }\n          noItemsFoundLabel={\n            <Typography\n              variant=\"body2\"\n              data-testid={`${PAGE_NAME}_noAnnotations`}\n              className={classes.noAnnotations}\n            >\n              No Annotations yet\n            </Typography>\n          }\n          threshold={50}\n          infiniteContainerHeight={infiniteContainerHeight()}\n          moreItemsMayExist={moreItemsMayExist}\n          pathToCreatedAt={['attributes', 'created_at']}\n          renderItem={item => (\n            <Annotation\n              key={item.id}\n              isNative={isNative}\n              annotation={item}\n              assetCompanyId={assetCompanyId}\n              included={annotations.included}\n              currentUser={currentUser}\n              showSuccessNotification={showSuccessNotification}\n            />\n          )}\n          loadItems={handleFetchAnnotations}\n        />\n        <div className={styles.cAnnotationsListActions} ref={footerRef}>\n          <Tooltip title=\"Hide\" placement=\"bottom\">\n            <IconButton\n              data-testid={`${PAGE_NAME}_hideButton`}\n              onClick={onClose}\n              className={classes.backIcon}\n            >\n              <BackIcon />\n            </IconButton>\n          </Tooltip>\n        </div>\n      </Paper>\n    </RootRef>\n  );\n};\n\nAnnotationsList.propTypes = {\n  appId: number.isRequired,\n  appTitle: string.isRequired,\n  assetId: number.isRequired,\n  assetCompanyId: number.isRequired,\n  appSettings: shape(),\n  classes: shape().isRequired,\n  onClose: func.isRequired,\n  currentUser: shape({}).isRequired,\n  isNative: bool,\n  dashboardType: string,\n};\n\nconst DEFAULT_ANNOTATIONS_LIST_APP_SETTINGS = {};\nconst DEFAULT_ANNOTATIONS_LIST_IS_NATIVE = isNativeDetected;\n\nexport default withStyles(muiStyles)(memo(AnnotationsList));\n"],"names":["PAGE_NAME","AnnotationsList","_ref","_classNames","appId","appTitle","assetId","assetCompanyId","_ref$appSettings","appSettings","DEFAULT_ANNOTATIONS_LIST_APP_SETTINGS","currentUser","onClose","_ref$isNative","isNative","DEFAULT_ANNOTATIONS_LIST_IS_NATIVE","classes","_ref$dashboardType","dashboardType","annotations","useAnnotationsState","dispatch","useAnnotationsDispatch","rootRef","useRef","footerRef","useOutsideClick","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","_useState4","_useState3","isInfiniteLoading","setIsInfiniteLoading","_useState6","_useState5","moreItemsMayExist","setMoreItemsMayExist","_useState8","_useState7","page","setPage","_handleFetchAnnotations","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","options","lessThanPerPage","wrap","_context","prev","next","abrupt","per_page","sort","order","dashboard_type","getAnnotations","sent","type","SET_ANNOTATIONS","APPEND_ANNOTATIONS","t0","console","error","data","length","stop","apply","this","arguments","useEffect","_jsx","RootRef","children","_jsxs","Paper","className","classNames","styles","cAnnotationsList","cAnnotationsListOpen","cAnnotationsListOpenNative","InfiniteList","infiniteClassName","cAnnotationsListContentContainer","headerComponent","jsxs","_Fragment","Typography","concat","variant","title","jsx","cAnnotationsListContentTop","secondaryTitle","AddAnnotationForm","useWindow","items","showNoItemsFound","noItemsFoundLabel","noAnnotations","threshold","infiniteContainerHeight","current","clientHeight","pathToCreatedAt","renderItem","item","Annotation","annotation","included","showSuccessNotification","id","loadItems","cAnnotationsListActions","ref","Tooltip","placement","IconButton","onClick","backIcon","BackIcon","propTypes","number","isRequired","string","shape","func","bool","isNativeDetected","withStyles","theme","fontWeight","marginBottom","textTransform","color","palette","grey","annotateIcon","padding","backgroundColor","boxShadow","marginTop","cursor","memo"],"mappings":"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"}

package/cjs-bundle/components/Annotations/components/LastAnnotation/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/asyncToGenerator"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/regenerator"),a=require("react"),i=require("prop-types"),s=require("classnames"),n=require("lodash"),o=require("@material-ui/core/styles"),u=require("@material-ui/core/withWidth"),c=require("@material-ui/core/Paper"),d=require("@material-ui/core/Typography"),l=require("@material-ui/icons/Comment"),m=require("@material-ui/icons/Close"),p=require("../../../../clients/jsonApi/index.js"),f=require("./style.css.js"),h=require("../../../UserCardPopover.js"),v=require("../../../Avatar/index.js"),q=require("../../../UserMention/utils/index.js"),x=require("../../../../utils/mobileDetect.js"),b=require("react/jsx-runtime");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=y(e),g=y(t),N=y(r),A=y(s),R=y(u),U=y(c),_=y(d),C=y(l),L=y(m),T="lastAnnotation",w=function(e){var t=e.user,r=e.currentUser,a=e.isNative,i=e.className,s=e.size,n=b.jsx(v.AvatarComponent,{displayName:"".concat(t.first_name," ").concat(t.last_name),imgSrc:t.profile_photo,size:s,className:i});return a?n:b.jsx(h,{user:t,currentUser:r,children:n})},I=function(e){var t=e.commentsCount,r=e.commentUsers,a=e.isSmallScreen,i=e.isNative,s=e.currentUser,n=e.classes;return t?b.jsxs("div",{className:f.cTopAnnotationAdditionalReactions,children:[b.jsx(C.default,{className:n.commentIcon}),!a&&b.jsxs(_.default,{variant:"body2","data-testid":"".concat(T,"_comments"),noWrap:!0,className:n.commentText,component:"div",children:["Comments ",t]}),b.jsx("div",{className:f.cTopAnnotationAdditionalReactionsList,children:r.map((function(e,t){var r=e.attributes;return b.jsx(w,{user:r,currentUser:s,isNative:i,className:A.default(n.avatar,g.default({},n.avatarInList,0!==t)),size:25},r.id)}))})]}):null},S=function(e){var t,r=e.isNative,i=e.appId,s=e.annotation,n=e.openAnnotationsList,o=e.currentUser,c=e.updateCurrentDashboardAppLastAnnotation,d=e.width,l=e.classes,m=s.data,h=s.included,v=h.find((function(e){var t=e.id,r=e.type;return t===m.relationships.user.data.id&&"user"===r})),x=a.useMemo((function(){return m.relationships.mentioned_users.data.map((function(e){var t=e.id;return h.find((function(e){return e.id===t}))}))}),[m.relationships.mentioned_users.data,h]),y=a.useMemo((function(){return m.relationships.comment_users.data.map((function(e){var t=e.id;return h.find((function(e){return e.id===t}))}))}),[m.relationships.comment_users.data,h]),g=!u.isWidthUp("sm",d),A=(t=j.default(N.default.mark((function e(t){var r;return N.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t.stopPropagation(),e.prev=1,e.next=4,p.closeLastAnnotation(m.id);case 4:r=e.sent,c(m.id,i,r),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(1),console.error(e.t0);case 11:case"end":return e.stop()}}),e,null,[[1,8]])}))),function(e){return t.apply(this,arguments)});return b.jsxs(U.default,{"data-testid":"".concat(T,"_lastAnnotation"),className:l.container,onClick:n,children:[b.jsxs("div",{className:f.cTopAnnotationMain,children:[b.jsx(w,{user:v.attributes,currentUser:o,isNative:r,className:l.avatar,size:38}),b.jsx(_.default,{variant:"body2","data-testid":"".concat(T,"_message"),noWrap:!0,className:l.body,children:q.formatMentionText(m.attributes.body,x,r,null,o)})]}),b.jsxs("div",{className:f.cTopAnnotationAdditional,children:[b.jsx(I,{commentsCount:m.attributes.comments_count,commentUsers:y,classes:l,isSmallScreen:g,currentUser:o}),b.jsx(L.default,{"data-testid":"".concat(T,"_closeButton"),fontSize:"small",className:l.closeButton,onClick:A})]})]})};S.propTypes={appId:i.number.isRequired,annotation:i.shape({included:i.arrayOf(i.shape({})).isRequired,data:i.shape({relationships:i.shape({user:i.shape({data:i.shape({id:i.string.isRequired}).isRequired}).isRequired,mentioned_users:i.shape({data:i.arrayOf(i.shape()).isRequired}).isRequired}).isRequired,attributes:i.shape({body:i.string.isRequired,created_at:i.string.isRequired})}).isRequired}).isRequired,classes:i.shape({}).isRequired,isNative:i.bool,width:i.string.isRequired,openAnnotationsList:i.func.isRequired,updateCurrentDashboardAppLastAnnotation:i.func,currentUser:i.shape({})},S.defaultProps={isNative:x.isNativeDetected,updateCurrentDashboardAppLastAnnotation:function(){},currentUser:{}};var z=n.flowRight([o.withStyles((function(e){return{container:{height:56,margin:"10px 0",padding:"0 20px",display:"flex",alignItems:"center",justifyContent:"space-between",flex:"auto 1",width:"100%",cursor:"pointer"},body:{margin:"0 16px ",minWidth:100},avatar:{border:"1px solid #909090"},commentIcon:{marginRight:16,color:e.palette.grey[500]},commentText:{marginRight:16,color:e.palette.grey[500]},closeButton:{color:e.palette.grey[500]},avatarInList:{marginLeft:-4}}})),R.default()])(a.memo(S));module.exports=z;
+"use strict";var e=require("@babel/runtime/helpers/asyncToGenerator"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/regenerator"),a=require("react"),i=require("prop-types"),s=require("classnames"),n=require("lodash"),o=require("@material-ui/core/styles"),u=require("@material-ui/core/withWidth"),c=require("@material-ui/core/Paper"),d=require("@material-ui/core/Typography"),l=require("@material-ui/icons/Comment"),m=require("@material-ui/icons/Close"),p=require("../../../../clients/jsonApi/index.js"),f=require("./style.css.js"),h=require("../../../UserCardPopover.js"),v=require("../../../Avatar/index.js"),q=require("../../../UserMention/utils/index.js"),x=require("../../../../utils/mobileDetect.js"),b=require("react/jsx-runtime");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=y(e),g=y(t),N=y(r),R=y(s),A=y(u),_=y(c),U=y(d),C=y(l),T=y(m),w="lastAnnotation",L=function(e){var t=e.user,r=e.currentUser,a=e.isNative,i=e.className,s=e.size,n=b.jsx(v.AvatarComponent,{displayName:"".concat(t.first_name," ").concat(t.last_name),imgSrc:t.profile_photo,size:s,className:i});return a?n:b.jsx(h,{user:t,currentUser:r,children:n})},I=function(e){var t=e.commentsCount,r=e.commentUsers,a=e.isSmallScreen,i=e.isNative,s=e.currentUser,n=e.classes;return t?b.jsxs("div",{className:f.cTopAnnotationAdditionalReactions,children:[b.jsx(C.default,{className:n.commentIcon}),!a&&b.jsxs(U.default,{variant:"body2","data-testid":"".concat(w,"_comments"),noWrap:!0,className:n.commentText,component:"div",children:["Comments ",t]}),b.jsx("div",{className:f.cTopAnnotationAdditionalReactionsList,children:r.map((function(e,t){var r=e.attributes;return b.jsx(L,{user:r,currentUser:s,isNative:i,className:R.default(n.avatar,g.default({},n.avatarInList,0!==t)),size:25},r.id)}))})]}):null},S=function(e){var t,r=e.isNative,i=void 0===r?z:r,s=e.appId,n=e.annotation,o=e.openAnnotationsList,c=e.currentUser,d=void 0===c?W:c,l=e.updateCurrentDashboardAppLastAnnotation,m=void 0===l?M:l,h=e.width,v=e.classes,x=n.data,y=n.included,g=y.find((function(e){var t=e.id,r=e.type;return t===x.relationships.user.data.id&&"user"===r})),R=a.useMemo((function(){return x.relationships.mentioned_users.data.map((function(e){var t=e.id;return y.find((function(e){return e.id===t}))}))}),[x.relationships.mentioned_users.data,y]),A=a.useMemo((function(){return x.relationships.comment_users.data.map((function(e){var t=e.id;return y.find((function(e){return e.id===t}))}))}),[x.relationships.comment_users.data,y]),C=!u.isWidthUp("sm",h),S=(t=j.default(N.default.mark((function e(t){var r;return N.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t.stopPropagation(),e.prev=1,e.next=4,p.closeLastAnnotation(x.id);case 4:r=e.sent,m(x.id,s,r),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(1),console.error(e.t0);case 11:case"end":return e.stop()}}),e,null,[[1,8]])}))),function(e){return t.apply(this,arguments)});return b.jsxs(_.default,{"data-testid":"".concat(w,"_lastAnnotation"),className:v.container,onClick:o,children:[b.jsxs("div",{className:f.cTopAnnotationMain,children:[b.jsx(L,{user:g.attributes,currentUser:d,isNative:i,className:v.avatar,size:38}),b.jsx(U.default,{variant:"body2","data-testid":"".concat(w,"_message"),noWrap:!0,className:v.body,children:q.formatMentionText(x.attributes.body,R,i,null,d)})]}),b.jsxs("div",{className:f.cTopAnnotationAdditional,children:[b.jsx(I,{commentsCount:x.attributes.comments_count,commentUsers:A,classes:v,isSmallScreen:C,currentUser:d}),b.jsx(T.default,{"data-testid":"".concat(w,"_closeButton"),fontSize:"small",className:v.closeButton,onClick:S})]})]})};S.propTypes={appId:i.number.isRequired,annotation:i.shape({included:i.arrayOf(i.shape({})).isRequired,data:i.shape({relationships:i.shape({user:i.shape({data:i.shape({id:i.string.isRequired}).isRequired}).isRequired,mentioned_users:i.shape({data:i.arrayOf(i.shape()).isRequired}).isRequired}).isRequired,attributes:i.shape({body:i.string.isRequired,created_at:i.string.isRequired})}).isRequired}).isRequired,classes:i.shape({}).isRequired,isNative:i.bool,width:i.string.isRequired,openAnnotationsList:i.func.isRequired,updateCurrentDashboardAppLastAnnotation:i.func,currentUser:i.shape({})};var z=x.isNativeDetected,M=function(){},W={},k=n.flowRight([o.withStyles((function(e){return{container:{height:56,margin:"10px 0",padding:"0 20px",display:"flex",alignItems:"center",justifyContent:"space-between",flex:"auto 1",width:"100%",cursor:"pointer"},body:{margin:"0 16px ",minWidth:100},avatar:{border:"1px solid #909090"},commentIcon:{marginRight:16,color:e.palette.grey[500]},commentText:{marginRight:16,color:e.palette.grey[500]},closeButton:{color:e.palette.grey[500]},avatarInList:{marginLeft:-4}}})),A.default()])(a.memo(S));module.exports=k;
 //# sourceMappingURL=index.js.map