@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/FeedItem/editModals/DvdCommentEdit/DvdCommentEdit.js

@@ -1 +1,224 @@
-import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useRef as n,useState as o}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{convertValue as l,getUnitDisplay as m}from"../../../../utils/index.js";import p from"../../../Modal/Modal.js";import d from"../../../PostInput/PostInput.js";import u from"../../../IconButton/index.js";import{Regular14 as f}from"../../../Typography.js";import h from"../../../Icons/SendIcon.js";import{isSuggestionsListOpened as g}from"../../../UserMention/utils/index.js";import{MENTION_STYLE as b}from"../../../../constants/feed.js";import{jsxs as y,jsx as v}from"react/jsx-runtime";function x(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 N(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?x(Object(o),!0).forEach((function(n){t(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):x(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var j=a((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:"#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 w(t){var a,x=t.feedItem.context.dvd_comment,w=x.body,C=x.attachment,O=x.data,P=x.data,I=P.bitDepth,D=P.holeDepth,B=P.cost,M=P.timestamp,S=t.onClose,E=t.onSave,H=t.userCompanyId,T=j(),k=l(+I,"length","ft"),A=l(+D,"length","ft"),L=n(),W=o({body:w,attachment:C}),_=e(W,2),F=_[0],R=_[1],K=function(){E({context:{dvd_comment:N(N({},F),{},{data:O})}})};return y(p,{open:!0,onClose:S,title:"Edit Comment",contentClassName:T.modal,actionsClassName:T.modalActions,onClick:function(t){t.stopPropagation()},actions:y(c,{container:!0,direction:"row",justify:"space-between",alignItems:"center",className:T.actions,children:[v(c,{item:!0,children:v(s,{variant:"caption",className:i(T.inputMain,T.cancelText,T.highlightedLabel),"data-testid":"".concat("EditComment","_cancel"),component:"div",gutterBottom:!0,onClick:S,children:"Cancel"})}),y(c,{item:!0,direction:"row",alignItems:"center",className:T.sendRow,children:[y(s,{variant:"caption",className:i(T.inputMain,T.inputHelper),component:"div",gutterBottom:!0,children:["Press ",v(s,{variant:"caption",color:"primary",className:i(T.inputMain,T.highlightedLabel),children:"Enter"})," to send"]}),v(u,{onClick:K,className:T.sendIcon,"data-testid":"".concat("EditComment","_send"),disabled:!F||!F.body&&!F.attachment,children:v(h,{})})]})]}),ref:L,children:[v(d,{initialValue:{body:w,attachment:C},userCompanyId:H,onChange:R,filePreviewWrapperClass:T.filePreviewWrapper,className:T.postInput,onKeyDown:function(t){"Enter"!==t.key||t.shiftKey||g()||(t.preventDefault(),K())},mentionStyle:b,suggestionsPortalHost:L.current,allowSuggestionsAboveCursor:!0}),y("div",{className:T.info,children:[M&&y(f,{className:T.text,gutterBottom:!0,children:["Time:",v("span",{className:T.value,children:r(1e3*M).format("MM/DD/YY, HH:mm")})]}),Number.isFinite(B)&&y(f,{className:T.text,gutterBottom:!0,children:["Cost: ",y("span",{className:T.value,children:[" ",(a=B,a.toString().replace(/\B(?=(\d{3})+(?!\d))/g," "))]}),v("span",{className:T.currency,children:"$"})]}),Number.isFinite(k)&&y(f,{className:T.text,gutterBottom:!0,children:["Bit Depth:",v("span",{className:T.value,children:"".concat(k," ").concat(m("length"))})]}),Number.isFinite(A)&&y(f,{className:T.text,gutterBottom:!0,children:["Hole Depth:",v("span",{className:T.value,children:"".concat(A," ").concat(m("length"))})]})]})]})}export{w 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 { convertValue, 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';
+function formatNumberWithSpaces(x) {
+  return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
+}
+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: '#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 DvdCommentEdit(_ref) {
+  var _ref$feedItem$context = _ref.feedItem.context.dvd_comment,
+    body = _ref$feedItem$context.body,
+    attachment = _ref$feedItem$context.attachment,
+    pointData = _ref$feedItem$context.data,
+    _ref$feedItem$context2 = _ref$feedItem$context.data,
+    bitDepth = _ref$feedItem$context2.bitDepth,
+    holeDepth = _ref$feedItem$context2.holeDepth,
+    cost = _ref$feedItem$context2.cost,
+    timestamp = _ref$feedItem$context2.timestamp,
+    onClose = _ref.onClose,
+    onSave = _ref.onSave,
+    userCompanyId = _ref.userCompanyId;
+  var classes = useStyles();
+  var convertedBitDepth = convertValue(+bitDepth, 'length', 'ft');
+  var convertedHoleDepth = convertValue(+holeDepth, 'length', 'ft');
+  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: {
+        dvd_comment: _objectSpread(_objectSpread({}, comment), {}, {
+          data: pointData
+        })
+      }
+    });
+  };
+  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 * 1000).format('MM/DD/YY, HH:mm')
+        })]
+      }), Number.isFinite(cost) && /*#__PURE__*/jsxs(Regular14, {
+        className: classes.text,
+        gutterBottom: true,
+        children: ["Cost: ", /*#__PURE__*/jsxs("span", {
+          className: classes.value,
+          children: [" ", formatNumberWithSpaces(cost)]
+        }), /*#__PURE__*/jsx("span", {
+          className: classes.currency,
+          children: "$"
+        })]
+      }), Number.isFinite(convertedBitDepth) && /*#__PURE__*/jsxs(Regular14, {
+        className: classes.text,
+        gutterBottom: true,
+        children: ["Bit Depth:", /*#__PURE__*/jsx("span", {
+          className: classes.value,
+          children: "".concat(convertedBitDepth, " ").concat(getUnitDisplay('length'))
+        })]
+      }), Number.isFinite(convertedHoleDepth) && /*#__PURE__*/jsxs(Regular14, {
+        className: classes.text,
+        gutterBottom: true,
+        children: ["Hole Depth:", /*#__PURE__*/jsx("span", {
+          className: classes.value,
+          children: "".concat(convertedHoleDepth, " ").concat(getUnitDisplay('length'))
+        })]
+      })]
+    })]
+  });
+}
+
+export { DvdCommentEdit as default };
+//# sourceMappingURL=DvdCommentEdit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DvdCommentEdit.js","sources":["../../../../../src/components/FeedItem/editModals/DvdCommentEdit/DvdCommentEdit.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 { convertValue, 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\nfunction formatNumberWithSpaces(x) {\n  return x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ' ');\n}\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: '#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 DvdCommentEdit({\n  feedItem: {\n    context: {\n      dvd_comment: {\n        body,\n        attachment,\n        data: pointData,\n        data: { bitDepth, holeDepth, cost, timestamp },\n      },\n    },\n  },\n  onClose,\n  onSave,\n  userCompanyId,\n}) {\n  const classes = useStyles();\n\n  const convertedBitDepth = convertValue(+bitDepth, 'length', 'ft');\n  const convertedHoleDepth = convertValue(+holeDepth, 'length', 'ft');\n\n  const wrapperRef = useRef();\n  const [comment, setComment] = useState({\n    body,\n    attachment,\n  });\n\n  const sendActivity = () => {\n    onSave({\n      context: {\n        dvd_comment: {\n          ...comment,\n          data: pointData,\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}>\n              {moment(timestamp * 1000).format('MM/DD/YY, HH:mm')}\n            </span>\n          </Regular14>\n        )}\n\n        {Number.isFinite(cost) && (\n          <Regular14 className={classes.text} gutterBottom>\n            Cost: <span className={classes.value}> {formatNumberWithSpaces(cost)}</span>\n            <span className={classes.currency}>$</span>\n          </Regular14>\n        )}\n\n        {Number.isFinite(convertedBitDepth) && (\n          <Regular14 className={classes.text} gutterBottom>\n            Bit Depth:\n            <span className={classes.value}>\n              {`${convertedBitDepth} ${getUnitDisplay('length')}`}\n            </span>\n          </Regular14>\n        )}\n\n        {Number.isFinite(convertedHoleDepth) && (\n          <Regular14 className={classes.text} gutterBottom>\n            Hole Depth:\n            <span className={classes.value}>\n              {`${convertedHoleDepth} ${getUnitDisplay('length')}`}\n            </span>\n          </Regular14>\n        )}\n      </div>\n    </Modal>\n  );\n}\n\nexport default DvdCommentEdit;\n"],"names":["PAGE_NAME","formatNumberWithSpaces","x","toString","replace","useStyles","makeStyles","theme","postInput","paddingBottom","filePreviewWrapper","width","marginLeft","maxHeight","modal","maxWidth","actionsAdornment","flex","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","DvdCommentEdit","feedItem","context","dvd_comment","body","attachment","pointData","data","bitDepth","holeDepth","cost","timestamp","onClose","onSave","userCompanyId","classes","convertedBitDepth","convertValue","convertedHoleDepth","wrapperRef","useRef","useState","comment","setComment","sendActivity","onKeyDown","e","key","shiftKey","isSuggestionsListOpened","preventDefault","handleClick","stopPropagation","_jsxs","_jsx","classNames","MENTION_STYLE","current","moment","format","Number","isFinite","currency","getUnitDisplay"],"mappings":"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"}

package/components/FeedItem/editModals/HookloadCommentEdit/HookloadCommentEdit.js

@@ -1 +1,216 @@
-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 a from"classnames";import{makeStyles as i,Grid as c,Typography as s}from"@material-ui/core";import l from"../../../Modal/Modal.js";import m from"../../../PostInput/PostInput.js";import p from"../../../IconButton/index.js";import{Regular14 as d}from"../../../Typography.js";import u from"../../../Icons/SendIcon.js";import{isSuggestionsListOpened as f}from"../../../UserMention/utils/index.js";import{convertValue as h,getUnitDisplay as g}from"../../../../utils/convert.js";import{MENTION_STYLE as b}from"../../../../constants/feed.js";import{jsxs as y,jsx as v}from"react/jsx-runtime";function x(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 j(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?x(Object(n),!0).forEach((function(o){t(e,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=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:"#fff",paddingLeft:4},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 N(t){var i=t.feedItem.context.hookload_broomstick_comment,x=i.body,N=i.attachment,O=i.data,P=i.data,C=P.timestamp,I=P.measuredDepth,M=P.activityLabel,k=P.hookload,D=t.onClose,B=t.onSave,S=t.userCompanyId,L=w(),H=h(+I,"length","ft"),T=h(+k,"force","klbf"),A=o(),E=n({body:x,attachment:N}),W=e(E,2),_=W[0],R=W[1],K=function(){B({context:{hookload_broomstick_comment:j(j({},_),{},{data:O})}})};return y(l,{open:!0,onClose:D,title:"Edit Comment",contentClassName:L.modal,actionsClassName:L.modalActions,onClick:function(t){t.stopPropagation()},actions:y(c,{container:!0,direction:"row",justify:"space-between",alignItems:"center",className:L.actions,children:[v(c,{item:!0,children:v(s,{variant:"caption",className:a(L.inputMain,L.cancelText,L.highlightedLabel),component:"div",gutterBottom:!0,onClick:D,children:"Cancel"})}),y(c,{item:!0,direction:"row",alignItems:"center",className:L.sendRow,children:[y(s,{variant:"caption",className:a(L.inputMain,L.inputHelper),component:"div",gutterBottom:!0,children:["Press ",v(s,{variant:"caption",color:"primary",className:a(L.inputMain,L.highlightedLabel),children:"Enter"})," to send"]}),v(p,{onClick:K,className:L.sendIcon,disabled:!_||!_.body&&!_.attachment,children:v(u,{})})]})]}),ref:A,children:[v(m,{initialValue:{body:x,attachment:N},userCompanyId:S,onChange:R,filePreviewWrapperClass:L.filePreviewWrapper,className:L.postInput,onKeyDown:function(t){"Enter"!==t.key||t.shiftKey||f()||(t.preventDefault(),K())},mentionStyle:b,suggestionsPortalHost:A.current,allowSuggestionsAboveCursor:!0}),y("div",{className:L.info,children:[Number.isFinite(I)&&y(d,{className:L.text,gutterBottom:!0,children:["Measured Depth:",v("span",{className:L.value,children:"".concat(Math.round(H).toLocaleString()," ").concat(g("length"))})]}),k&&y(d,{className:L.text,gutterBottom:!0,children:["Hookload:",v("span",{className:L.value,children:"".concat(Math.round(T).toLocaleString()," ").concat(g("force"))})]}),M&&y(d,{className:L.text,gutterBottom:!0,children:["Activity:",v("span",{className:L.value,children:M})]}),C&&y(d,{className:L.text,gutterBottom:!0,children:["Time:",v("span",{className:L.value,children:r.unix(C).format("MM/DD/YY HH:mm")})]})]})]})}export{N 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 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 { convertValue, getUnitDisplay } from '../../../../utils/convert.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 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: '#fff',
+      paddingLeft: 4
+    },
+    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 HookloadCommentEdit(_ref) {
+  var _ref$feedItem$context = _ref.feedItem.context.hookload_broomstick_comment,
+    body = _ref$feedItem$context.body,
+    attachment = _ref$feedItem$context.attachment,
+    pointData = _ref$feedItem$context.data,
+    _ref$feedItem$context2 = _ref$feedItem$context.data,
+    timestamp = _ref$feedItem$context2.timestamp,
+    measuredDepth = _ref$feedItem$context2.measuredDepth,
+    activityLabel = _ref$feedItem$context2.activityLabel,
+    hookload = _ref$feedItem$context2.hookload,
+    onClose = _ref.onClose,
+    onSave = _ref.onSave,
+    userCompanyId = _ref.userCompanyId;
+  var classes = useStyles();
+  var depthConverted = convertValue(+measuredDepth, 'length', 'ft');
+  var hookloadConverted = convertValue(+hookload, 'force', 'klbf');
+  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: {
+        hookload_broomstick_comment: _objectSpread(_objectSpread({}, comment), {}, {
+          data: pointData
+        })
+      }
+    });
+  };
+  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),
+          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,
+          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: [Number.isFinite(measuredDepth) && /*#__PURE__*/jsxs(Regular14, {
+        className: classes.text,
+        gutterBottom: true,
+        children: ["Measured Depth:", /*#__PURE__*/jsx("span", {
+          className: classes.value,
+          children: "".concat(Math.round(depthConverted).toLocaleString(), " ").concat(getUnitDisplay('length'))
+        })]
+      }), hookload && /*#__PURE__*/jsxs(Regular14, {
+        className: classes.text,
+        gutterBottom: true,
+        children: ["Hookload:", /*#__PURE__*/jsx("span", {
+          className: classes.value,
+          children: "".concat(Math.round(hookloadConverted).toLocaleString(), " ").concat(getUnitDisplay('force'))
+        })]
+      }), activityLabel && /*#__PURE__*/jsxs(Regular14, {
+        className: classes.text,
+        gutterBottom: true,
+        children: ["Activity:", /*#__PURE__*/jsx("span", {
+          className: classes.value,
+          children: activityLabel
+        })]
+      }), timestamp && /*#__PURE__*/jsxs(Regular14, {
+        className: classes.text,
+        gutterBottom: true,
+        children: ["Time:", /*#__PURE__*/jsx("span", {
+          className: classes.value,
+          children: moment.unix(timestamp).format('MM/DD/YY HH:mm')
+        })]
+      })]
+    })]
+  });
+}
+
+export { HookloadCommentEdit as default };
+//# sourceMappingURL=HookloadCommentEdit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HookloadCommentEdit.js","sources":["../../../../../src/components/FeedItem/editModals/HookloadCommentEdit/HookloadCommentEdit.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 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 { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { MENTION_STYLE } from '~/constants/feed';\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: '#fff',\n    paddingLeft: 4,\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 HookloadCommentEdit({\n  feedItem: {\n    context: {\n      hookload_broomstick_comment: {\n        body,\n        attachment,\n        data: pointData,\n        data: { timestamp, measuredDepth, activityLabel, hookload },\n      },\n    },\n  },\n  onClose,\n  onSave,\n  userCompanyId,\n}) {\n  const classes = useStyles();\n  const depthConverted = convertValue(+measuredDepth, 'length', 'ft');\n  const hookloadConverted = convertValue(+hookload, 'force', 'klbf');\n\n  const wrapperRef = useRef();\n  const [comment, setComment] = useState({\n    body,\n    attachment,\n  });\n\n  const sendActivity = () => {\n    onSave({\n      context: {\n        hookload_broomstick_comment: {\n          ...comment,\n          data: pointData,\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              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              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        {Number.isFinite(measuredDepth) && (\n          <Regular14 className={classes.text} gutterBottom>\n            Measured Depth:\n            <span className={classes.value}>\n              {`${Math.round(depthConverted).toLocaleString()} ${getUnitDisplay('length')}`}\n            </span>\n          </Regular14>\n        )}\n        {hookload && (\n          <Regular14 className={classes.text} gutterBottom>\n            Hookload:\n            <span className={classes.value}>\n              {`${Math.round(hookloadConverted).toLocaleString()} ${getUnitDisplay('force')}`}\n            </span>\n          </Regular14>\n        )}\n        {activityLabel && (\n          <Regular14 className={classes.text} gutterBottom>\n            Activity:\n            <span className={classes.value}>{activityLabel}</span>\n          </Regular14>\n        )}\n        {timestamp && (\n          <Regular14 className={classes.text} gutterBottom>\n            Time:\n            <span className={classes.value}>{moment.unix(timestamp).format('MM/DD/YY HH:mm')}</span>\n          </Regular14>\n        )}\n      </div>\n    </Modal>\n  );\n}\n\nexport default HookloadCommentEdit;\n"],"names":["useStyles","makeStyles","theme","postInput","paddingBottom","filePreviewWrapper","width","marginLeft","maxHeight","modal","maxWidth","actionsAdornment","flex","info","marginTop","text","color","palette","primary","text6","value","paddingLeft","inputMain","marginBottom","fontSize","text8","inputHelper","display","paddingRight","cancelText","cursor","highlightedLabel","main","modalActions","paddingTop","actions","height","sendRow","sendIcon","HookloadCommentEdit","feedItem","context","hookload_broomstick_comment","body","attachment","pointData","data","timestamp","measuredDepth","activityLabel","hookload","onClose","onSave","userCompanyId","classes","depthConverted","convertValue","hookloadConverted","wrapperRef","useRef","useState","comment","setComment","sendActivity","onKeyDown","e","key","shiftKey","isSuggestionsListOpened","preventDefault","handleClick","stopPropagation","_jsxs","_jsx","classNames","MENTION_STYLE","current","Number","isFinite","Math","round","toLocaleString","getUnitDisplay","moment","unix","format"],"mappings":"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"}