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

package/components/FeedItem/feedItemTypes/DvDCommentFeedItem.js

@@ -1 +1,93 @@
-import{makeStyles as t,Typography as e}from"@material-ui/core";import a from"moment";import{convertValue as i,getUnitDisplay as n}from"../../../utils/index.js";import{isNativeDetected as o}from"../../../utils/mobileDetect.js";import{formatMentionText as r}from"../../UserMention/utils/index.js";import m from"../../Attachment/index.js";import{jsxs as c,jsx as l}from"react/jsx-runtime";var d=t((function(t){return{text:{color:t.palette.primary.text6},value:{color:"#fff"},attachment:{paddingTop:10,width:300},infoField:{color:t.palette.primary.text6,"& span":{color:"#fff"}}}})),s="DvDCommentFeedItem";var p=function(t){var p,h=t.feedItem,f=h.context.dvd_comment,u=f.body,D=f.attachment,N=void 0===D?{}:D,v=f.data,x=v.timestamp,F=v.bitDepth,b=v.holeDepth,g=v.cost,_=h.mentioned_users,j=d(),y=i(+F,"length","ft"),Y=i(+b,"length","ft"),B=n("length");return c("div",{className:j.wrapper,children:[u&&l(e,{"data-testid":"".concat(s,"_message"),variant:"body1",gutterBottom:!0,children:r(u,_,o)}),x&&c(e,{className:j.infoField,children:["Time:"," ",l("span",{"data-testid":"".concat(s,"_time"),children:a.unix(x).format("MM.DD.YYYY, HH:mm")})]}),Number.isFinite(Y)&&c(e,{className:j.infoField,children:["Hole Depth: ",l("span",{"data-testid":"".concat(s,"_holeDepth"),children:"".concat(Y," ").concat(B)})]}),Number.isFinite(y)&&c(e,{className:j.infoField,children:["Bit Depth: ",l("span",{"data-testid":"".concat(s,"_bitDepth"),children:"".concat(y," ").concat(B)})]}),g&&Number.isFinite(g)&&c(e,{className:j.infoField,children:["Cost: ",c("span",{"data-testid":"".concat(s,"_cost"),children:[(p=g,p.toString().replace(/\B(?=(\d{3})+(?!\d))/g," "))," $"]})]}),N&&N.url&&l("div",{className:j.attachment,children:l(m,{small:!0,attachmentUrl:N.url,fileName:N.name,displayName:N.name})})]})};export{p as default};
+import { makeStyles, Typography } from '@material-ui/core';
+import moment from 'moment';
+import { convertValue, getUnitDisplay } from '../../../utils/index.js';
+import { isNativeDetected } from '../../../utils/mobileDetect.js';
+import { formatMentionText } from '../../UserMention/utils/index.js';
+import Attachment from '../../Attachment/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    text: {
+      color: theme.palette.primary.text6
+    },
+    value: {
+      color: '#fff'
+    },
+    attachment: {
+      paddingTop: 10,
+      width: 300
+    },
+    infoField: {
+      color: theme.palette.primary.text6,
+      '& span': {
+        color: '#fff'
+      }
+    }
+  };
+});
+var PAGE_NAME = 'DvDCommentFeedItem';
+function formatNumberWithSpaces(x) {
+  return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
+}
+var DvDCommentFeedItem = function DvDCommentFeedItem(_ref) {
+  var _ref$feedItem = _ref.feedItem,
+    _ref$feedItem$context = _ref$feedItem.context.dvd_comment,
+    body = _ref$feedItem$context.body,
+    _ref$feedItem$context2 = _ref$feedItem$context.attachment,
+    attachment = _ref$feedItem$context2 === void 0 ? {} : _ref$feedItem$context2,
+    _ref$feedItem$context3 = _ref$feedItem$context.data,
+    timestamp = _ref$feedItem$context3.timestamp,
+    bitDepth = _ref$feedItem$context3.bitDepth,
+    holeDepth = _ref$feedItem$context3.holeDepth,
+    cost = _ref$feedItem$context3.cost,
+    mentionedUsers = _ref$feedItem.mentioned_users;
+  var classes = useStyles();
+  var convertedBitDepth = convertValue(+bitDepth, 'length', 'ft');
+  var convertedHoleDepth = convertValue(+holeDepth, 'length', 'ft');
+  var depthUnit = getUnitDisplay('length');
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.wrapper,
+    children: [body && /*#__PURE__*/jsx(Typography, {
+      "data-testid": "".concat(PAGE_NAME, "_message"),
+      variant: "body1",
+      gutterBottom: true,
+      children: formatMentionText(body, mentionedUsers, isNativeDetected)
+    }), timestamp && /*#__PURE__*/jsxs(Typography, {
+      className: classes.infoField,
+      children: ["Time:", ' ', /*#__PURE__*/jsx("span", {
+        "data-testid": "".concat(PAGE_NAME, "_time"),
+        children: moment.unix(timestamp).format('MM.DD.YYYY, HH:mm')
+      })]
+    }), Number.isFinite(convertedHoleDepth) && /*#__PURE__*/jsxs(Typography, {
+      className: classes.infoField,
+      children: ["Hole Depth:\xA0", /*#__PURE__*/jsx("span", {
+        "data-testid": "".concat(PAGE_NAME, "_holeDepth"),
+        children: "".concat(convertedHoleDepth, " ").concat(depthUnit)
+      })]
+    }), Number.isFinite(convertedBitDepth) && /*#__PURE__*/jsxs(Typography, {
+      className: classes.infoField,
+      children: ["Bit Depth:\xA0", /*#__PURE__*/jsx("span", {
+        "data-testid": "".concat(PAGE_NAME, "_bitDepth"),
+        children: "".concat(convertedBitDepth, " ").concat(depthUnit)
+      })]
+    }), cost && Number.isFinite(cost) && /*#__PURE__*/jsxs(Typography, {
+      className: classes.infoField,
+      children: ["Cost: ", /*#__PURE__*/jsxs("span", {
+        "data-testid": "".concat(PAGE_NAME, "_cost"),
+        children: [formatNumberWithSpaces(cost), " $"]
+      })]
+    }), attachment && attachment.url && /*#__PURE__*/jsx("div", {
+      className: classes.attachment,
+      children: /*#__PURE__*/jsx(Attachment, {
+        small: true,
+        attachmentUrl: attachment.url,
+        fileName: attachment.name,
+        displayName: attachment.name
+      })
+    })]
+  });
+};
+
+export { DvDCommentFeedItem as default };
+//# sourceMappingURL=DvDCommentFeedItem.js.map

package/components/FeedItem/feedItemTypes/DvDCommentFeedItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DvDCommentFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/DvDCommentFeedItem.js"],"sourcesContent":["import { makeStyles, Typography } from '@material-ui/core';\nimport moment from 'moment';\n\nimport { convertValue, getUnitDisplay } from '~/utils';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { formatMentionText } from '~/components/UserMention/utils';\nimport Attachment from '~/components/Attachment';\n\nconst useStyles = makeStyles(theme => ({\n  text: {\n    color: theme.palette.primary.text6,\n  },\n  value: {\n    color: '#fff',\n  },\n  attachment: {\n    paddingTop: 10,\n    width: 300,\n  },\n  infoField: {\n    color: theme.palette.primary.text6,\n    '& span': {\n      color: '#fff',\n    },\n  },\n}));\n\nconst PAGE_NAME = 'DvDCommentFeedItem';\n\nfunction formatNumberWithSpaces(x) {\n  return x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ' ');\n}\n\nconst DvDCommentFeedItem = ({\n  feedItem: {\n    context: {\n      dvd_comment: {\n        body,\n        attachment = {},\n        data: { timestamp, bitDepth, holeDepth, cost },\n      },\n    },\n    mentioned_users: mentionedUsers,\n  },\n}) => {\n  const classes = useStyles();\n\n  const convertedBitDepth = convertValue(+bitDepth, 'length', 'ft');\n  const convertedHoleDepth = convertValue(+holeDepth, 'length', 'ft');\n\n  const depthUnit = getUnitDisplay('length');\n\n  return (\n    <div className={classes.wrapper}>\n      {body && (\n        <Typography data-testid={`${PAGE_NAME}_message`} variant=\"body1\" gutterBottom>\n          {formatMentionText(body, mentionedUsers, isNativeDetected)}\n        </Typography>\n      )}\n      {timestamp && (\n        <Typography className={classes.infoField}>\n          Time:{' '}\n          <span data-testid={`${PAGE_NAME}_time`}>\n            {moment.unix(timestamp).format('MM.DD.YYYY, HH:mm')}\n          </span>\n        </Typography>\n      )}\n\n      {Number.isFinite(convertedHoleDepth) && (\n        <Typography className={classes.infoField}>\n          Hole Depth:&nbsp;\n          <span data-testid={`${PAGE_NAME}_holeDepth`}>{`${convertedHoleDepth} ${depthUnit}`}</span>\n        </Typography>\n      )}\n\n      {Number.isFinite(convertedBitDepth) && (\n        <Typography className={classes.infoField}>\n          Bit Depth:&nbsp;\n          <span data-testid={`${PAGE_NAME}_bitDepth`}>{`${convertedBitDepth} ${depthUnit}`}</span>\n        </Typography>\n      )}\n\n      {cost && Number.isFinite(cost) && (\n        <Typography className={classes.infoField}>\n          Cost: <span data-testid={`${PAGE_NAME}_cost`}>{formatNumberWithSpaces(cost)} $</span>\n        </Typography>\n      )}\n      {attachment && attachment.url && (\n        <div className={classes.attachment}>\n          <Attachment\n            small\n            attachmentUrl={attachment.url}\n            fileName={attachment.name}\n            displayName={attachment.name}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default DvDCommentFeedItem;\n"],"names":["useStyles","makeStyles","theme","text","color","palette","primary","text6","value","attachment","paddingTop","width","infoField","PAGE_NAME","formatNumberWithSpaces","x","toString","replace","DvDCommentFeedItem","feedItem","context","dvd_comment","body","data","timestamp","bitDepth","holeDepth","cost","mentionedUsers","mentioned_users","classes","convertedBitDepth","convertValue","convertedHoleDepth","depthUnit","getUnitDisplay","_jsxs","wrapper","_jsx","formatMentionText","isNativeDetected","moment","unix","format","Number","isFinite","url","name"],"mappings":"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"}

package/components/FeedItem/feedItemTypes/FluidReportFeedItem.js

@@ -1 +1,143 @@
-import{useMemo as e}from"react";import{shape as i,number as t,string as r,arrayOf as n}from"prop-types";import a from"classnames";import{makeStyles as o,Grid as c,Typography as s}from"@material-ui/core";import d from"@material-ui/core/colors/blue";import{getUnitDisplay as l,convertValue as m}from"../../../utils/convert.js";import{ctop as u}from"../../../utils/FluidCheckUtils.js";import{jsxs as p,jsx as f}from"react/jsx-runtime";var y="fluidReportActivity",h=o((function(e){return{density:{color:d[300]},unit:{color:e.palette.grey[400],marginLeft:5},oneLineText:{display:"flex",alignItems:"center"},title:{color:e.palette.grey[400]},columnWithMargin:{marginRight:40}}})),v=function(i){var t=i.feedItem.context.fluid_report.data,r=t.depth,n=t.mud_type,o=t.mud_density,d=t.viscosity,v=d.pv,R=void 0===v?"":v,g=d.yp,q=void 0===g?"":g,N=d.rpm_readings,_=h(),x=u(r,"length","ft"),b=x?x.formatNumeral("0,0"):"-",F=l("length"),L=m(+o,"density","ppg").formatNumeral("0,0.00"),T=l("density"),j=l("yp"),P=Number.isFinite(R)?R.fixFloat(3):R,I=Number.isFinite(q)?q.fixFloat(3):q,M=e((function(){var e=N.length-1;return N.reduce((function(i,t,r){var n=r===e?"":", ",a="".concat(t.rpm,"/").concat(t.dial_reading);return"".concat(i).concat(a).concat(n)}),"")}),[N]);return p(c,{container:!0,spacing:"40",justify:"flex-start",children:[p(c,{item:!0,className:_.columnWithMargin,children:[f(s,{variant:"body2",children:"Density"}),p(s,{variant:"h6","data-testid":"".concat(y,"_density"),className:a(_.density,_.oneLineText),children:[L,p(s,{component:"span",variant:"caption",className:_.unit,children:["(",T,")"]})]}),p(s,{className:_.oneLineText,children:[b,p(s,{component:"span",variant:"caption",className:_.unit,children:["(",F,")"]})," / ",n]})]}),p(c,{item:!0,children:[p(s,{variant:"body2","data-testid":"".concat(y,"_viscosity"),className:_.oneLineText,children:[f(s,{variant:"span",className:_.title,children:"PV: "}),"".concat(P," ").concat("cP"," / YP: ").concat(I),f(s,{component:"span",variant:"caption",className:_.unit,children:j})]}),f(s,{variant:"body2",className:_.title,children:"Rheometer Readings (RPM/Dial Reading):"}),f(s,{variant:"body2","data-testid":"".concat(y,"_rheometerReadings"),children:M})]})]})};v.propTypes={feedItem:i({context:i({fluid_report:i({data:i({depth:t.isRequired,mud_type:r.isRequired,mud_density:t.isRequired,viscosity:i({pv:t.isRequired,yp:t.isRequired,rpm_readings:n(i({id:r.isRequired,dial_reading:t.isRequired,rpm:t.isRequired})).isRequired}).isRequired}).isRequired}).isRequired}).isRequired}).isRequired};export{v as default};
+import { useMemo } from 'react';
+import { shape, number, string, arrayOf } from 'prop-types';
+import classNames from 'classnames';
+import { makeStyles, Grid, Typography } from '@material-ui/core';
+import blue from '@material-ui/core/colors/blue';
+import { getUnitDisplay, convertValue } from '../../../utils/convert.js';
+import { ctop } from '../../../utils/FluidCheckUtils.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'fluidReportActivity';
+var useStyles = makeStyles(function (theme) {
+  return {
+    density: {
+      color: blue[300]
+    },
+    unit: {
+      color: theme.palette.grey[400],
+      marginLeft: 5
+    },
+    oneLineText: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    title: {
+      color: theme.palette.grey[400]
+    },
+    columnWithMargin: {
+      marginRight: 40
+    }
+  };
+});
+var FluidReportFeedItem = function FluidReportFeedItem(_ref) {
+  var _ref$feedItem$context = _ref.feedItem.context.fluid_report.data,
+    depthNotConverted = _ref$feedItem$context.depth,
+    mudType = _ref$feedItem$context.mud_type,
+    mudDensity = _ref$feedItem$context.mud_density,
+    _ref$feedItem$context2 = _ref$feedItem$context.viscosity,
+    _ref$feedItem$context3 = _ref$feedItem$context2.pv,
+    pv = _ref$feedItem$context3 === void 0 ? '' : _ref$feedItem$context3,
+    _ref$feedItem$context4 = _ref$feedItem$context2.yp,
+    yp = _ref$feedItem$context4 === void 0 ? '' : _ref$feedItem$context4,
+    rpmReadings = _ref$feedItem$context2.rpm_readings;
+  var classes = useStyles();
+  var depth = ctop(depthNotConverted, 'length', 'ft');
+  var depthString = depth ? depth.formatNumeral('0,0') : '-';
+  var depthUnit = getUnitDisplay('length');
+  var convertedMudDensity = convertValue(+mudDensity, 'density', 'ppg');
+  var mudDensityFormatted = convertedMudDensity.formatNumeral('0,0.00');
+  var densityUnit = getUnitDisplay('density');
+  var pvUnit = 'cP';
+  var ypUnit = getUnitDisplay('yp');
+  var pvFormatted = Number.isFinite(pv) ? pv.fixFloat(3) : pv;
+  var ypFormatted = Number.isFinite(yp) ? yp.fixFloat(3) : yp;
+  var rheometerReadingsString = useMemo(function () {
+    var rpmReadingsLastItemIndex = rpmReadings.length - 1;
+    return rpmReadings.reduce(function (resultString, reading, index) {
+      var commaString = index === rpmReadingsLastItemIndex ? '' : ', ';
+      var readingString = "".concat(reading.rpm, "/").concat(reading.dial_reading);
+      return "".concat(resultString).concat(readingString).concat(commaString);
+    }, '');
+  }, [rpmReadings]);
+  return /*#__PURE__*/jsxs(Grid, {
+    container: true,
+    spacing: "40",
+    justify: "flex-start",
+    children: [/*#__PURE__*/jsxs(Grid, {
+      item: true,
+      className: classes.columnWithMargin,
+      children: [/*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        children: "Density"
+      }), /*#__PURE__*/jsxs(Typography, {
+        variant: "h6",
+        "data-testid": "".concat(PAGE_NAME, "_density"),
+        className: classNames(classes.density, classes.oneLineText),
+        children: [mudDensityFormatted, /*#__PURE__*/jsxs(Typography, {
+          component: "span",
+          variant: "caption",
+          className: classes.unit,
+          children: ["(", densityUnit, ")"]
+        })]
+      }), /*#__PURE__*/jsxs(Typography, {
+        className: classes.oneLineText,
+        children: [depthString, /*#__PURE__*/jsxs(Typography, {
+          component: "span",
+          variant: "caption",
+          className: classes.unit,
+          children: ["(", depthUnit, ")"]
+        }), "\xA0/ ", mudType]
+      })]
+    }), /*#__PURE__*/jsxs(Grid, {
+      item: true,
+      children: [/*#__PURE__*/jsxs(Typography, {
+        variant: "body2",
+        "data-testid": "".concat(PAGE_NAME, "_viscosity"),
+        className: classes.oneLineText,
+        children: [/*#__PURE__*/jsx(Typography, {
+          variant: "span",
+          className: classes.title,
+          children: "PV:\xA0"
+        }), "".concat(pvFormatted, " ").concat(pvUnit, " / YP: ").concat(ypFormatted), /*#__PURE__*/jsx(Typography, {
+          component: "span",
+          variant: "caption",
+          className: classes.unit,
+          children: ypUnit
+        })]
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        className: classes.title,
+        children: "Rheometer Readings (RPM/Dial Reading):"
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        "data-testid": "".concat(PAGE_NAME, "_rheometerReadings"),
+        children: rheometerReadingsString
+      })]
+    })]
+  });
+};
+FluidReportFeedItem.propTypes = {
+  feedItem: shape({
+    context: shape({
+      fluid_report: shape({
+        data: shape({
+          depth: number.isRequired,
+          mud_type: string.isRequired,
+          mud_density: number.isRequired,
+          viscosity: shape({
+            pv: number.isRequired,
+            yp: number.isRequired,
+            rpm_readings: arrayOf(shape({
+              id: string.isRequired,
+              dial_reading: number.isRequired,
+              rpm: number.isRequired
+            })).isRequired
+          }).isRequired
+        }).isRequired
+      }).isRequired
+    }).isRequired
+  }).isRequired
+};
+
+export { FluidReportFeedItem as default };
+//# sourceMappingURL=FluidReportFeedItem.js.map

package/components/FeedItem/feedItemTypes/FluidReportFeedItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FluidReportFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/FluidReportFeedItem.js"],"sourcesContent":["import { useMemo } from 'react';\nimport { shape, number, string, arrayOf } from 'prop-types';\nimport classNames from 'classnames';\nimport { Typography, Grid, makeStyles } from '@material-ui/core';\nimport blue from '@material-ui/core/colors/blue';\n\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { ctop } from '~/utils/FluidCheckUtils';\n\nconst PAGE_NAME = 'fluidReportActivity';\n\nconst useStyles = makeStyles(theme => ({\n  density: {\n    color: blue[300],\n  },\n  unit: {\n    color: theme.palette.grey[400],\n    marginLeft: 5,\n  },\n  oneLineText: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  title: {\n    color: theme.palette.grey[400],\n  },\n  columnWithMargin: {\n    marginRight: 40,\n  },\n}));\n\nconst FluidReportFeedItem = ({\n  feedItem: {\n    context: {\n      fluid_report: {\n        data: {\n          depth: depthNotConverted,\n          mud_type: mudType,\n          mud_density: mudDensity,\n          viscosity: { pv = '', yp = '', rpm_readings: rpmReadings },\n        },\n      },\n    },\n  },\n}) => {\n  const classes = useStyles();\n\n  const depth = ctop(depthNotConverted, 'length', 'ft');\n  const depthString = depth ? depth.formatNumeral('0,0') : '-';\n  const depthUnit = getUnitDisplay('length');\n\n  const convertedMudDensity = convertValue(+mudDensity, 'density', 'ppg');\n  const mudDensityFormatted = convertedMudDensity.formatNumeral('0,0.00');\n  const densityUnit = getUnitDisplay('density');\n\n  const pvUnit = 'cP';\n  const ypUnit = getUnitDisplay('yp');\n  const pvFormatted = Number.isFinite(pv) ? pv.fixFloat(3) : pv;\n  const ypFormatted = Number.isFinite(yp) ? yp.fixFloat(3) : yp;\n\n  const rheometerReadingsString = useMemo(() => {\n    const rpmReadingsLastItemIndex = rpmReadings.length - 1;\n\n    return rpmReadings.reduce((resultString, reading, index) => {\n      const commaString = index === rpmReadingsLastItemIndex ? '' : ', ';\n      const readingString = `${reading.rpm}/${reading.dial_reading}`;\n      return `${resultString}${readingString}${commaString}`;\n    }, '');\n  }, [rpmReadings]);\n\n  return (\n    <Grid container spacing=\"40\" justify=\"flex-start\">\n      <Grid item className={classes.columnWithMargin}>\n        <Typography variant=\"body2\">Density</Typography>\n        <Typography\n          variant=\"h6\"\n          data-testid={`${PAGE_NAME}_density`}\n          className={classNames(classes.density, classes.oneLineText)}\n        >\n          {mudDensityFormatted}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            ({densityUnit})\n          </Typography>\n        </Typography>\n        <Typography className={classes.oneLineText}>\n          {depthString}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            ({depthUnit})\n          </Typography>\n          &nbsp;/ {mudType}\n        </Typography>\n      </Grid>\n      <Grid item>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${PAGE_NAME}_viscosity`}\n          className={classes.oneLineText}\n        >\n          <Typography variant=\"span\" className={classes.title}>\n            PV:&nbsp;\n          </Typography>\n          {`${pvFormatted} ${pvUnit} / YP: ${ypFormatted}`}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            {ypUnit}\n          </Typography>\n        </Typography>\n        <Typography variant=\"body2\" className={classes.title}>\n          Rheometer Readings (RPM/Dial Reading):\n        </Typography>\n        <Typography variant=\"body2\" data-testid={`${PAGE_NAME}_rheometerReadings`}>\n          {rheometerReadingsString}\n        </Typography>\n      </Grid>\n    </Grid>\n  );\n};\n\nFluidReportFeedItem.propTypes = {\n  feedItem: shape({\n    context: shape({\n      fluid_report: shape({\n        data: shape({\n          depth: number.isRequired,\n          mud_type: string.isRequired,\n          mud_density: number.isRequired,\n          viscosity: shape({\n            pv: number.isRequired,\n            yp: number.isRequired,\n            rpm_readings: arrayOf(\n              shape({\n                id: string.isRequired,\n                dial_reading: number.isRequired,\n                rpm: number.isRequired,\n              })\n            ).isRequired,\n          }).isRequired,\n        }).isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default FluidReportFeedItem;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","density","color","blue","unit","palette","grey","marginLeft","oneLineText","display","alignItems","title","columnWithMargin","marginRight","FluidReportFeedItem","feedItem","context","fluid_report","data","depthNotConverted","depth","mudType","mud_type","mudDensity","mud_density","viscosity","pv","yp","rpmReadings","rpm_readings","classes","ctop","depthString","formatNumeral","depthUnit","getUnitDisplay","convertedMudDensity","convertValue","mudDensityFormatted","densityUnit","pvUnit","ypUnit","pvFormatted","Number","isFinite","fixFloat","ypFormatted","rheometerReadingsString","useMemo","rpmReadingsLastItemIndex","length","reduce","resultString","reading","index","commaString","readingString","rpm","dial_reading","_jsxs","_jsx","classNames","propTypes","shape","number","isRequired","string","arrayOf","id"],"mappings":"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"}

package/components/FeedItem/feedItemTypes/GenericDataCommentFeedItem.js

@@ -1 +1,85 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"prop-types";import i from"moment";import{makeStyles as r,Box as n}from"@material-ui/core";import{convertValue as a,getUnitDisplay as o}from"../../../utils/index.js";import{isNativeDetected as m}from"../../../utils/mobileDetect.js";import{Regular14 as l}from"../../Typography.js";import s from"../../Attachment/index.js";import{formatMentionText as p}from"../../UserMention/utils/index.js";import u from"../../CollapsibleContent.js";import{FEED_ITEM_TYPES as d,GENERIC_DATA_COMMENTS_VALUES_TYPES as c,FEED_ITEM_TIME_FORMAT as f}from"../../../constants/feed.js";import{jsxs as h,jsx as v}from"react/jsx-runtime";var y=r((function(e){return{message:{lineHeight:"20px"},container:{marginBottom:4,lineHeight:"20px"},label:{color:e.palette.primary.text6}}})),b=function(e){var t=e.feedItem,r=y(),b=t.context,g=b[d.GENERIC_DATA_COMMENT],x=g.body,T=g.data,j=b.attachment,N=t.mentioned_users;return h(n,{whiteSpace:"pre-wrap",children:[x&&v(u,{children:v(l,{className:r.message,"data-testid":"".concat("GenericDataCommentFeedItem","_message"),variant:"body1",children:p(x,N,m)})}),v(n,{mt:1,mb:1,children:T&&Object.keys(T).map((function(e){var t,n,m,s,p,u;return h(l,{className:r.container,children:[h("span",{className:r.label,children:[T[e].label,": "]}),[c.string,c.number].includes(T[e].type)&&T[e].value,T[e].type===c.date&&i.unix(+(null==T||null===(t=T[e])||void 0===t?void 0:t.value)).format(f),T[e].type===c.convertable&&"".concat(a(null==T||null===(n=T[e])||void 0===n?void 0:n.value,null==T||null===(m=T[e])||void 0===m?void 0:m.unitType,null==T||null===(s=T[e])||void 0===s?void 0:s.from,o(null==T||null===(p=T[e])||void 0===p?void 0:p.unitType))," ").concat(o(null==T||null===(u=T[e])||void 0===u?void 0:u.unitType))]},e)}))}),j&&j.url&&v(s,{attachmentUrl:j.url,fileName:j.name,attachmentSize:j.size,size:"medium"})]})};b.propTypes={feedItem:t.shape({context:t.shape(e({},d.GENERIC_DATA_COMMENT,t.shape({body:t.string.isRequired,attachment:t.shape({url:t.string,size:t.number}),depth:t.oneOfType([t.string,t.number]),timestamp:t.string.isRequired,data:t.shape({})}).isRequired)).isRequired,mentioned_users:t.arrayOf(t.shape({}))}).isRequired};export{b as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+import moment from 'moment';
+import { makeStyles, Box } from '@material-ui/core';
+import { convertValue, getUnitDisplay } from '../../../utils/index.js';
+import { isNativeDetected } from '../../../utils/mobileDetect.js';
+import { Regular14 } from '../../Typography.js';
+import Attachment from '../../Attachment/index.js';
+import { formatMentionText } from '../../UserMention/utils/index.js';
+import CollapsibleContent from '../../CollapsibleContent.js';
+import { FEED_ITEM_TYPES, GENERIC_DATA_COMMENTS_VALUES_TYPES, FEED_ITEM_TIME_FORMAT } from '../../../constants/feed.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'GenericDataCommentFeedItem';
+var useStyles = makeStyles(function (theme) {
+  return {
+    message: {
+      lineHeight: '20px'
+    },
+    container: {
+      marginBottom: 4,
+      lineHeight: '20px'
+    },
+    label: {
+      color: theme.palette.primary.text6
+    }
+  };
+});
+var GenericDataCommentFeedItem = function GenericDataCommentFeedItem(_ref) {
+  var feedItem = _ref.feedItem;
+  var classes = useStyles();
+  var _feedItem$context = feedItem.context,
+    _feedItem$context$FEE = _feedItem$context[FEED_ITEM_TYPES.GENERIC_DATA_COMMENT],
+    body = _feedItem$context$FEE.body,
+    data = _feedItem$context$FEE.data,
+    attachment = _feedItem$context.attachment,
+    mentionedUsers = feedItem.mentioned_users;
+  return /*#__PURE__*/jsxs(Box, {
+    whiteSpace: "pre-wrap",
+    children: [body && /*#__PURE__*/jsx(CollapsibleContent, {
+      children: /*#__PURE__*/jsx(Regular14, {
+        className: classes.message,
+        "data-testid": "".concat(PAGE_NAME, "_message"),
+        variant: "body1",
+        children: formatMentionText(body, mentionedUsers, isNativeDetected)
+      })
+    }), /*#__PURE__*/jsx(Box, {
+      mt: 1,
+      mb: 1,
+      children: data && Object.keys(data).map(function (itemRow) {
+        var _data$itemRow, _data$itemRow2, _data$itemRow3, _data$itemRow4, _data$itemRow5, _data$itemRow6;
+        return /*#__PURE__*/jsxs(Regular14, {
+          className: classes.container,
+          children: [/*#__PURE__*/jsxs("span", {
+            className: classes.label,
+            children: [data[itemRow].label, ": "]
+          }), [GENERIC_DATA_COMMENTS_VALUES_TYPES.string, GENERIC_DATA_COMMENTS_VALUES_TYPES.number].includes(data[itemRow].type) && data[itemRow].value, data[itemRow].type === GENERIC_DATA_COMMENTS_VALUES_TYPES.date && moment.unix(+(data === null || data === void 0 ? void 0 : (_data$itemRow = data[itemRow]) === null || _data$itemRow === void 0 ? void 0 : _data$itemRow.value)).format(FEED_ITEM_TIME_FORMAT), data[itemRow].type === GENERIC_DATA_COMMENTS_VALUES_TYPES.convertable && "".concat(convertValue(data === null || data === void 0 ? void 0 : (_data$itemRow2 = data[itemRow]) === null || _data$itemRow2 === void 0 ? void 0 : _data$itemRow2.value, data === null || data === void 0 ? void 0 : (_data$itemRow3 = data[itemRow]) === null || _data$itemRow3 === void 0 ? void 0 : _data$itemRow3.unitType, data === null || data === void 0 ? void 0 : (_data$itemRow4 = data[itemRow]) === null || _data$itemRow4 === void 0 ? void 0 : _data$itemRow4.from, getUnitDisplay(data === null || data === void 0 ? void 0 : (_data$itemRow5 = data[itemRow]) === null || _data$itemRow5 === void 0 ? void 0 : _data$itemRow5.unitType)), " ").concat(getUnitDisplay(data === null || data === void 0 ? void 0 : (_data$itemRow6 = data[itemRow]) === null || _data$itemRow6 === void 0 ? void 0 : _data$itemRow6.unitType))]
+        }, itemRow);
+      })
+    }), attachment && attachment.url && /*#__PURE__*/jsx(Attachment, {
+      attachmentUrl: attachment.url,
+      fileName: attachment.name,
+      attachmentSize: attachment.size,
+      size: "medium"
+    })]
+  });
+};
+GenericDataCommentFeedItem.propTypes = {
+  feedItem: PropTypes.shape({
+    context: PropTypes.shape(_defineProperty({}, FEED_ITEM_TYPES.GENERIC_DATA_COMMENT, PropTypes.shape({
+      body: PropTypes.string.isRequired,
+      attachment: PropTypes.shape({
+        url: PropTypes.string,
+        size: PropTypes.number
+      }),
+      depth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+      timestamp: PropTypes.string.isRequired,
+      data: PropTypes.shape({})
+    }).isRequired)).isRequired,
+    mentioned_users: PropTypes.arrayOf(PropTypes.shape({}))
+  }).isRequired
+};
+
+export { GenericDataCommentFeedItem as default };
+//# sourceMappingURL=GenericDataCommentFeedItem.js.map

package/components/FeedItem/feedItemTypes/GenericDataCommentFeedItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericDataCommentFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/GenericDataCommentFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { Box, makeStyles } from '@material-ui/core';\n\nimport { getUnitDisplay, convertValue } from '~/utils';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { Regular14 } from '~/components/Typography';\nimport Attachment from '~/components/Attachment';\nimport { formatMentionText } from '~/components/UserMention/utils';\nimport CollapsibleContent from '~/components/CollapsibleContent';\nimport {\n  FEED_ITEM_TYPES,\n  FEED_ITEM_TIME_FORMAT,\n  GENERIC_DATA_COMMENTS_VALUES_TYPES,\n} from '~/constants/feed';\n\nconst PAGE_NAME = 'GenericDataCommentFeedItem';\n\nconst useStyles = makeStyles(theme => ({\n  message: {\n    lineHeight: '20px',\n  },\n  container: {\n    marginBottom: 4,\n    lineHeight: '20px',\n  },\n  label: {\n    color: theme.palette.primary.text6,\n  },\n}));\n\nconst GenericDataCommentFeedItem = ({ feedItem }) => {\n  const classes = useStyles();\n  const {\n    context: {\n      [FEED_ITEM_TYPES.GENERIC_DATA_COMMENT]: { body, data },\n      attachment,\n    },\n    mentioned_users: mentionedUsers,\n  } = feedItem;\n\n  return (\n    <Box whiteSpace=\"pre-wrap\">\n      {body && (\n        <CollapsibleContent>\n          <Regular14\n            className={classes.message}\n            data-testid={`${PAGE_NAME}_message`}\n            variant=\"body1\"\n          >\n            {formatMentionText(body, mentionedUsers, isNativeDetected)}\n          </Regular14>\n        </CollapsibleContent>\n      )}\n\n      <Box mt={1} mb={1}>\n        {data &&\n          Object.keys(data).map(itemRow => (\n            <Regular14 className={classes.container} key={itemRow}>\n              <span className={classes.label}>{data[itemRow].label}: </span>\n              {[\n                GENERIC_DATA_COMMENTS_VALUES_TYPES.string,\n                GENERIC_DATA_COMMENTS_VALUES_TYPES.number,\n              ].includes(data[itemRow].type) && data[itemRow].value}\n              {data[itemRow].type === GENERIC_DATA_COMMENTS_VALUES_TYPES.date &&\n                moment.unix(+data?.[itemRow]?.value).format(FEED_ITEM_TIME_FORMAT)}\n              {data[itemRow].type === GENERIC_DATA_COMMENTS_VALUES_TYPES.convertable &&\n                `${convertValue(\n                  data?.[itemRow]?.value,\n                  data?.[itemRow]?.unitType,\n                  data?.[itemRow]?.from,\n                  getUnitDisplay(data?.[itemRow]?.unitType)\n                )} ${getUnitDisplay(data?.[itemRow]?.unitType)}`}\n            </Regular14>\n          ))}\n      </Box>\n\n      {attachment && attachment.url && (\n        <Attachment\n          attachmentUrl={attachment.url}\n          fileName={attachment.name}\n          attachmentSize={attachment.size}\n          size=\"medium\"\n        />\n      )}\n    </Box>\n  );\n};\n\nGenericDataCommentFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      [FEED_ITEM_TYPES.GENERIC_DATA_COMMENT]: PropTypes.shape({\n        body: PropTypes.string.isRequired,\n        attachment: PropTypes.shape({\n          url: PropTypes.string,\n          size: PropTypes.number,\n        }),\n        depth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n        timestamp: PropTypes.string.isRequired,\n        data: PropTypes.shape({}),\n      }).isRequired,\n    }).isRequired,\n    mentioned_users: PropTypes.arrayOf(PropTypes.shape({})),\n  }).isRequired,\n};\n\nexport default GenericDataCommentFeedItem;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","message","lineHeight","container","marginBottom","label","color","palette","primary","text6","GenericDataCommentFeedItem","feedItem","classes","context","FEED_ITEM_TYPES","GENERIC_DATA_COMMENT","body","data","attachment","mentionedUsers","mentioned_users","_jsxs","_jsx","formatMentionText","isNativeDetected","Object","keys","map","itemRow","GENERIC_DATA_COMMENTS_VALUES_TYPES","string","number","includes","type","value","date","moment","unix","format","FEED_ITEM_TIME_FORMAT","convertable","convertValue","unitType","from","getUnitDisplay","url","name","size","propTypes","PropTypes","shape","isRequired","depth","oneOfType","timestamp","arrayOf"],"mappings":"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"}

package/components/FeedItem/feedItemTypes/GeosteeringFeedItem.js

@@ -1 +1,115 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"prop-types";import{makeStyles as r,Box as o,Typography as n}from"@material-ui/core";import{isNativeDetected as i}from"../../../utils/mobileDetect.js";import l from"../../Attachment/index.js";import{formatMentionText as c}from"../../UserMention/utils/index.js";import a from"../../CollapsibleContent.js";import{jsxs as m,Fragment as d,jsx as s}from"react/jsx-runtime";function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function u(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?p(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var h=r({wrapper:{whiteSpace:"pre-wrap"}}),f=function(e){var t=e.feedItem,r=t.context.geosteering_comments,p=r.body,f=r.attachment,b=void 0===f?{}:f,y=r.data,g=y.targetStructure,O=y.recommendedWindow,j=y.isRecommendation,v=y.axis,x=t.mentioned_users,w=h(),D={attachmentSize:null==b?void 0:b.size,size:"medium"};return null!=b&&b.file_name?D.fileName=null==b?void 0:b.file_name:D.attachmentUrl=null==b?void 0:b.url,m("div",{className:w.wrapper,children:[j&&m(d,{children:[m(o,{marginBottom:1,children:[s(n,{color:"textSecondary",children:"Target Structure"}),s(n,{children:g||"N/A"})]}),m(o,{marginBottom:1,children:[s(n,{color:"textSecondary",children:"Recommended Window"}),s(n,{children:O||"N/A"})]})]}),m(o,{marginBottom:2,children:[s(n,{color:"textSecondary",children:"Comment"}),p&&s(a,{children:s(n,{"data-testid":"".concat("GeosteeringFeedItem","_message"),variant:"body1",gutterBottom:!0,children:c(p,x,i)})}),((null==b?void 0:b.file_name)||(null==b?void 0:b.url))&&s(l,u({},D))]}),m(o,{display:"flex",children:[s(n,{color:"textSecondary",children:"Hole Depth: "}),s(n,{children:null!=v&&v.holeDepth?"".concat(Math.floor(null==v?void 0:v.holeDepth),'"'):"N/A"})]}),m(o,{display:"flex",children:[s(n,{color:"textSecondary",children:"Comment MD: "}),s(n,{children:null!=v&&v.MD?"".concat(Math.floor(null==v?void 0:v.MD),'"'):"N/A"})]})]})};f.propTypes={feedItem:t.shape({context:t.shape({geosteering_comments:t.shape({body:t.string.isRequired,attachment:t.shape({url:t.string,size:t.number}),data:t.shape({targetStructure:t.string,recommendedWindow:t.string,isRecommendation:t.bool,axis:t.shape({holeDepth:t.number,MD:t.number})})}).isRequired}).isRequired,mentioned_users:t.arrayOf(t.shape({}))}).isRequired};export{f as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+import { makeStyles, Box, Typography } from '@material-ui/core';
+import { isNativeDetected } from '../../../utils/mobileDetect.js';
+import Attachment from '../../Attachment/index.js';
+import { formatMentionText } from '../../UserMention/utils/index.js';
+import CollapsibleContent from '../../CollapsibleContent.js';
+import { jsxs, Fragment, 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 = 'GeosteeringFeedItem';
+var useStyles = makeStyles({
+  wrapper: {
+    whiteSpace: 'pre-wrap'
+  }
+});
+var GeosteeringFeedItem = function GeosteeringFeedItem(_ref) {
+  var _ref$feedItem = _ref.feedItem,
+    _ref$feedItem$context = _ref$feedItem.context.geosteering_comments,
+    body = _ref$feedItem$context.body,
+    _ref$feedItem$context2 = _ref$feedItem$context.attachment,
+    attachment = _ref$feedItem$context2 === void 0 ? {} : _ref$feedItem$context2,
+    _ref$feedItem$context3 = _ref$feedItem$context.data,
+    targetStructure = _ref$feedItem$context3.targetStructure,
+    recommendedWindow = _ref$feedItem$context3.recommendedWindow,
+    isRecommendation = _ref$feedItem$context3.isRecommendation,
+    axis = _ref$feedItem$context3.axis,
+    mentionedUsers = _ref$feedItem.mentioned_users;
+  var classes = useStyles();
+  var attachmentProps = {
+    attachmentSize: attachment === null || attachment === void 0 ? void 0 : attachment.size,
+    size: 'medium'
+  };
+
+  // TODO: Update to signed_url when GeosteeringFeedItem is migrate on API
+  if (attachment !== null && attachment !== void 0 && attachment.file_name) attachmentProps.fileName = attachment === null || attachment === void 0 ? void 0 : attachment.file_name;else attachmentProps.attachmentUrl = attachment === null || attachment === void 0 ? void 0 : attachment.url;
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.wrapper,
+    children: [isRecommendation && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsxs(Box, {
+        marginBottom: 1,
+        children: [/*#__PURE__*/jsx(Typography, {
+          color: "textSecondary",
+          children: "Target Structure"
+        }), /*#__PURE__*/jsx(Typography, {
+          children: targetStructure || 'N/A'
+        })]
+      }), /*#__PURE__*/jsxs(Box, {
+        marginBottom: 1,
+        children: [/*#__PURE__*/jsx(Typography, {
+          color: "textSecondary",
+          children: "Recommended Window"
+        }), /*#__PURE__*/jsx(Typography, {
+          children: recommendedWindow || 'N/A'
+        })]
+      })]
+    }), /*#__PURE__*/jsxs(Box, {
+      marginBottom: 2,
+      children: [/*#__PURE__*/jsx(Typography, {
+        color: "textSecondary",
+        children: "Comment"
+      }), body && /*#__PURE__*/jsx(CollapsibleContent, {
+        children: /*#__PURE__*/jsx(Typography, {
+          "data-testid": "".concat(PAGE_NAME, "_message"),
+          variant: "body1",
+          gutterBottom: true,
+          children: formatMentionText(body, mentionedUsers, isNativeDetected)
+        })
+      }), ((attachment === null || attachment === void 0 ? void 0 : attachment.file_name) || (attachment === null || attachment === void 0 ? void 0 : attachment.url)) && /*#__PURE__*/jsx(Attachment, _objectSpread({}, attachmentProps))]
+    }), /*#__PURE__*/jsxs(Box, {
+      display: "flex",
+      children: [/*#__PURE__*/jsx(Typography, {
+        color: "textSecondary",
+        children: "Hole Depth:\xA0"
+      }), /*#__PURE__*/jsx(Typography, {
+        children: axis !== null && axis !== void 0 && axis.holeDepth ? "".concat(Math.floor(axis === null || axis === void 0 ? void 0 : axis.holeDepth), "\"") : 'N/A'
+      })]
+    }), /*#__PURE__*/jsxs(Box, {
+      display: "flex",
+      children: [/*#__PURE__*/jsx(Typography, {
+        color: "textSecondary",
+        children: "Comment MD:\xA0"
+      }), /*#__PURE__*/jsx(Typography, {
+        children: axis !== null && axis !== void 0 && axis.MD ? "".concat(Math.floor(axis === null || axis === void 0 ? void 0 : axis.MD), "\"") : 'N/A'
+      })]
+    })]
+  });
+};
+GeosteeringFeedItem.propTypes = {
+  feedItem: PropTypes.shape({
+    context: PropTypes.shape({
+      geosteering_comments: PropTypes.shape({
+        body: PropTypes.string.isRequired,
+        attachment: PropTypes.shape({
+          url: PropTypes.string,
+          size: PropTypes.number
+        }),
+        data: PropTypes.shape({
+          targetStructure: PropTypes.string,
+          recommendedWindow: PropTypes.string,
+          isRecommendation: PropTypes.bool,
+          axis: PropTypes.shape({
+            holeDepth: PropTypes.number,
+            MD: PropTypes.number
+          })
+        })
+      }).isRequired
+    }).isRequired,
+    mentioned_users: PropTypes.arrayOf(PropTypes.shape({}))
+  }).isRequired
+};
+
+export { GeosteeringFeedItem as default };
+//# sourceMappingURL=GeosteeringFeedItem.js.map

package/components/FeedItem/feedItemTypes/GeosteeringFeedItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeosteeringFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/GeosteeringFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Typography, makeStyles, Box } from '@material-ui/core';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport Attachment from '~/components/Attachment';\nimport { formatMentionText } from '~/components/UserMention/utils';\nimport CollapsibleContent from '~/components/CollapsibleContent';\n\nconst PAGE_NAME = 'GeosteeringFeedItem';\n\nconst useStyles = makeStyles({\n  wrapper: {\n    whiteSpace: 'pre-wrap',\n  },\n});\n\nconst GeosteeringFeedItem = ({\n  feedItem: {\n    context: {\n      geosteering_comments: {\n        body,\n        attachment = {},\n        data: { targetStructure, recommendedWindow, isRecommendation, axis },\n      },\n    },\n    mentioned_users: mentionedUsers,\n  },\n}) => {\n  const classes = useStyles();\n  const attachmentProps = { attachmentSize: attachment?.size, size: 'medium' };\n\n  // TODO: Update to signed_url when GeosteeringFeedItem is migrate on API\n  if (attachment?.file_name) attachmentProps.fileName = attachment?.file_name;\n  else attachmentProps.attachmentUrl = attachment?.url;\n\n  return (\n    <div className={classes.wrapper}>\n      {isRecommendation && (\n        <>\n          <Box marginBottom={1}>\n            <Typography color=\"textSecondary\">Target Structure</Typography>\n            <Typography>{targetStructure || 'N/A'}</Typography>\n          </Box>\n          <Box marginBottom={1}>\n            <Typography color=\"textSecondary\">Recommended Window</Typography>\n            <Typography>{recommendedWindow || 'N/A'}</Typography>\n          </Box>\n        </>\n      )}\n\n      <Box marginBottom={2}>\n        <Typography color=\"textSecondary\">Comment</Typography>\n        {body && (\n          <CollapsibleContent>\n            <Typography data-testid={`${PAGE_NAME}_message`} variant=\"body1\" gutterBottom>\n              {formatMentionText(body, mentionedUsers, isNativeDetected)}\n            </Typography>\n          </CollapsibleContent>\n        )}\n        {(attachment?.file_name || attachment?.url) && <Attachment {...attachmentProps} />}\n      </Box>\n\n      <Box display=\"flex\">\n        <Typography color=\"textSecondary\">Hole Depth:&nbsp;</Typography>\n        <Typography>{axis?.holeDepth ? `${Math.floor(axis?.holeDepth)}\"` : 'N/A'}</Typography>\n      </Box>\n      <Box display=\"flex\">\n        <Typography color=\"textSecondary\">Comment MD:&nbsp;</Typography>\n        <Typography>{axis?.MD ? `${Math.floor(axis?.MD)}\"` : 'N/A'}</Typography>\n      </Box>\n    </div>\n  );\n};\n\nGeosteeringFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      geosteering_comments: PropTypes.shape({\n        body: PropTypes.string.isRequired,\n        attachment: PropTypes.shape({\n          url: PropTypes.string,\n          size: PropTypes.number,\n        }),\n        data: PropTypes.shape({\n          targetStructure: PropTypes.string,\n          recommendedWindow: PropTypes.string,\n          isRecommendation: PropTypes.bool,\n          axis: PropTypes.shape({\n            holeDepth: PropTypes.number,\n            MD: PropTypes.number,\n          }),\n        }),\n      }).isRequired,\n    }).isRequired,\n    mentioned_users: PropTypes.arrayOf(PropTypes.shape({})),\n  }).isRequired,\n};\n\nexport default GeosteeringFeedItem;\n"],"names":["PAGE_NAME","useStyles","makeStyles","wrapper","whiteSpace","GeosteeringFeedItem","feedItem","context","geosteering_comments","body","attachment","data","targetStructure","recommendedWindow","isRecommendation","axis","mentionedUsers","mentioned_users","classes","attachmentProps","attachmentSize","size","file_name","fileName","attachmentUrl","url","_jsxs","_Fragment","_jsx","formatMentionText","isNativeDetected","holeDepth","Math","floor","MD","propTypes","PropTypes","shape","string","isRequired","number","bool","arrayOf"],"mappings":"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"}