@corva/ui 0.65.0-0 → 0.65.0-1-test

package/components/FeedItem/editModals/LessonsLearnedEdit/LessonsLearnedEdit.js

@@ -1 +1,231 @@
-import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useRef as n,useState as o}from"react";import a from"moment";import r from"classnames";import{makeStyles as i,Grid as s,Typography as c}from"@material-ui/core";import{getUnitDisplay as l}from"../../../../utils/index.js";import m from"../../../Modal/Modal.js";import p from"../../../PostInput/PostInput.js";import d from"../../../IconButton/index.js";import{Regular14 as u}from"../../../Typography.js";import f from"../../../Icons/SendIcon.js";import{isSuggestionsListOpened as h}from"../../../UserMention/utils/index.js";import{MENTION_STYLE as g}from"../../../../constants/feed.js";import{jsxs as y,jsx as b}from"react/jsx-runtime";function v(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function x(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?v(Object(o),!0).forEach((function(n){t(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):v(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var N=i((function(t){return{postInput:{paddingBottom:8},filePreviewWrapper:{width:"100%",marginLeft:0,maxHeight:251},modal:{maxWidth:450,width:"100vw"},actionsAdornment:{flex:1},info:{marginTop:16},text:{color:t.palette.primary.text6},value:{color:t.palette.primary.text1},inputMain:{marginBottom:0,fontSize:"11px",color:t.palette.primary.text8},inputHelper:{display:"flex",paddingRight:5},cancelText:{cursor:"pointer"},highlightedLabel:{color:t.palette.primary.main},modalActions:{paddingTop:16},actions:{height:36},sendRow:{display:"flex"},sendIcon:{"&.Mui-disabled":{cursor:"not-allowed!important"}}}}));function j(t){var i=t.feedItem.context,v=i.id,j=i.lessons_learned,w=j.attachment,O=j.timestamp,C=j.data,P=j.data,I=P.description,M=P.cause,B=P.section,D=P.activity,E=P.md_start,S=P.tvd_start,T=t.onClose,H=t.onSave,F=t.userCompanyId,_=N(),k=n(),A=o({body:I,attachment:w}),L=e(A,2),W=L[0],R=L[1],K=function(){H({context:{id:v,lessons_learned:{attachment:W.attachment,data:x(x({},C),{},{description:W.body})}}})};return y(m,{open:!0,onClose:T,title:"Edit Comment",contentClassName:_.modal,actionsClassName:_.modalActions,onClick:function(t){t.stopPropagation()},actions:y(s,{container:!0,direction:"row",justify:"space-between",alignItems:"center",className:_.actions,children:[b(s,{item:!0,children:b(c,{variant:"caption",className:r(_.inputMain,_.cancelText,_.highlightedLabel),"data-testid":"".concat("EditComment","_cancel"),component:"div",gutterBottom:!0,onClick:T,children:"Cancel"})}),y(s,{item:!0,direction:"row",alignItems:"center",className:_.sendRow,children:[y(c,{variant:"caption",className:r(_.inputMain,_.inputHelper),component:"div",gutterBottom:!0,children:["Press ",b(c,{variant:"caption",color:"primary",className:r(_.inputMain,_.highlightedLabel),children:"Enter"})," to send"]}),b(d,{onClick:K,className:_.sendIcon,"data-testid":"".concat("EditComment","_send"),disabled:!W||!W.body&&!W.attachment,children:b(f,{})})]})]}),ref:k,children:[b(p,{initialValue:{body:I,attachment:w},userCompanyId:F,onChange:R,filePreviewWrapperClass:_.filePreviewWrapper,className:_.postInput,onKeyDown:function(t){"Enter"!==t.key||t.shiftKey||h()||(t.preventDefault(),K())},mentionStyle:g,suggestionsPortalHost:k.current,allowSuggestionsAboveCursor:!0}),y("div",{className:_.info,children:[O&&y(u,{className:_.text,gutterBottom:!0,children:["Time:"," ",b("span",{className:_.value,children:a(O).format("MM/DD/YY, HH:mm")})," "]}),M&&y(u,{className:_.text,gutterBottom:!0,children:["Event Cause: ",b("span",{className:_.value,children:M})]}),(Number.isFinite(E)||Number.isFinite(S))&&y(u,{className:_.text,gutterBottom:!0,children:["MD/TVD:"," ",y("span",{className:_.value,children:[Number.isFinite(E)?"".concat(E.fixFloat(2),"  ").concat(l("length")):"-","/",Number.isFinite(S)?"".concat(S.fixFloat(2),"  ").concat(l("length")):"-"]})]}),B&&y(u,{className:_.text,gutterBottom:!0,children:["Hole Section: ",b("span",{className:_.value,children:B})]}),D&&y(u,{className:_.text,gutterBottom:!0,children:["Operation: ",b("span",{className:_.value,children:D})]})]})]})}export{j as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useRef, useState } from 'react';
+import moment from 'moment';
+import classNames from 'classnames';
+import { makeStyles, Grid, Typography } from '@material-ui/core';
+import { getUnitDisplay } from '../../../../utils/index.js';
+import Modal from '../../../Modal/Modal.js';
+import PostInput from '../../../PostInput/PostInput.js';
+import IconButton from '../../../IconButton/index.js';
+import { Regular14 } from '../../../Typography.js';
+import SendIcon from '../../../Icons/SendIcon.js';
+import { isSuggestionsListOpened } from '../../../UserMention/utils/index.js';
+import { MENTION_STYLE } from '../../../../constants/feed.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var PAGE_NAME = 'EditComment';
+var useStyles = makeStyles(function (theme) {
+  return {
+    postInput: {
+      paddingBottom: 8
+    },
+    filePreviewWrapper: {
+      width: '100%',
+      marginLeft: 0,
+      maxHeight: 251
+    },
+    modal: {
+      maxWidth: 450,
+      width: '100vw'
+    },
+    actionsAdornment: {
+      flex: 1
+    },
+    info: {
+      marginTop: 16
+    },
+    text: {
+      color: theme.palette.primary.text6
+    },
+    value: {
+      color: theme.palette.primary.text1
+    },
+    inputMain: {
+      marginBottom: 0,
+      fontSize: '11px',
+      color: theme.palette.primary.text8
+    },
+    inputHelper: {
+      display: 'flex',
+      paddingRight: 5
+    },
+    cancelText: {
+      cursor: 'pointer'
+    },
+    highlightedLabel: {
+      color: theme.palette.primary.main
+    },
+    modalActions: {
+      paddingTop: 16
+    },
+    actions: {
+      height: 36
+    },
+    sendRow: {
+      display: 'flex'
+    },
+    sendIcon: {
+      '&.Mui-disabled': {
+        cursor: 'not-allowed!important'
+      }
+    }
+  };
+});
+function LessonsLearnedEdit(_ref) {
+  var _ref$feedItem$context = _ref.feedItem.context,
+    id = _ref$feedItem$context.id,
+    _ref$feedItem$context2 = _ref$feedItem$context.lessons_learned,
+    attachment = _ref$feedItem$context2.attachment,
+    timestamp = _ref$feedItem$context2.timestamp,
+    pointData = _ref$feedItem$context2.data,
+    _ref$feedItem$context3 = _ref$feedItem$context2.data,
+    description = _ref$feedItem$context3.description,
+    cause = _ref$feedItem$context3.cause,
+    section = _ref$feedItem$context3.section,
+    activity = _ref$feedItem$context3.activity,
+    md_start = _ref$feedItem$context3.md_start,
+    tvd_start = _ref$feedItem$context3.tvd_start,
+    onClose = _ref.onClose,
+    onSave = _ref.onSave,
+    userCompanyId = _ref.userCompanyId;
+  var classes = useStyles();
+  var wrapperRef = useRef();
+  var _useState = useState({
+      body: description,
+      attachment: attachment
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    comment = _useState2[0],
+    setComment = _useState2[1];
+  var sendActivity = function sendActivity() {
+    onSave({
+      context: {
+        id: id,
+        lessons_learned: {
+          attachment: comment.attachment,
+          data: _objectSpread(_objectSpread({}, pointData), {}, {
+            description: comment.body
+          })
+        }
+      }
+    });
+  };
+  var onKeyDown = function onKeyDown(e) {
+    if (e.key === 'Enter' && !e.shiftKey && !isSuggestionsListOpened()) {
+      e.preventDefault();
+      sendActivity();
+    }
+  };
+  var handleClick = function handleClick(e) {
+    e.stopPropagation();
+  };
+  return /*#__PURE__*/jsxs(Modal, {
+    open: true,
+    onClose: onClose,
+    title: "Edit Comment",
+    contentClassName: classes.modal,
+    actionsClassName: classes.modalActions,
+    onClick: handleClick,
+    actions: /*#__PURE__*/jsxs(Grid, {
+      container: true,
+      direction: "row",
+      justify: "space-between",
+      alignItems: "center",
+      className: classes.actions,
+      children: [/*#__PURE__*/jsx(Grid, {
+        item: true,
+        children: /*#__PURE__*/jsx(Typography, {
+          variant: "caption",
+          className: classNames(classes.inputMain, classes.cancelText, classes.highlightedLabel),
+          "data-testid": "".concat(PAGE_NAME, "_cancel"),
+          component: "div",
+          gutterBottom: true,
+          onClick: onClose,
+          children: "Cancel"
+        })
+      }), /*#__PURE__*/jsxs(Grid, {
+        item: true,
+        direction: "row",
+        alignItems: "center",
+        className: classes.sendRow,
+        children: [/*#__PURE__*/jsxs(Typography, {
+          variant: "caption",
+          className: classNames(classes.inputMain, classes.inputHelper),
+          component: "div",
+          gutterBottom: true,
+          children: ["Press\xA0", /*#__PURE__*/jsx(Typography, {
+            variant: "caption",
+            color: "primary",
+            className: classNames(classes.inputMain, classes.highlightedLabel),
+            children: "Enter"
+          }), "\xA0to send"]
+        }), /*#__PURE__*/jsx(IconButton, {
+          onClick: sendActivity,
+          className: classes.sendIcon,
+          "data-testid": "".concat(PAGE_NAME, "_send"),
+          disabled: !comment || !comment.body && !comment.attachment,
+          children: /*#__PURE__*/jsx(SendIcon, {})
+        })]
+      })]
+    }),
+    ref: wrapperRef,
+    children: [/*#__PURE__*/jsx(PostInput, {
+      initialValue: {
+        body: description,
+        attachment: attachment
+      },
+      userCompanyId: userCompanyId,
+      onChange: setComment,
+      filePreviewWrapperClass: classes.filePreviewWrapper,
+      className: classes.postInput,
+      onKeyDown: onKeyDown,
+      mentionStyle: MENTION_STYLE,
+      suggestionsPortalHost: wrapperRef.current,
+      allowSuggestionsAboveCursor: true
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.info,
+      children: [timestamp && /*#__PURE__*/jsxs(Regular14, {
+        className: classes.text,
+        gutterBottom: true,
+        children: ["Time:", ' ', /*#__PURE__*/jsx("span", {
+          className: classes.value,
+          children: moment(timestamp).format('MM/DD/YY, HH:mm')
+        }), ' ']
+      }), cause && /*#__PURE__*/jsxs(Regular14, {
+        className: classes.text,
+        gutterBottom: true,
+        children: ["Event Cause: ", /*#__PURE__*/jsx("span", {
+          className: classes.value,
+          children: cause
+        })]
+      }), (Number.isFinite(md_start) || Number.isFinite(tvd_start)) && /*#__PURE__*/jsxs(Regular14, {
+        className: classes.text,
+        gutterBottom: true,
+        children: ["MD/TVD:", ' ', /*#__PURE__*/jsxs("span", {
+          className: classes.value,
+          children: [Number.isFinite(md_start) ? "".concat(md_start.fixFloat(2), "  ").concat(getUnitDisplay('length')) : '-', "/", Number.isFinite(tvd_start) ? "".concat(tvd_start.fixFloat(2), "  ").concat(getUnitDisplay('length')) : '-']
+        })]
+      }), section && /*#__PURE__*/jsxs(Regular14, {
+        className: classes.text,
+        gutterBottom: true,
+        children: ["Hole Section: ", /*#__PURE__*/jsx("span", {
+          className: classes.value,
+          children: section
+        })]
+      }), activity && /*#__PURE__*/jsxs(Regular14, {
+        className: classes.text,
+        gutterBottom: true,
+        children: ["Operation: ", /*#__PURE__*/jsx("span", {
+          className: classes.value,
+          children: activity
+        })]
+      })]
+    })]
+  });
+}
+
+export { LessonsLearnedEdit as default };
+//# sourceMappingURL=LessonsLearnedEdit.js.map

package/components/FeedItem/editModals/LessonsLearnedEdit/LessonsLearnedEdit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LessonsLearnedEdit.js","sources":["../../../../../src/components/FeedItem/editModals/LessonsLearnedEdit/LessonsLearnedEdit.js"],"sourcesContent":["import { useState, useRef } from 'react';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { Grid, Typography, makeStyles } from '@material-ui/core';\n\nimport { getUnitDisplay } from '~/utils';\nimport Modal from '~/components/Modal';\nimport PostInput from '~/components/PostInput';\nimport IconButton from '~/components/IconButton';\nimport { Regular14 } from '~/components/Typography';\nimport SendIcon from '~components/Icons/SendIcon';\nimport { isSuggestionsListOpened } from '~/components/UserMention/utils';\nimport { MENTION_STYLE } from '~/constants/feed';\n\nconst PAGE_NAME = 'EditComment';\n\nconst useStyles = makeStyles(theme => ({\n  postInput: { paddingBottom: 8 },\n  filePreviewWrapper: {\n    width: '100%',\n    marginLeft: 0,\n    maxHeight: 251,\n  },\n  modal: {\n    maxWidth: 450,\n    width: '100vw',\n  },\n  actionsAdornment: { flex: 1 },\n  info: { marginTop: 16 },\n  text: {\n    color: theme.palette.primary.text6,\n  },\n  value: {\n    color: theme.palette.primary.text1,\n  },\n  inputMain: {\n    marginBottom: 0,\n    fontSize: '11px',\n    color: theme.palette.primary.text8,\n  },\n  inputHelper: {\n    display: 'flex',\n    paddingRight: 5,\n  },\n  cancelText: {\n    cursor: 'pointer',\n  },\n  highlightedLabel: {\n    color: theme.palette.primary.main,\n  },\n  modalActions: { paddingTop: 16 },\n  actions: { height: 36 },\n  sendRow: { display: 'flex' },\n  sendIcon: {\n    '&.Mui-disabled': {\n      cursor: 'not-allowed!important',\n    },\n  },\n}));\n\nfunction LessonsLearnedEdit({\n  feedItem: {\n    context: {\n      id,\n      lessons_learned: {\n        attachment,\n        timestamp,\n        data: pointData,\n        data: { description, cause, section, activity, md_start, tvd_start },\n      },\n    },\n  },\n  onClose,\n  onSave,\n  userCompanyId,\n}) {\n  const classes = useStyles();\n\n  const wrapperRef = useRef();\n  const [comment, setComment] = useState({\n    body: description,\n    attachment,\n  });\n\n  const sendActivity = () => {\n    onSave({\n      context: {\n        id,\n        lessons_learned: {\n          attachment: comment.attachment,\n          data: { ...pointData, description: comment.body },\n        },\n      },\n    });\n  };\n\n  const onKeyDown = e => {\n    if (e.key === 'Enter' && !e.shiftKey && !isSuggestionsListOpened()) {\n      e.preventDefault();\n      sendActivity();\n    }\n  };\n\n  const handleClick = e => {\n    e.stopPropagation();\n  };\n\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title=\"Edit Comment\"\n      contentClassName={classes.modal}\n      actionsClassName={classes.modalActions}\n      onClick={handleClick}\n      actions={\n        <Grid\n          container\n          direction=\"row\"\n          justify=\"space-between\"\n          alignItems=\"center\"\n          className={classes.actions}\n        >\n          <Grid item>\n            <Typography\n              variant=\"caption\"\n              className={classNames(\n                classes.inputMain,\n                classes.cancelText,\n                classes.highlightedLabel\n              )}\n              data-testid={`${PAGE_NAME}_cancel`}\n              component=\"div\"\n              gutterBottom\n              onClick={onClose}\n            >\n              Cancel\n            </Typography>\n          </Grid>\n          <Grid item direction=\"row\" alignItems=\"center\" className={classes.sendRow}>\n            <Typography\n              variant=\"caption\"\n              className={classNames(classes.inputMain, classes.inputHelper)}\n              component=\"div\"\n              gutterBottom\n            >\n              Press&nbsp;\n              <Typography\n                variant=\"caption\"\n                color=\"primary\"\n                className={classNames(classes.inputMain, classes.highlightedLabel)}\n              >\n                Enter\n              </Typography>\n              &nbsp;to send\n            </Typography>\n            <IconButton\n              onClick={sendActivity}\n              className={classes.sendIcon}\n              data-testid={`${PAGE_NAME}_send`}\n              disabled={!comment || (!comment.body && !comment.attachment)}\n            >\n              <SendIcon />\n            </IconButton>\n          </Grid>\n        </Grid>\n      }\n      ref={wrapperRef}\n    >\n      <PostInput\n        initialValue={{ body: description, attachment }}\n        userCompanyId={userCompanyId}\n        onChange={setComment}\n        filePreviewWrapperClass={classes.filePreviewWrapper}\n        className={classes.postInput}\n        onKeyDown={onKeyDown}\n        mentionStyle={MENTION_STYLE}\n        suggestionsPortalHost={wrapperRef.current}\n        allowSuggestionsAboveCursor\n      />\n\n      <div className={classes.info}>\n        {timestamp && (\n          <Regular14 className={classes.text} gutterBottom>\n            Time:{' '}\n            <span className={classes.value}>{moment(timestamp).format('MM/DD/YY, HH:mm')}</span>{' '}\n          </Regular14>\n        )}\n\n        {cause && (\n          <Regular14 className={classes.text} gutterBottom>\n            Event Cause: <span className={classes.value}>{cause}</span>\n          </Regular14>\n        )}\n\n        {(Number.isFinite(md_start) || Number.isFinite(tvd_start)) && (\n          <Regular14 className={classes.text} gutterBottom>\n            MD/TVD:{' '}\n            <span className={classes.value}>\n              {Number.isFinite(md_start)\n                ? `${md_start.fixFloat(2)}  ${getUnitDisplay('length')}`\n                : '-'}\n              /\n              {Number.isFinite(tvd_start)\n                ? `${tvd_start.fixFloat(2)}  ${getUnitDisplay('length')}`\n                : '-'}\n            </span>\n          </Regular14>\n        )}\n\n        {section && (\n          <Regular14 className={classes.text} gutterBottom>\n            Hole Section: <span className={classes.value}>{section}</span>\n          </Regular14>\n        )}\n\n        {activity && (\n          <Regular14 className={classes.text} gutterBottom>\n            Operation: <span className={classes.value}>{activity}</span>\n          </Regular14>\n        )}\n      </div>\n    </Modal>\n  );\n}\n\nexport default LessonsLearnedEdit;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","postInput","paddingBottom","filePreviewWrapper","width","marginLeft","maxHeight","modal","maxWidth","actionsAdornment","flex","info","marginTop","text","color","palette","primary","text6","value","text1","inputMain","marginBottom","fontSize","text8","inputHelper","display","paddingRight","cancelText","cursor","highlightedLabel","main","modalActions","paddingTop","actions","height","sendRow","sendIcon","LessonsLearnedEdit","feedItem","context","id","lessons_learned","attachment","timestamp","pointData","data","description","cause","section","activity","md_start","tvd_start","onClose","onSave","userCompanyId","classes","wrapperRef","useRef","useState","body","comment","setComment","sendActivity","onKeyDown","e","key","shiftKey","isSuggestionsListOpened","preventDefault","handleClick","stopPropagation","_jsxs","_jsx","classNames","MENTION_STYLE","current","moment","format","Number","isFinite","fixFloat","getUnitDisplay"],"mappings":";;;;;;;;;;;;;;;;;;AAcA,IAAMA,SAAS,GAAG,aAAa,CAAA;AAE/B,IAAMC,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACrCC,IAAAA,SAAS,EAAE;AAAEC,MAAAA,aAAa,EAAE,CAAA;KAAG;AAC/BC,IAAAA,kBAAkB,EAAE;AAClBC,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,UAAU,EAAE,CAAC;AACbC,MAAAA,SAAS,EAAE,GAAA;KACZ;AACDC,IAAAA,KAAK,EAAE;AACLC,MAAAA,QAAQ,EAAE,GAAG;AACbJ,MAAAA,KAAK,EAAE,OAAA;KACR;AACDK,IAAAA,gBAAgB,EAAE;AAAEC,MAAAA,IAAI,EAAE,CAAA;KAAG;AAC7BC,IAAAA,IAAI,EAAE;AAAEC,MAAAA,SAAS,EAAE,EAAA;KAAI;AACvBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAEd,KAAK,CAACe,OAAO,CAACC,OAAO,CAACC,KAAAA;KAC9B;AACDC,IAAAA,KAAK,EAAE;AACLJ,MAAAA,KAAK,EAAEd,KAAK,CAACe,OAAO,CAACC,OAAO,CAACG,KAAAA;KAC9B;AACDC,IAAAA,SAAS,EAAE;AACTC,MAAAA,YAAY,EAAE,CAAC;AACfC,MAAAA,QAAQ,EAAE,MAAM;AAChBR,MAAAA,KAAK,EAAEd,KAAK,CAACe,OAAO,CAACC,OAAO,CAACO,KAAAA;KAC9B;AACDC,IAAAA,WAAW,EAAE;AACXC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,YAAY,EAAE,CAAA;KACf;AACDC,IAAAA,UAAU,EAAE;AACVC,MAAAA,MAAM,EAAE,SAAA;KACT;AACDC,IAAAA,gBAAgB,EAAE;AAChBf,MAAAA,KAAK,EAAEd,KAAK,CAACe,OAAO,CAACC,OAAO,CAACc,IAAAA;KAC9B;AACDC,IAAAA,YAAY,EAAE;AAAEC,MAAAA,UAAU,EAAE,EAAA;KAAI;AAChCC,IAAAA,OAAO,EAAE;AAAEC,MAAAA,MAAM,EAAE,EAAA;KAAI;AACvBC,IAAAA,OAAO,EAAE;AAAEV,MAAAA,OAAO,EAAE,MAAA;KAAQ;AAC5BW,IAAAA,QAAQ,EAAE;AACR,MAAA,gBAAgB,EAAE;AAChBR,QAAAA,MAAM,EAAE,uBAAA;AACV,OAAA;AACF,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,SAASS,kBAAkB,CAexB,IAAA,EAAA;EAAA,IAdDC,qBAAAA,GAAAA,IAAAA,CAAAA,QAAQ,CACNC,OAAO;AACLC,IAAAA,EAAE,yBAAFA,EAAE;AAAA,IAAA,sBAAA,GAAA,qBAAA,CACFC,eAAe;AACbC,IAAAA,UAAU,0BAAVA,UAAU;AACVC,IAAAA,SAAS,0BAATA,SAAS;AACHC,IAAAA,SAAS,0BAAfC,IAAI;AAAA,IAAA,sBAAA,GAAA,sBAAA,CACJA,IAAI;AAAIC,IAAAA,WAAW,0BAAXA,WAAW;AAAEC,IAAAA,KAAK,0BAALA,KAAK;AAAEC,IAAAA,OAAO,0BAAPA,OAAO;AAAEC,IAAAA,QAAQ,0BAARA,QAAQ;AAAEC,IAAAA,QAAQ,0BAARA,QAAQ;AAAEC,IAAAA,SAAS,0BAATA,SAAS;AAIxEC,IAAAA,OAAO,QAAPA,OAAO;AACPC,IAAAA,MAAM,QAANA,MAAM;AACNC,IAAAA,aAAa,QAAbA,aAAa,CAAA;EAEb,IAAMC,OAAO,GAAGzD,SAAS,EAAE,CAAA;EAE3B,IAAM0D,UAAU,GAAGC,MAAM,EAAE,CAAA;AAC3B,EAAA,IAAA,SAAA,GAA8BC,QAAQ,CAAC;AACrCC,MAAAA,IAAI,EAAEb,WAAW;AACjBJ,MAAAA,UAAU,EAAVA,UAAAA;AACF,KAAC,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAHKkB,OAAO,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,UAAU,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAK1B,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAY,GAAS;AACzBT,IAAAA,MAAM,CAAC;AACLd,MAAAA,OAAO,EAAE;AACPC,QAAAA,EAAE,EAAFA,EAAE;AACFC,QAAAA,eAAe,EAAE;UACfC,UAAU,EAAEkB,OAAO,CAAClB,UAAU;AAC9BG,UAAAA,IAAI,kCAAOD,SAAS,CAAA,EAAA,EAAA,EAAA;YAAEE,WAAW,EAAEc,OAAO,CAACD,IAAAA;AAAI,WAAA,CAAA;AACjD,SAAA;AACF,OAAA;AACF,KAAC,CAAC,CAAA;GACH,CAAA;AAED,EAAA,IAAMI,SAAS,GAAG,SAAZA,SAAS,CAAGC,CAAC,EAAI;AACrB,IAAA,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAI,CAACD,CAAC,CAACE,QAAQ,IAAI,CAACC,uBAAuB,EAAE,EAAE;MAClEH,CAAC,CAACI,cAAc,EAAE,CAAA;AAClBN,MAAAA,YAAY,EAAE,CAAA;AAChB,KAAA;GACD,CAAA;AAED,EAAA,IAAMO,WAAW,GAAG,SAAdA,WAAW,CAAGL,CAAC,EAAI;IACvBA,CAAC,CAACM,eAAe,EAAE,CAAA;GACpB,CAAA;AAED,EAAA,oBACEC,KAAC,KAAK,EAAA;IACJ,IAAI,EAAA,IAAA;AACJ,IAAA,OAAO,EAAEnB,OAAQ;AACjB,IAAA,KAAK,EAAC,cAAc;IACpB,gBAAgB,EAAEG,OAAO,CAAChD,KAAM;IAChC,gBAAgB,EAAEgD,OAAO,CAACxB,YAAa;AACvC,IAAA,OAAO,EAAEsC,WAAY;IACrB,OAAO,eACLE,KAAC,IAAI,EAAA;MACH,SAAS,EAAA,IAAA;AACT,MAAA,SAAS,EAAC,KAAK;AACf,MAAA,OAAO,EAAC,eAAe;AACvB,MAAA,UAAU,EAAC,QAAQ;MACnB,SAAS,EAAEhB,OAAO,CAACtB,OAAQ;AAAA,MAAA,QAAA,EAAA,cAE3BuC,IAAC,IAAI,EAAA;QAAC,IAAI,EAAA,IAAA;AAAA,QAAA,QAAA,eACRA,IAAC,UAAU,EAAA;AACT,UAAA,OAAO,EAAC,SAAS;AACjB,UAAA,SAAS,EAAEC,UAAU,CACnBlB,OAAO,CAACnC,SAAS,EACjBmC,OAAO,CAAC5B,UAAU,EAClB4B,OAAO,CAAC1B,gBAAgB,CACxB;AACF,UAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgBhC,SAAS,EAAU,SAAA,CAAA;AACnC,UAAA,SAAS,EAAC,KAAK;UACf,YAAY,EAAA,IAAA;AACZ,UAAA,OAAO,EAAEuD,OAAQ;AAAA,UAAA,QAAA,EAAA,QAAA;AAAA,SAAA,CAAA;OAId,CAAA,eACPmB,KAAC,IAAI,EAAA;QAAC,IAAI,EAAA,IAAA;AAAC,QAAA,SAAS,EAAC,KAAK;AAAC,QAAA,UAAU,EAAC,QAAQ;QAAC,SAAS,EAAEhB,OAAO,CAACpB,OAAQ;AAAA,QAAA,QAAA,EAAA,cACxEoC,KAAC,UAAU,EAAA;AACT,UAAA,OAAO,EAAC,SAAS;UACjB,SAAS,EAAEE,UAAU,CAAClB,OAAO,CAACnC,SAAS,EAAEmC,OAAO,CAAC/B,WAAW,CAAE;AAC9D,UAAA,SAAS,EAAC,KAAK;UACf,YAAY,EAAA,IAAA;AAAA,UAAA,QAAA,EAAA,CAAA,WAAA,eAGZgD,IAAC,UAAU,EAAA;AACT,YAAA,OAAO,EAAC,SAAS;AACjB,YAAA,KAAK,EAAC,SAAS;YACf,SAAS,EAAEC,UAAU,CAAClB,OAAO,CAACnC,SAAS,EAAEmC,OAAO,CAAC1B,gBAAgB,CAAE;AAAA,YAAA,QAAA,EAAA,OAAA;WAGxD,CAAA,EAAA,aAAA,CAAA;SAEF,CAAA,eACb2C,IAAC,UAAU,EAAA;AACT,UAAA,OAAO,EAAEV,YAAa;UACtB,SAAS,EAAEP,OAAO,CAACnB,QAAS;AAC5B,UAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgBvC,SAAS,EAAQ,OAAA,CAAA;AACjC,UAAA,QAAQ,EAAE,CAAC+D,OAAO,IAAK,CAACA,OAAO,CAACD,IAAI,IAAI,CAACC,OAAO,CAAClB,UAAY;AAAA,UAAA,QAAA,eAE7D8B,IAAC,QAAQ,EAAA,EAAA,CAAA;SACE,CAAA,CAAA;OACR,CAAA,CAAA;KAEV,CAAA;AACD,IAAA,GAAG,EAAEhB,UAAW;AAAA,IAAA,QAAA,EAAA,cAEhBgB,IAAC,SAAS,EAAA;AACR,MAAA,YAAY,EAAE;AAAEb,QAAAA,IAAI,EAAEb,WAAW;AAAEJ,QAAAA,UAAU,EAAVA,UAAAA;OAAa;AAChD,MAAA,aAAa,EAAEY,aAAc;AAC7B,MAAA,QAAQ,EAAEO,UAAW;MACrB,uBAAuB,EAAEN,OAAO,CAACpD,kBAAmB;MACpD,SAAS,EAAEoD,OAAO,CAACtD,SAAU;AAC7B,MAAA,SAAS,EAAE8D,SAAU;AACrB,MAAA,YAAY,EAAEW,aAAc;MAC5B,qBAAqB,EAAElB,UAAU,CAACmB,OAAQ;MAC1C,2BAA2B,EAAA,IAAA;AAAA,KAAA,CAC3B,eAEFJ,IAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEhB,OAAO,CAAC5C,IAAK;MAAA,QAC1BgC,EAAAA,CAAAA,SAAS,iBACR4B,IAAA,CAAC,SAAS,EAAA;QAAC,SAAS,EAAEhB,OAAO,CAAC1C,IAAK;QAAC,YAAY,EAAA,IAAA;AAAA,QAAA,QAAA,EAAA,CAAA,OAAA,EACxC,GAAG,eACT2D,GAAA,CAAA,MAAA,EAAA;UAAM,SAAS,EAAEjB,OAAO,CAACrC,KAAM;AAAA,UAAA,QAAA,EAAE0D,MAAM,CAACjC,SAAS,CAAC,CAACkC,MAAM,CAAC,iBAAiB,CAAA;AAAC,SAAA,CAAQ,EAAC,GAAG,CAAA;AAAA,OAAA,CAE3F,EAEA9B,KAAK,iBACJwB,IAAA,CAAC,SAAS,EAAA;QAAC,SAAS,EAAEhB,OAAO,CAAC1C,IAAK;QAAC,YAAY,EAAA,IAAA;QAAA,QACjC,EAAA,CAAA,eAAA,eAAA2D,GAAA,CAAA,MAAA,EAAA;UAAM,SAAS,EAAEjB,OAAO,CAACrC,KAAM;UAAA,QAAE6B,EAAAA,KAAAA;SAAa,CAAA,CAAA;AAAA,OAAA,CAE9D,EAEA,CAAC+B,MAAM,CAACC,QAAQ,CAAC7B,QAAQ,CAAC,IAAI4B,MAAM,CAACC,QAAQ,CAAC5B,SAAS,CAAC,kBACvDoB,KAAC,SAAS,EAAA;QAAC,SAAS,EAAEhB,OAAO,CAAC1C,IAAK;QAAC,YAAY,EAAA,IAAA;AAAA,QAAA,QAAA,EAAA,CAAA,SAAA,EACtC,GAAG,eACX0D,IAAA,CAAA,MAAA,EAAA;UAAM,SAAS,EAAEhB,OAAO,CAACrC,KAAM;AAAA,UAAA,QAAA,EAAA,CAC5B4D,MAAM,CAACC,QAAQ,CAAC7B,QAAQ,CAAC,aACnBA,QAAQ,CAAC8B,QAAQ,CAAC,CAAC,CAAC,EAAA,IAAA,CAAA,CAAA,MAAA,CAAKC,cAAc,CAAC,QAAQ,CAAC,CACpD,GAAA,GAAG,EAENH,GAAAA,EAAAA,MAAM,CAACC,QAAQ,CAAC5B,SAAS,CAAC,GAAA,EAAA,CAAA,MAAA,CACpBA,SAAS,CAAC6B,QAAQ,CAAC,CAAC,CAAC,EAAKC,IAAAA,CAAAA,CAAAA,MAAAA,CAAAA,cAAc,CAAC,QAAQ,CAAC,IACrD,GAAG,CAAA;SACF,CAAA,CAAA;AAAA,OAAA,CAEV,EAEAjC,OAAO,iBACNuB,IAAA,CAAC,SAAS,EAAA;QAAC,SAAS,EAAEhB,OAAO,CAAC1C,IAAK;QAAC,YAAY,EAAA,IAAA;QAAA,QAChC,EAAA,CAAA,gBAAA,eAAA2D,GAAA,CAAA,MAAA,EAAA;UAAM,SAAS,EAAEjB,OAAO,CAACrC,KAAM;UAAA,QAAE8B,EAAAA,OAAAA;SAAe,CAAA,CAAA;AAAA,OAAA,CAEjE,EAEAC,QAAQ,iBACPsB,IAAA,CAAC,SAAS,EAAA;QAAC,SAAS,EAAEhB,OAAO,CAAC1C,IAAK;QAAC,YAAY,EAAA,IAAA;QAAA,QACnC,EAAA,CAAA,aAAA,eAAA2D,GAAA,CAAA,MAAA,EAAA;UAAM,SAAS,EAAEjB,OAAO,CAACrC,KAAM;UAAA,QAAE+B,EAAAA,QAAAA;SAAgB,CAAA,CAAA;OAE/D,CAAA,CAAA;KACG,CAAA,CAAA;GACA,CAAA,CAAA;AAEZ;;;;"}

package/components/FeedItem/editModals/NptLessonsCommentEdit/NptLessonsCommentEdit.js

@@ -1 +1,203 @@
-import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useRef as o,useState as n}from"react";import r from"moment";import i from"classnames";import{makeStyles as a,Grid as c,Typography as s}from"@material-ui/core";import{getUnitDisplay as l}from"../../../../utils/index.js";import m from"../../../Modal/Modal.js";import p from"../../../PostInput/PostInput.js";import d from"../../../IconButton/index.js";import{Regular14 as u}from"../../../Typography.js";import h from"../../../Icons/SendIcon.js";import{isSuggestionsListOpened as f}from"../../../UserMention/utils/index.js";import{FEED_ITEM_TYPES as g,MENTION_STYLE as b}from"../../../../constants/feed.js";import{jsxs as y,jsx as v}from"react/jsx-runtime";function j(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,n)}return o}function w(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?j(Object(n),!0).forEach((function(o){t(e,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=a((function(t){return{postInput:{paddingBottom:8},filePreviewWrapper:{width:"100%",marginLeft:0,maxHeight:251},modal:{maxWidth:450,width:"100vw"},info:{marginTop:16},text:{color:t.palette.primary.text6},value:{color:"#fff"},inputMain:{marginBottom:0,fontSize:"11px",color:t.palette.primary.text8},inputHelper:{display:"flex",paddingRight:5},cancelText:{cursor:"pointer"},highlightedLabel:{color:t.palette.primary.main},modalActions:{paddingTop:16},actions:{height:36},sendRow:{display:"flex"},sendIcon:{"&.Mui-disabled":{cursor:"not-allowed!important"}}}}));function O(a){var j=a.feedItem.context[g.TRACES_MEMO],O=j.body,C=j.attachment,N=j.bitDepth,P=j.holeDepth,D=j.timestamp,I=a.onClose,M=a.onSave,E=a.userCompanyId,B=x(),S=o(),T=n({body:O,attachment:C}),H=e(T,2),A=H[0],k=H[1],R=function(){M({context:t({},g.TRACES_MEMO,w(w({},A),{},{bitDepth:N,holeDepth:P,timestamp:D}))})};return y(m,{open:!0,onClose:I,title:"Edit Comment",contentClassName:B.modal,actionsClassName:B.modalActions,onClick:function(t){t.stopPropagation()},actions:y(c,{container:!0,direction:"row",justify:"space-between",alignItems:"center",className:B.actions,children:[v(c,{item:!0,children:v(s,{variant:"caption",className:i(B.inputMain,B.cancelText,B.highlightedLabel),"data-testid":"".concat("EditComment","_cancel"),component:"div",gutterBottom:!0,onClick:I,children:"Cancel"})}),y(c,{item:!0,direction:"row",alignItems:"center",className:B.sendRow,children:[y(s,{variant:"caption",className:i(B.inputMain,B.inputHelper),component:"div",gutterBottom:!0,children:["Press ",v(s,{variant:"caption",color:"primary",className:i(B.inputMain,B.highlightedLabel),children:"Enter"})," to send"]}),v(d,{onClick:R,className:B.sendIcon,"data-testid":"".concat("EditComment","_send"),disabled:!A||!A.body&&!A.attachment,children:v(h,{})})]})]}),ref:S,children:[v(p,{initialValue:{body:O,attachment:C},userCompanyId:E,onChange:k,filePreviewWrapperClass:B.filePreviewWrapper,className:B.postInput,onKeyDown:function(t){"Enter"!==t.key||t.shiftKey||f()||(t.preventDefault(),R())},mentionStyle:b,suggestionsPortalHost:S.current,allowSuggestionsAboveCursor:!0}),y("div",{className:B.info,children:[D&&y(u,{className:B.text,gutterBottom:!0,children:["Time:"," ",v("span",{className:B.value,children:r(D).format("MM/DD/YY, HH:mm")})," "]}),Number.isFinite(N)&&y(u,{className:B.text,gutterBottom:!0,children:["Bit Depth:"," ",v("span",{className:B.value,children:"".concat(N," ").concat(l("length"))})]}),Number.isFinite(P)&&y(u,{className:B.text,gutterBottom:!0,children:["Hole Depth:"," ",v("span",{className:B.value,children:"".concat(P," ").concat(l("length"))})]})]})]})}export{O as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useRef, useState } from 'react';
+import moment from 'moment';
+import classNames from 'classnames';
+import { makeStyles, Grid, Typography } from '@material-ui/core';
+import { getUnitDisplay } from '../../../../utils/index.js';
+import Modal from '../../../Modal/Modal.js';
+import PostInput from '../../../PostInput/PostInput.js';
+import IconButton from '../../../IconButton/index.js';
+import { Regular14 } from '../../../Typography.js';
+import SendIcon from '../../../Icons/SendIcon.js';
+import { isSuggestionsListOpened } from '../../../UserMention/utils/index.js';
+import { FEED_ITEM_TYPES, MENTION_STYLE } from '../../../../constants/feed.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var PAGE_NAME = 'EditComment';
+var useStyles = makeStyles(function (theme) {
+  return {
+    postInput: {
+      paddingBottom: 8
+    },
+    filePreviewWrapper: {
+      width: '100%',
+      marginLeft: 0,
+      maxHeight: 251
+    },
+    modal: {
+      maxWidth: 450,
+      width: '100vw'
+    },
+    info: {
+      marginTop: 16
+    },
+    text: {
+      color: theme.palette.primary.text6
+    },
+    value: {
+      color: '#fff'
+    },
+    inputMain: {
+      marginBottom: 0,
+      fontSize: '11px',
+      color: theme.palette.primary.text8
+    },
+    inputHelper: {
+      display: 'flex',
+      paddingRight: 5
+    },
+    cancelText: {
+      cursor: 'pointer'
+    },
+    highlightedLabel: {
+      color: theme.palette.primary.main
+    },
+    modalActions: {
+      paddingTop: 16
+    },
+    actions: {
+      height: 36
+    },
+    sendRow: {
+      display: 'flex'
+    },
+    sendIcon: {
+      '&.Mui-disabled': {
+        cursor: 'not-allowed!important'
+      }
+    }
+  };
+});
+function NptLessonsCommentEdit(_ref) {
+  var _ref$feedItem$context = _ref.feedItem.context[FEED_ITEM_TYPES.TRACES_MEMO],
+    body = _ref$feedItem$context.body,
+    attachment = _ref$feedItem$context.attachment,
+    bitDepth = _ref$feedItem$context.bitDepth,
+    holeDepth = _ref$feedItem$context.holeDepth,
+    timestamp = _ref$feedItem$context.timestamp,
+    onClose = _ref.onClose,
+    onSave = _ref.onSave,
+    userCompanyId = _ref.userCompanyId;
+  var classes = useStyles();
+  var wrapperRef = useRef();
+  var _useState = useState({
+      body: body,
+      attachment: attachment
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    comment = _useState2[0],
+    setComment = _useState2[1];
+  var sendActivity = function sendActivity() {
+    onSave({
+      context: _defineProperty({}, FEED_ITEM_TYPES.TRACES_MEMO, _objectSpread(_objectSpread({}, comment), {}, {
+        bitDepth: bitDepth,
+        holeDepth: holeDepth,
+        timestamp: timestamp
+      }))
+    });
+  };
+  var onKeyDown = function onKeyDown(e) {
+    if (e.key === 'Enter' && !e.shiftKey && !isSuggestionsListOpened()) {
+      e.preventDefault();
+      sendActivity();
+    }
+  };
+  var handleClick = function handleClick(e) {
+    e.stopPropagation();
+  };
+  return /*#__PURE__*/jsxs(Modal, {
+    open: true,
+    onClose: onClose,
+    title: "Edit Comment",
+    contentClassName: classes.modal,
+    actionsClassName: classes.modalActions,
+    onClick: handleClick,
+    actions: /*#__PURE__*/jsxs(Grid, {
+      container: true,
+      direction: "row",
+      justify: "space-between",
+      alignItems: "center",
+      className: classes.actions,
+      children: [/*#__PURE__*/jsx(Grid, {
+        item: true,
+        children: /*#__PURE__*/jsx(Typography, {
+          variant: "caption",
+          className: classNames(classes.inputMain, classes.cancelText, classes.highlightedLabel),
+          "data-testid": "".concat(PAGE_NAME, "_cancel"),
+          component: "div",
+          gutterBottom: true,
+          onClick: onClose,
+          children: "Cancel"
+        })
+      }), /*#__PURE__*/jsxs(Grid, {
+        item: true,
+        direction: "row",
+        alignItems: "center",
+        className: classes.sendRow,
+        children: [/*#__PURE__*/jsxs(Typography, {
+          variant: "caption",
+          className: classNames(classes.inputMain, classes.inputHelper),
+          component: "div",
+          gutterBottom: true,
+          children: ["Press\xA0", /*#__PURE__*/jsx(Typography, {
+            variant: "caption",
+            color: "primary",
+            className: classNames(classes.inputMain, classes.highlightedLabel),
+            children: "Enter"
+          }), "\xA0to send"]
+        }), /*#__PURE__*/jsx(IconButton, {
+          onClick: sendActivity,
+          className: classes.sendIcon,
+          "data-testid": "".concat(PAGE_NAME, "_send"),
+          disabled: !comment || !comment.body && !comment.attachment,
+          children: /*#__PURE__*/jsx(SendIcon, {})
+        })]
+      })]
+    }),
+    ref: wrapperRef,
+    children: [/*#__PURE__*/jsx(PostInput, {
+      initialValue: {
+        body: body,
+        attachment: attachment
+      },
+      userCompanyId: userCompanyId,
+      onChange: setComment,
+      filePreviewWrapperClass: classes.filePreviewWrapper,
+      className: classes.postInput,
+      onKeyDown: onKeyDown,
+      mentionStyle: MENTION_STYLE,
+      suggestionsPortalHost: wrapperRef.current,
+      allowSuggestionsAboveCursor: true
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.info,
+      children: [timestamp && /*#__PURE__*/jsxs(Regular14, {
+        className: classes.text,
+        gutterBottom: true,
+        children: ["Time:", ' ', /*#__PURE__*/jsx("span", {
+          className: classes.value,
+          children: moment(timestamp).format('MM/DD/YY, HH:mm')
+        }), ' ']
+      }), Number.isFinite(bitDepth) && /*#__PURE__*/jsxs(Regular14, {
+        className: classes.text,
+        gutterBottom: true,
+        children: ["Bit Depth:", ' ', /*#__PURE__*/jsx("span", {
+          className: classes.value,
+          children: "".concat(bitDepth, " ").concat(getUnitDisplay('length'))
+        })]
+      }), Number.isFinite(holeDepth) && /*#__PURE__*/jsxs(Regular14, {
+        className: classes.text,
+        gutterBottom: true,
+        children: ["Hole Depth:", ' ', /*#__PURE__*/jsx("span", {
+          className: classes.value,
+          children: "".concat(holeDepth, " ").concat(getUnitDisplay('length'))
+        })]
+      })]
+    })]
+  });
+}
+
+export { NptLessonsCommentEdit as default };
+//# sourceMappingURL=NptLessonsCommentEdit.js.map

package/components/FeedItem/editModals/NptLessonsCommentEdit/NptLessonsCommentEdit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NptLessonsCommentEdit.js","sources":["../../../../../src/components/FeedItem/editModals/NptLessonsCommentEdit/NptLessonsCommentEdit.js"],"sourcesContent":["import { useState, useRef } from 'react';\nimport moment from 'moment';\nimport classNames from 'classnames';\n\nimport { Grid, Typography, makeStyles } from '@material-ui/core';\n\nimport { getUnitDisplay } from '~/utils';\nimport Modal from '~/components/Modal';\nimport PostInput from '~/components/PostInput';\nimport IconButton from '~/components/IconButton';\nimport { Regular14 } from '~/components/Typography';\nimport SendIcon from '~components/Icons/SendIcon';\nimport { isSuggestionsListOpened } from '~/components/UserMention/utils';\nimport { FEED_ITEM_TYPES, MENTION_STYLE } from '~/constants/feed';\n\nconst PAGE_NAME = 'EditComment';\n\nconst useStyles = makeStyles(theme => ({\n  postInput: { paddingBottom: 8 },\n  filePreviewWrapper: {\n    width: '100%',\n    marginLeft: 0,\n    maxHeight: 251,\n  },\n  modal: {\n    maxWidth: 450,\n    width: '100vw',\n  },\n  info: { marginTop: 16 },\n  text: {\n    color: theme.palette.primary.text6,\n  },\n  value: {\n    color: '#fff',\n  },\n  inputMain: {\n    marginBottom: 0,\n    fontSize: '11px',\n    color: theme.palette.primary.text8,\n  },\n  inputHelper: {\n    display: 'flex',\n    paddingRight: 5,\n  },\n  cancelText: {\n    cursor: 'pointer',\n  },\n  highlightedLabel: {\n    color: theme.palette.primary.main,\n  },\n  modalActions: { paddingTop: 16 },\n  actions: { height: 36 },\n  sendRow: { display: 'flex' },\n  sendIcon: {\n    '&.Mui-disabled': {\n      cursor: 'not-allowed!important',\n    },\n  },\n}));\n\nfunction NptLessonsCommentEdit({\n  feedItem: {\n    context: {\n      [FEED_ITEM_TYPES.TRACES_MEMO]: { body, attachment, bitDepth, holeDepth, timestamp },\n    },\n  },\n  onClose,\n  onSave,\n  userCompanyId,\n}) {\n  const classes = useStyles();\n\n  const wrapperRef = useRef();\n  const [comment, setComment] = useState({\n    body,\n    attachment,\n  });\n\n  const sendActivity = () => {\n    onSave({\n      context: {\n        [FEED_ITEM_TYPES.TRACES_MEMO]: {\n          ...comment,\n          bitDepth,\n          holeDepth,\n          timestamp,\n        },\n      },\n    });\n  };\n\n  const onKeyDown = e => {\n    if (e.key === 'Enter' && !e.shiftKey && !isSuggestionsListOpened()) {\n      e.preventDefault();\n      sendActivity();\n    }\n  };\n\n  const handleClick = e => {\n    e.stopPropagation();\n  };\n\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title=\"Edit Comment\"\n      contentClassName={classes.modal}\n      actionsClassName={classes.modalActions}\n      onClick={handleClick}\n      actions={\n        <Grid\n          container\n          direction=\"row\"\n          justify=\"space-between\"\n          alignItems=\"center\"\n          className={classes.actions}\n        >\n          <Grid item>\n            <Typography\n              variant=\"caption\"\n              className={classNames(\n                classes.inputMain,\n                classes.cancelText,\n                classes.highlightedLabel\n              )}\n              data-testid={`${PAGE_NAME}_cancel`}\n              component=\"div\"\n              gutterBottom\n              onClick={onClose}\n            >\n              Cancel\n            </Typography>\n          </Grid>\n          <Grid item direction=\"row\" alignItems=\"center\" className={classes.sendRow}>\n            <Typography\n              variant=\"caption\"\n              className={classNames(classes.inputMain, classes.inputHelper)}\n              component=\"div\"\n              gutterBottom\n            >\n              Press&nbsp;\n              <Typography\n                variant=\"caption\"\n                color=\"primary\"\n                className={classNames(classes.inputMain, classes.highlightedLabel)}\n              >\n                Enter\n              </Typography>\n              &nbsp;to send\n            </Typography>\n            <IconButton\n              onClick={sendActivity}\n              className={classes.sendIcon}\n              data-testid={`${PAGE_NAME}_send`}\n              disabled={!comment || (!comment.body && !comment.attachment)}\n            >\n              <SendIcon />\n            </IconButton>\n          </Grid>\n        </Grid>\n      }\n      ref={wrapperRef}\n    >\n      <PostInput\n        initialValue={{ body, attachment }}\n        userCompanyId={userCompanyId}\n        onChange={setComment}\n        filePreviewWrapperClass={classes.filePreviewWrapper}\n        className={classes.postInput}\n        onKeyDown={onKeyDown}\n        mentionStyle={MENTION_STYLE}\n        suggestionsPortalHost={wrapperRef.current}\n        allowSuggestionsAboveCursor\n      />\n\n      <div className={classes.info}>\n        {timestamp && (\n          <Regular14 className={classes.text} gutterBottom>\n            Time:{' '}\n            <span className={classes.value}>{moment(timestamp).format('MM/DD/YY, HH:mm')}</span>{' '}\n          </Regular14>\n        )}\n\n        {Number.isFinite(bitDepth) && (\n          <Regular14 className={classes.text} gutterBottom>\n            Bit Depth:{' '}\n            <span className={classes.value}>{`${bitDepth} ${getUnitDisplay('length')}`}</span>\n          </Regular14>\n        )}\n\n        {Number.isFinite(holeDepth) && (\n          <Regular14 className={classes.text} gutterBottom>\n            Hole Depth:{' '}\n            <span className={classes.value}>{`${holeDepth} ${getUnitDisplay('length')}`}</span>\n          </Regular14>\n        )}\n      </div>\n    </Modal>\n  );\n}\n\nexport default NptLessonsCommentEdit;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","postInput","paddingBottom","filePreviewWrapper","width","marginLeft","maxHeight","modal","maxWidth","info","marginTop","text","color","palette","primary","text6","value","inputMain","marginBottom","fontSize","text8","inputHelper","display","paddingRight","cancelText","cursor","highlightedLabel","main","modalActions","paddingTop","actions","height","sendRow","sendIcon","NptLessonsCommentEdit","feedItem","context","FEED_ITEM_TYPES","TRACES_MEMO","body","attachment","bitDepth","holeDepth","timestamp","onClose","onSave","userCompanyId","classes","wrapperRef","useRef","useState","comment","setComment","sendActivity","onKeyDown","e","key","shiftKey","isSuggestionsListOpened","preventDefault","handleClick","stopPropagation","_jsxs","_jsx","classNames","MENTION_STYLE","current","moment","format","Number","isFinite","getUnitDisplay"],"mappings":"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"}