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

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

@@ -1,216 +1 @@
-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
+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};

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

@@ -1,231 +1 @@
-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
+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};

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

@@ -1,203 +1 @@
-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
+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};