@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/FeedItem/feedItemTypes/StageOverviewFeedItem/components/PredictionsItem.js

@@ -1 +1,58 @@
-import{string as e,shape as i}from"prop-types";import{makeStyles as r,Typography as t}from"@material-ui/core";import a from"@material-ui/core/colors/blue";import{getUnitDisplay as n}from"../../../../../utils/convert.js";import{jsxs as o,jsx as l}from"react/jsx-runtime";var p=r((function(e){return{wrapper:{display:"flex",flexDirection:"column",justifyContent:"space-between",marginRight:"5%"},predictionItem:{color:a[300]},unit:{display:"inline",color:e.palette.grey[400],marginLeft:5}}})),s=function(e){var i=e.title,r=e.fieldName,a=e.predictionsData,s=p();if(!a)return null;var c=a[r];return c?o("li",{className:s.wrapper,children:[o(t,{variant:"subtitle2",children:[i,o(t,{className:s.unit,variant:"caption",children:["(",n("pressure"),")"]})]}),l(t,{variant:"h6",className:s.predictionItem,children:Number.isFinite(c)?parseFloat(c.toFixed(0)):c})]}):null};s.propTypes={title:e.isRequired,fieldName:e.isRequired,predictionsData:i().isRequired};export{s as default};
+import { getUnitDisplay } from '../../../../../utils/convert.js';
+import blue from '@material-ui/core/colors/blue';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, Typography } from '@material-ui/core';
+import { string, shape } from 'prop-types';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    wrapper: {
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'space-between',
+      marginRight: '5%'
+    },
+    predictionItem: {
+      color: blue[300]
+    },
+    unit: {
+      display: 'inline',
+      color: theme.palette.grey[400],
+      marginLeft: 5
+    }
+  };
+});
+
+var PredictionsItem = function PredictionsItem(_ref) {
+  var title = _ref.title,
+      fieldName = _ref.fieldName,
+      predictionsData = _ref.predictionsData;
+  var classes = useStyles();
+  if (!predictionsData) return null;
+  var itemValue = predictionsData[fieldName];
+  if (!itemValue) return null;
+  return /*#__PURE__*/jsxs("li", {
+    className: classes.wrapper,
+    children: [/*#__PURE__*/jsxs(Typography, {
+      variant: "subtitle2",
+      children: [title, /*#__PURE__*/jsxs(Typography, {
+        className: classes.unit,
+        variant: "caption",
+        children: ["(", getUnitDisplay('pressure'), ")"]
+      })]
+    }), /*#__PURE__*/jsx(Typography, {
+      variant: "h6",
+      className: classes.predictionItem,
+      children: Number.isFinite(itemValue) ? parseFloat(itemValue.toFixed(0)) : itemValue
+    })]
+  });
+};
+
+PredictionsItem.propTypes = {
+  title: string.isRequired,
+  fieldName: string.isRequired,
+  predictionsData: shape().isRequired
+};
+
+export default PredictionsItem;
+//# sourceMappingURL=PredictionsItem.js.map

package/components/FeedItem/feedItemTypes/StageOverviewFeedItem/components/PredictionsItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PredictionsItem.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/StageOverviewFeedItem/components/PredictionsItem.js"],"sourcesContent":["import { shape, string } from 'prop-types';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport blue from '@material-ui/core/colors/blue';\n\nimport { getUnitDisplay } from '~/utils/convert';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n    marginRight: '5%',\n  },\n  predictionItem: {\n    color: blue[300],\n  },\n  unit: {\n    display: 'inline',\n    color: theme.palette.grey[400],\n    marginLeft: 5,\n  },\n}));\n\nconst PredictionsItem = ({ title, fieldName, predictionsData }) => {\n  const classes = useStyles();\n\n  if (!predictionsData) return null;\n\n  const itemValue = predictionsData[fieldName];\n\n  if (!itemValue) return null;\n\n  return (\n    <li className={classes.wrapper}>\n      <Typography variant=\"subtitle2\">\n        {title}\n        <Typography className={classes.unit} variant=\"caption\">\n          ({getUnitDisplay('pressure')})\n        </Typography>\n      </Typography>\n      <Typography variant=\"h6\" className={classes.predictionItem}>\n        {Number.isFinite(itemValue) ? parseFloat(itemValue.toFixed(0)) : itemValue}\n      </Typography>\n    </li>\n  );\n};\n\nPredictionsItem.propTypes = {\n  title: string.isRequired,\n  fieldName: string.isRequired,\n  predictionsData: shape().isRequired,\n};\n\nexport default PredictionsItem;\n"],"names":["useStyles","makeStyles","theme","wrapper","display","flexDirection","justifyContent","marginRight","predictionItem","color","blue","unit","palette","grey","marginLeft","PredictionsItem","title","fieldName","predictionsData","classes","itemValue","_jsxs","getUnitDisplay","_jsx","Number","isFinite","parseFloat","toFixed","propTypes","string","isRequired","shape"],"mappings":";;;;;;AAOA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,OAAO,EAAE;AACPC,MAAAA,OAAO,EAAE,MADF;AAEPC,MAAAA,aAAa,EAAE,QAFR;AAGPC,MAAAA,cAAc,EAAE,eAHT;AAIPC,MAAAA,WAAW,EAAE;AAJN,KAD4B;AAOrCC,IAAAA,cAAc,EAAE;AACdC,MAAAA,KAAK,EAAEC,IAAI,CAAC,GAAD;AADG,KAPqB;AAUrCC,IAAAA,IAAI,EAAE;AACJP,MAAAA,OAAO,EAAE,QADL;AAEJK,MAAAA,KAAK,EAAEP,KAAK,CAACU,OAAN,CAAcC,IAAd,CAAmB,GAAnB,CAFH;AAGJC,MAAAA,UAAU,EAAE;AAHR;AAV+B,GAAL;AAAA,CAAN,CAA5B;;IAiBMC,eAAe,GAAG,SAAlBA,eAAkB,OAA2C;AAAA,MAAxCC,KAAwC,QAAxCA,KAAwC;AAAA,MAAjCC,SAAiC,QAAjCA,SAAiC;AAAA,MAAtBC,eAAsB,QAAtBA,eAAsB;AACjE,MAAMC,OAAO,GAAGnB,SAAS,EAAzB;AAEA,MAAI,CAACkB,eAAL,EAAsB,OAAO,IAAP;AAEtB,MAAME,SAAS,GAAGF,eAAe,CAACD,SAAD,CAAjC;AAEA,MAAI,CAACG,SAAL,EAAgB,OAAO,IAAP;AAEhB,sBACEC;AAAI,IAAA,SAAS,EAAEF,OAAO,CAAChB,OAAvB;AAAA,4BACEkB,KAAC,UAAD;AAAY,MAAA,OAAO,EAAC,WAApB;AAAA,iBACGL,KADH,eAEEK,KAAC,UAAD;AAAY,QAAA,SAAS,EAAEF,OAAO,CAACR,IAA/B;AAAqC,QAAA,OAAO,EAAC,SAA7C;AAAA,wBACIW,cAAc,CAAC,UAAD,CADlB;AAAA,QAFF;AAAA,MADF,eAOEC,IAAC,UAAD;AAAY,MAAA,OAAO,EAAC,IAApB;AAAyB,MAAA,SAAS,EAAEJ,OAAO,CAACX,cAA5C;AAAA,gBACGgB,MAAM,CAACC,QAAP,CAAgBL,SAAhB,IAA6BM,UAAU,CAACN,SAAS,CAACO,OAAV,CAAkB,CAAlB,CAAD,CAAvC,GAAgEP;AADnE,MAPF;AAAA,IADF;AAaD;;AAEDL,eAAe,CAACa,SAAhB,GAA4B;AAC1BZ,EAAAA,KAAK,EAAEa,MAAM,CAACC,UADY;AAE1Bb,EAAAA,SAAS,EAAEY,MAAM,CAACC,UAFQ;AAG1BZ,EAAAA,eAAe,EAAEa,KAAK,GAAGD;AAHC,CAA5B;;;;"}

package/components/FeedItem/feedItemTypes/StageOverviewFeedItem/components/Stages/Stages.js

@@ -1 +1,89 @@
-import{useMemo as e}from"react";import{shape as r}from"prop-types";import{isEmpty as o}from"lodash";import{makeStyles as t}from"@material-ui/core";import a from"../../../../../StageDesignVActual/ComparisonHeader.js";import i from"../../../../../StageDesignVActual/ComparisonRow.js";import s from"../../../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import{getSummaries as m}from"./utils.js";import n from"../NoData.js";import{jsx as l,jsxs as p}from"react/jsx-runtime";var u=t({wrapper:{flex:"1",overflowY:"auto",padding:"0 5px"}}),f=function(r){var t,f=r.feedItem,d=r.stages,c=r.predictionsData,g=u(),y=(null===(t=f.context)||void 0===t?void 0:t.completion_actual_stage)||{},h=e((function(){return m(y,d,c)}),[y,d,c]);return o(d)&&o(y)?l(n,{subject:"stages"}):p("div",{className:g.wrapper,children:[l(a,{renderStages:function(){var e;return o(y)?"":"Stage Number: ".concat(null===(e=y.data)||void 0===e?void 0:e.stage_number)}}),l(i,{rowKey:"top_perforation",label:"Top Perforation",unitType:"length",summaries:h}),l(i,{rowKey:"bottom_perforation",label:"Bottom Perforation",unitType:"length",summaries:h}),l(i,{rowKey:"perforated_length",label:"Perforation Length",unitType:"length",summaries:h}),l(i,{rowKey:"total_shots",label:"Total Shots",summaries:h}),l(i,{rowKey:"flush_volume",label:"Flush Volume",unitType:"oil",summaries:h}),l(s,{rowKey:"chemicals",summaries:h}),l(s,{rowKey:"proppants",summaries:h}),l(s,{rowKey:"fluids",summaries:h})]})};f.propTypes={feedItem:r().isRequired,stages:r().isRequired,predictionsData:r().isRequired};export{f as default};
+import { isEmpty } from 'lodash';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { makeStyles } from '@material-ui/core';
+import { useMemo } from 'react';
+import { shape } from 'prop-types';
+import NoData from '../NoData.js';
+import ComparisonHeader from '../../../../../StageDesignVActual/ComparisonHeader.js';
+import ComparisonRow from '../../../../../StageDesignVActual/ComparisonRow.js';
+import ElementsComparison from '../../../../../StageDesignVActual/ElementsComparison/ElementsComparison.js';
+import { getSummaries } from './utils.js';
+
+var useStyles = makeStyles({
+  wrapper: {
+    flex: '1',
+    overflowY: 'auto',
+    padding: '0 5px'
+  }
+});
+
+var Stages = function Stages(_ref) {
+  var _feedItem$context;
+
+  var feedItem = _ref.feedItem,
+      stages = _ref.stages,
+      predictionsData = _ref.predictionsData;
+  var classes = useStyles();
+  var actualData = ((_feedItem$context = feedItem.context) === null || _feedItem$context === void 0 ? void 0 : _feedItem$context.completion_actual_stage) || {};
+  var summaries = useMemo(function () {
+    return getSummaries(actualData, stages, predictionsData);
+  }, [actualData, stages, predictionsData]);
+
+  var stageNumber = function stageNumber() {
+    var _actualData$data;
+
+    return !isEmpty(actualData) ? "Stage Number: ".concat((_actualData$data = actualData.data) === null || _actualData$data === void 0 ? void 0 : _actualData$data.stage_number) : '';
+  };
+
+  if (isEmpty(stages) && isEmpty(actualData)) return /*#__PURE__*/jsx(NoData, {
+    subject: "stages"
+  });
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.wrapper,
+    children: [/*#__PURE__*/jsx(ComparisonHeader, {
+      renderStages: stageNumber
+    }), /*#__PURE__*/jsx(ComparisonRow, {
+      rowKey: "top_perforation",
+      label: "Top Perforation",
+      unitType: "length",
+      summaries: summaries
+    }), /*#__PURE__*/jsx(ComparisonRow, {
+      rowKey: "bottom_perforation",
+      label: "Bottom Perforation",
+      unitType: "length",
+      summaries: summaries
+    }), /*#__PURE__*/jsx(ComparisonRow, {
+      rowKey: "perforated_length",
+      label: "Perforation Length",
+      unitType: "length",
+      summaries: summaries
+    }), /*#__PURE__*/jsx(ComparisonRow, {
+      rowKey: "total_shots",
+      label: "Total Shots",
+      summaries: summaries
+    }), /*#__PURE__*/jsx(ComparisonRow, {
+      rowKey: "flush_volume",
+      label: "Flush Volume",
+      unitType: "oil",
+      summaries: summaries
+    }), /*#__PURE__*/jsx(ElementsComparison, {
+      rowKey: "chemicals",
+      summaries: summaries
+    }), /*#__PURE__*/jsx(ElementsComparison, {
+      rowKey: "proppants",
+      summaries: summaries
+    }), /*#__PURE__*/jsx(ElementsComparison, {
+      rowKey: "fluids",
+      summaries: summaries
+    })]
+  });
+};
+
+Stages.propTypes = {
+  feedItem: shape().isRequired,
+  stages: shape().isRequired,
+  predictionsData: shape().isRequired
+};
+
+export default Stages;
+//# sourceMappingURL=Stages.js.map

package/components/FeedItem/feedItemTypes/StageOverviewFeedItem/components/Stages/Stages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stages.js","sources":["../../../../../../../src/components/FeedItem/feedItemTypes/StageOverviewFeedItem/components/Stages/Stages.js"],"sourcesContent":["import { useMemo } from 'react';\nimport { shape } from 'prop-types';\nimport { isEmpty } from 'lodash';\nimport { makeStyles } from '@material-ui/core';\n\nimport ComparisonHeader from '~/components/StageDesignVActual/ComparisonHeader';\nimport ComparisonRow from '~/components/StageDesignVActual/ComparisonRow';\nimport ElementsComparison from '~/components/StageDesignVActual/ElementsComparison';\n\nimport { getSummaries } from './utils';\nimport NoData from '../NoData';\n\nconst useStyles = makeStyles({\n  wrapper: {\n    flex: '1',\n    overflowY: 'auto',\n    padding: '0 5px',\n  },\n});\n\nconst Stages = ({ feedItem, stages, predictionsData }) => {\n  const classes = useStyles();\n  const actualData = feedItem.context?.completion_actual_stage || {};\n\n  const summaries = useMemo(() => getSummaries(actualData, stages, predictionsData), [\n    actualData,\n    stages,\n    predictionsData,\n  ]);\n\n  const stageNumber = () =>\n    !isEmpty(actualData) ? `Stage Number: ${actualData.data?.stage_number}` : '';\n\n  if (isEmpty(stages) && isEmpty(actualData)) return <NoData subject=\"stages\" />;\n\n  return (\n    <div className={classes.wrapper}>\n      <ComparisonHeader renderStages={stageNumber} />\n      <ComparisonRow\n        rowKey=\"top_perforation\"\n        label=\"Top Perforation\"\n        unitType=\"length\"\n        summaries={summaries}\n      />\n      <ComparisonRow\n        rowKey=\"bottom_perforation\"\n        label=\"Bottom Perforation\"\n        unitType=\"length\"\n        summaries={summaries}\n      />\n      <ComparisonRow\n        rowKey=\"perforated_length\"\n        label=\"Perforation Length\"\n        unitType=\"length\"\n        summaries={summaries}\n      />\n      <ComparisonRow rowKey=\"total_shots\" label=\"Total Shots\" summaries={summaries} />\n      <ComparisonRow\n        rowKey=\"flush_volume\"\n        label=\"Flush Volume\"\n        unitType=\"oil\"\n        summaries={summaries}\n      />\n      <ElementsComparison rowKey=\"chemicals\" summaries={summaries} />\n      <ElementsComparison rowKey=\"proppants\" summaries={summaries} />\n      <ElementsComparison rowKey=\"fluids\" summaries={summaries} />\n    </div>\n  );\n};\n\nStages.propTypes = {\n  feedItem: shape().isRequired,\n  stages: shape().isRequired,\n  predictionsData: shape().isRequired,\n};\n\nexport default Stages;\n"],"names":["useStyles","makeStyles","wrapper","flex","overflowY","padding","Stages","feedItem","stages","predictionsData","classes","actualData","context","completion_actual_stage","summaries","useMemo","getSummaries","stageNumber","isEmpty","data","stage_number","_jsx","_jsxs","propTypes","shape","isRequired"],"mappings":";;;;;;;;;;;AAYA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,IAAI,EAAE,GADC;AAEPC,IAAAA,SAAS,EAAE,MAFJ;AAGPC,IAAAA,OAAO,EAAE;AAHF;AADkB,CAAD,CAA5B;;IAQMC,MAAM,GAAG,SAATA,MAAS,OAA2C;AAAA;;AAAA,MAAxCC,QAAwC,QAAxCA,QAAwC;AAAA,MAA9BC,MAA8B,QAA9BA,MAA8B;AAAA,MAAtBC,eAAsB,QAAtBA,eAAsB;AACxD,MAAMC,OAAO,GAAGV,SAAS,EAAzB;AACA,MAAMW,UAAU,GAAG,sBAAAJ,QAAQ,CAACK,OAAT,wEAAkBC,uBAAlB,KAA6C,EAAhE;AAEA,MAAMC,SAAS,GAAGC,OAAO,CAAC;AAAA,WAAMC,YAAY,CAACL,UAAD,EAAaH,MAAb,EAAqBC,eAArB,CAAlB;AAAA,GAAD,EAA0D,CACjFE,UADiF,EAEjFH,MAFiF,EAGjFC,eAHiF,CAA1D,CAAzB;;AAMA,MAAMQ,WAAW,GAAG,SAAdA,WAAc;AAAA;;AAAA,WAClB,CAACC,OAAO,CAACP,UAAD,CAAR,+CAAwCA,UAAU,CAACQ,IAAnD,qDAAwC,iBAAiBC,YAAzD,IAA0E,EADxD;AAAA,GAApB;;AAGA,MAAIF,OAAO,CAACV,MAAD,CAAP,IAAmBU,OAAO,CAACP,UAAD,CAA9B,EAA4C,oBAAOU,IAAC,MAAD;AAAQ,IAAA,OAAO,EAAC;AAAhB,IAAP;AAE5C,sBACEC;AAAK,IAAA,SAAS,EAAEZ,OAAO,CAACR,OAAxB;AAAA,4BACEmB,IAAC,gBAAD;AAAkB,MAAA,YAAY,EAAEJ;AAAhC,MADF,eAEEI,IAAC,aAAD;AACE,MAAA,MAAM,EAAC,iBADT;AAEE,MAAA,KAAK,EAAC,iBAFR;AAGE,MAAA,QAAQ,EAAC,QAHX;AAIE,MAAA,SAAS,EAAEP;AAJb,MAFF,eAQEO,IAAC,aAAD;AACE,MAAA,MAAM,EAAC,oBADT;AAEE,MAAA,KAAK,EAAC,oBAFR;AAGE,MAAA,QAAQ,EAAC,QAHX;AAIE,MAAA,SAAS,EAAEP;AAJb,MARF,eAcEO,IAAC,aAAD;AACE,MAAA,MAAM,EAAC,mBADT;AAEE,MAAA,KAAK,EAAC,oBAFR;AAGE,MAAA,QAAQ,EAAC,QAHX;AAIE,MAAA,SAAS,EAAEP;AAJb,MAdF,eAoBEO,IAAC,aAAD;AAAe,MAAA,MAAM,EAAC,aAAtB;AAAoC,MAAA,KAAK,EAAC,aAA1C;AAAwD,MAAA,SAAS,EAAEP;AAAnE,MApBF,eAqBEO,IAAC,aAAD;AACE,MAAA,MAAM,EAAC,cADT;AAEE,MAAA,KAAK,EAAC,cAFR;AAGE,MAAA,QAAQ,EAAC,KAHX;AAIE,MAAA,SAAS,EAAEP;AAJb,MArBF,eA2BEO,IAAC,kBAAD;AAAoB,MAAA,MAAM,EAAC,WAA3B;AAAuC,MAAA,SAAS,EAAEP;AAAlD,MA3BF,eA4BEO,IAAC,kBAAD;AAAoB,MAAA,MAAM,EAAC,WAA3B;AAAuC,MAAA,SAAS,EAAEP;AAAlD,MA5BF,eA6BEO,IAAC,kBAAD;AAAoB,MAAA,MAAM,EAAC,QAA3B;AAAoC,MAAA,SAAS,EAAEP;AAA/C,MA7BF;AAAA,IADF;AAiCD;;AAEDR,MAAM,CAACiB,SAAP,GAAmB;AACjBhB,EAAAA,QAAQ,EAAEiB,KAAK,GAAGC,UADD;AAEjBjB,EAAAA,MAAM,EAAEgB,KAAK,GAAGC,UAFC;AAGjBhB,EAAAA,eAAe,EAAEe,KAAK,GAAGC;AAHR,CAAnB;;;;"}

package/components/FeedItem/feedItemTypes/StageOverviewFeedItem/components/Stages/utils.js

@@ -1 +1,35 @@
-import t from"@babel/runtime/helpers/defineProperty";import{get as e,isEmpty as r}from"lodash";import{getStageSummary as o}from"../../../../../../utils/StageDesignVActualUtils.js";function n(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,o)}return r}function i(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?n(Object(o),!0).forEach((function(r){t(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var p=function(t,n,p){var a,l,u={top_perforation:null===(a=t.data)||void 0===a?void 0:a.top_perforation,bottom_perforation:null===(l=t.data)||void 0===l?void 0:l.bottom_perforation,perforated_length:0,total_shots:0,flush_volume:0,fluids:{},chemicals:{},proppants:{}},s=i(i({},p),{},{flush_volume_design:e(p,"flush_volume","flush_volume_design")});return{actualSummary:!r(t)&&o(u,t),designSummary:!r(n)&&o(u,n),predictionSummary:s}};export{p as getSummaries};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { get, isEmpty } from 'lodash';
+import { getStageSummary } from '../../../../../../utils/StageDesignVActualUtils.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var getSummaries = function getSummaries(data, stagesData, predictionsData) {
+  var _data$data, _data$data2;
+
+  var startSummary = {
+    top_perforation: (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.top_perforation,
+    bottom_perforation: (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.bottom_perforation,
+    perforated_length: 0,
+    total_shots: 0,
+    flush_volume: 0,
+    fluids: {},
+    chemicals: {},
+    proppants: {}
+  };
+
+  var predictionSummary = _objectSpread(_objectSpread({}, predictionsData), {}, {
+    flush_volume_design: get(predictionsData, 'flush_volume', 'flush_volume_design')
+  });
+
+  var summaries = {
+    actualSummary: !isEmpty(data) && getStageSummary(startSummary, data),
+    designSummary: !isEmpty(stagesData) && getStageSummary(startSummary, stagesData),
+    predictionSummary: predictionSummary
+  };
+  return summaries;
+};
+
+export { getSummaries };
+//# sourceMappingURL=utils.js.map

package/components/FeedItem/feedItemTypes/StageOverviewFeedItem/components/Stages/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../src/components/FeedItem/feedItemTypes/StageOverviewFeedItem/components/Stages/utils.js"],"sourcesContent":["import { get, isEmpty } from 'lodash';\nimport { getStageSummary } from '~/utils/StageDesignVActualUtils';\n\nexport const getSummaries = (data, stagesData, predictionsData) => {\n  const startSummary = {\n    top_perforation: data.data?.top_perforation,\n    bottom_perforation: data.data?.bottom_perforation,\n    perforated_length: 0,\n    total_shots: 0,\n    flush_volume: 0,\n    fluids: {},\n    chemicals: {},\n    proppants: {},\n  };\n\n  const predictionSummary = {\n    ...predictionsData,\n    flush_volume_design: get(predictionsData, 'flush_volume', 'flush_volume_design'),\n  };\n\n  const summaries = {\n    actualSummary: !isEmpty(data) && getStageSummary(startSummary, data),\n    designSummary: !isEmpty(stagesData) && getStageSummary(startSummary, stagesData),\n    predictionSummary,\n  };\n\n  return summaries;\n};\n"],"names":["getSummaries","data","stagesData","predictionsData","startSummary","top_perforation","bottom_perforation","perforated_length","total_shots","flush_volume","fluids","chemicals","proppants","predictionSummary","flush_volume_design","get","summaries","actualSummary","isEmpty","getStageSummary","designSummary"],"mappings":";;;;;;;IAGaA,YAAY,GAAG,SAAfA,YAAe,CAACC,IAAD,EAAOC,UAAP,EAAmBC,eAAnB,EAAuC;AAAA;;AACjE,MAAMC,YAAY,GAAG;AACnBC,IAAAA,eAAe,gBAAEJ,IAAI,CAACA,IAAP,+CAAE,WAAWI,eADT;AAEnBC,IAAAA,kBAAkB,iBAAEL,IAAI,CAACA,IAAP,gDAAE,YAAWK,kBAFZ;AAGnBC,IAAAA,iBAAiB,EAAE,CAHA;AAInBC,IAAAA,WAAW,EAAE,CAJM;AAKnBC,IAAAA,YAAY,EAAE,CALK;AAMnBC,IAAAA,MAAM,EAAE,EANW;AAOnBC,IAAAA,SAAS,EAAE,EAPQ;AAQnBC,IAAAA,SAAS,EAAE;AARQ,GAArB;;AAWA,MAAMC,iBAAiB,mCAClBV,eADkB;AAErBW,IAAAA,mBAAmB,EAAEC,GAAG,CAACZ,eAAD,EAAkB,cAAlB,EAAkC,qBAAlC;AAFH,IAAvB;;AAKA,MAAMa,SAAS,GAAG;AAChBC,IAAAA,aAAa,EAAE,CAACC,OAAO,CAACjB,IAAD,CAAR,IAAkBkB,eAAe,CAACf,YAAD,EAAeH,IAAf,CADhC;AAEhBmB,IAAAA,aAAa,EAAE,CAACF,OAAO,CAAChB,UAAD,CAAR,IAAwBiB,eAAe,CAACf,YAAD,EAAeF,UAAf,CAFtC;AAGhBW,IAAAA,iBAAiB,EAAjBA;AAHgB,GAAlB;AAMA,SAAOG,SAAP;AACD;;;;"}

package/components/FeedItem/feedItemTypes/StageOverviewFeedItem/index.js

@@ -1 +1,106 @@
-import e from"@babel/runtime/helpers/asyncToGenerator";import t from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/regenerator";import{useState as o,useEffect as i}from"react";import{shape as n}from"prop-types";import a from"../../../LoadingIndicator/LoadingIndicator.js";import s from"./components/Predictions.js";import m from"./components/Stages/Stages.js";import{fetchStagesData as p,fetchPredictionsData as c}from"./api.js";import{jsx as u,jsxs as l,Fragment as d}from"react/jsx-runtime";var f=function(n){var f,g,b,v,x=n.feedItem,I=o({}),h=t(I,2),y=h[0],j=h[1],w=o({}),_=t(w,2),q=_[0],R=_[1],T=o(!1),D=t(T,2),L=D[0],N=D[1],S=null===(f=x.well)||void 0===f?void 0:f.id,k=null===(g=x.context)||void 0===g||null===(b=g.completion_actual_stage)||void 0===b||null===(v=b.data)||void 0===v?void 0:v.stage_number;return i((function(){function t(){return(t=e(r.mark((function e(){return r.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return N(!0),e.t0=j,e.next=4,c({wellId:S,stageNumber:k});case 4:return e.t1=e.sent,(0,e.t0)(e.t1),e.t2=R,e.next=9,p({wellId:S,stageNumber:k});case 9:e.t3=e.sent,(0,e.t2)(e.t3),N(!1);case 12:case"end":return e.stop()}}),e)})))).apply(this,arguments)}!function(){t.apply(this,arguments)}()}),[]),L?u(a,{fullscreen:!1}):l(d,{children:[u(s,{stages:q,predictionsData:y}),u(m,{feedItem:x,stages:q,predictionsData:y})]})};f.propTypes={feedItem:n({context:n({completion_actual_stage:n({data:n().isRequired}).isRequired}).isRequired}).isRequired};export{f as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { shape } from 'prop-types';
+import LoadingIndicator from '../../../LoadingIndicator/LoadingIndicator.js';
+import Predictions from './components/Predictions.js';
+import Stages from './components/Stages/Stages.js';
+import { fetchStagesData, fetchPredictionsData } from './api.js';
+
+var StageOverviewFeedItem = function StageOverviewFeedItem(_ref) {
+  var _feedItem$well, _feedItem$context, _feedItem$context$com, _feedItem$context$com2;
+
+  var feedItem = _ref.feedItem;
+
+  var _useState = useState({}),
+      _useState2 = _slicedToArray(_useState, 2),
+      predictionsData = _useState2[0],
+      setPredictionsData = _useState2[1];
+
+  var _useState3 = useState({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      stagesData = _useState4[0],
+      setStagesData = _useState4[1];
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isLoading = _useState6[0],
+      setIsLoading = _useState6[1];
+
+  var wellId = (_feedItem$well = feedItem.well) === null || _feedItem$well === void 0 ? void 0 : _feedItem$well.id;
+  var stageNumber = (_feedItem$context = feedItem.context) === null || _feedItem$context === void 0 ? void 0 : (_feedItem$context$com = _feedItem$context.completion_actual_stage) === null || _feedItem$context$com === void 0 ? void 0 : (_feedItem$context$com2 = _feedItem$context$com.data) === null || _feedItem$context$com2 === void 0 ? void 0 : _feedItem$context$com2.stage_number;
+  useEffect(function () {
+    function handleFetchData() {
+      return _handleFetchData.apply(this, arguments);
+    }
+
+    function _handleFetchData() {
+      _handleFetchData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                setIsLoading(true);
+                _context.t0 = setPredictionsData;
+                _context.next = 4;
+                return fetchPredictionsData({
+                  wellId: wellId,
+                  stageNumber: stageNumber
+                });
+
+              case 4:
+                _context.t1 = _context.sent;
+                (0, _context.t0)(_context.t1);
+                _context.t2 = setStagesData;
+                _context.next = 9;
+                return fetchStagesData({
+                  wellId: wellId,
+                  stageNumber: stageNumber
+                });
+
+              case 9:
+                _context.t3 = _context.sent;
+                (0, _context.t2)(_context.t3);
+                setIsLoading(false);
+
+              case 12:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+      return _handleFetchData.apply(this, arguments);
+    }
+
+    handleFetchData();
+  }, []);
+  if (isLoading) return /*#__PURE__*/jsx(LoadingIndicator, {
+    fullscreen: false
+  });
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Predictions, {
+      stages: stagesData,
+      predictionsData: predictionsData
+    }), /*#__PURE__*/jsx(Stages, {
+      feedItem: feedItem,
+      stages: stagesData,
+      predictionsData: predictionsData
+    })]
+  });
+};
+
+StageOverviewFeedItem.propTypes = {
+  feedItem: shape({
+    context: shape({
+      completion_actual_stage: shape({
+        data: shape().isRequired
+      }).isRequired
+    }).isRequired
+  }).isRequired
+};
+
+export default StageOverviewFeedItem;
+//# sourceMappingURL=index.js.map

package/components/FeedItem/feedItemTypes/StageOverviewFeedItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/StageOverviewFeedItem/index.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { shape } from 'prop-types';\n\nimport LoadingIndicator from '~/components/LoadingIndicator';\n\nimport Predictions from './components/Predictions';\nimport Stages from './components/Stages';\n\nimport { fetchStagesData, fetchPredictionsData } from './api';\n\nconst StageOverviewFeedItem = ({ feedItem }) => {\n  const [predictionsData, setPredictionsData] = useState({});\n  const [stagesData, setStagesData] = useState({});\n  const [isLoading, setIsLoading] = useState(false);\n\n  const wellId = feedItem.well?.id;\n  const stageNumber = feedItem.context?.completion_actual_stage?.data?.stage_number;\n\n  useEffect(() => {\n    async function handleFetchData() {\n      setIsLoading(true);\n\n      setPredictionsData(await fetchPredictionsData({ wellId, stageNumber }));\n      setStagesData(await fetchStagesData({ wellId, stageNumber }));\n\n      setIsLoading(false);\n    }\n    handleFetchData();\n  }, []);\n\n  if (isLoading) return <LoadingIndicator fullscreen={false} />;\n\n  return (\n    <>\n      <Predictions stages={stagesData} predictionsData={predictionsData} />\n      <Stages feedItem={feedItem} stages={stagesData} predictionsData={predictionsData} />\n    </>\n  );\n};\n\nStageOverviewFeedItem.propTypes = {\n  feedItem: shape({\n    context: shape({\n      completion_actual_stage: shape({\n        data: shape().isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default StageOverviewFeedItem;\n"],"names":["StageOverviewFeedItem","feedItem","useState","predictionsData","setPredictionsData","stagesData","setStagesData","isLoading","setIsLoading","wellId","well","id","stageNumber","context","completion_actual_stage","data","stage_number","useEffect","handleFetchData","fetchPredictionsData","fetchStagesData","_jsx","_jsxs","propTypes","shape","isRequired"],"mappings":";;;;;;;;;;;IAUMA,qBAAqB,GAAG,SAAxBA,qBAAwB,OAAkB;AAAA;;AAAA,MAAfC,QAAe,QAAfA,QAAe;;AAAA,kBACAC,QAAQ,CAAC,EAAD,CADR;AAAA;AAAA,MACvCC,eADuC;AAAA,MACtBC,kBADsB;;AAAA,mBAEVF,QAAQ,CAAC,EAAD,CAFE;AAAA;AAAA,MAEvCG,UAFuC;AAAA,MAE3BC,aAF2B;;AAAA,mBAGZJ,QAAQ,CAAC,KAAD,CAHI;AAAA;AAAA,MAGvCK,SAHuC;AAAA,MAG5BC,YAH4B;;AAK9C,MAAMC,MAAM,qBAAGR,QAAQ,CAACS,IAAZ,mDAAG,eAAeC,EAA9B;AACA,MAAMC,WAAW,wBAAGX,QAAQ,CAACY,OAAZ,+EAAG,kBAAkBC,uBAArB,oFAAG,sBAA2CC,IAA9C,2DAAG,uBAAiDC,YAArE;AAEAC,EAAAA,SAAS,CAAC,YAAM;AAAA,aACCC,eADD;AAAA;AAAA;;AAAA;AAAA,kFACd;AAAA;AAAA;AAAA;AAAA;AACEV,gBAAAA,YAAY,CAAC,IAAD,CAAZ;AADF,8BAGEJ,kBAHF;AAAA;AAAA,uBAG2Be,oBAAoB,CAAC;AAAEV,kBAAAA,MAAM,EAANA,MAAF;AAAUG,kBAAAA,WAAW,EAAXA;AAAV,iBAAD,CAH/C;;AAAA;AAAA;AAAA;AAAA,8BAIEN,aAJF;AAAA;AAAA,uBAIsBc,eAAe,CAAC;AAAEX,kBAAAA,MAAM,EAANA,MAAF;AAAUG,kBAAAA,WAAW,EAAXA;AAAV,iBAAD,CAJrC;;AAAA;AAAA;AAAA;AAMEJ,gBAAAA,YAAY,CAAC,KAAD,CAAZ;;AANF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OADc;AAAA;AAAA;;AASdU,IAAAA,eAAe;AAChB,GAVQ,EAUN,EAVM,CAAT;AAYA,MAAIX,SAAJ,EAAe,oBAAOc,IAAC,gBAAD;AAAkB,IAAA,UAAU,EAAE;AAA9B,IAAP;AAEf,sBACEC;AAAA,4BACED,IAAC,WAAD;AAAa,MAAA,MAAM,EAAEhB,UAArB;AAAiC,MAAA,eAAe,EAAEF;AAAlD,MADF,eAEEkB,IAAC,MAAD;AAAQ,MAAA,QAAQ,EAAEpB,QAAlB;AAA4B,MAAA,MAAM,EAAEI,UAApC;AAAgD,MAAA,eAAe,EAAEF;AAAjE,MAFF;AAAA,IADF;AAMD;;AAEDH,qBAAqB,CAACuB,SAAtB,GAAkC;AAChCtB,EAAAA,QAAQ,EAAEuB,KAAK,CAAC;AACdX,IAAAA,OAAO,EAAEW,KAAK,CAAC;AACbV,MAAAA,uBAAuB,EAAEU,KAAK,CAAC;AAC7BT,QAAAA,IAAI,EAAES,KAAK,GAAGC;AADe,OAAD,CAAL,CAEtBA;AAHU,KAAD,CAAL,CAINA;AALW,GAAD,CAAL,CAMPA;AAP6B,CAAlC;;;;"}

package/components/FeedItem/feedItemTypes/SurveyStationFeedItem/api.js

@@ -1 +1,49 @@
-import r from"@babel/runtime/helpers/asyncToGenerator";import e from"@babel/runtime/regenerator";import{getAppStorage as t}from"../../../../clients/jsonApi/index.js";function n(r){return a.apply(this,arguments)}function a(){return(a=r(e.mark((function r(n){var a,o,c;return e.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return a=n.wellId,o=n.md,r.prev=1,r.next=4,t("corva","directional.accuracy",a,{query:"{data.actual_point.measured_depth#eq#".concat(o,"}"),sort:"{timestamp: -1}",limit:1});case 4:c=r.sent,r.next=10;break;case 7:r.prev=7,r.t0=r.catch(1),console.error(r.t0);case 10:return r.abrupt("return",c);case 11:case"end":return r.stop()}}),r,null,[[1,7]])})))).apply(this,arguments)}export{n as fetchDirectionalAccuracyRecords};
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import { getAppStorage } from '../../../../clients/jsonApi/index.js';
+
+function fetchDirectionalAccuracyRecords(_x) {
+  return _fetchDirectionalAccuracyRecords.apply(this, arguments);
+}
+
+function _fetchDirectionalAccuracyRecords() {
+  _fetchDirectionalAccuracyRecords = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
+    var wellId, md, records;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            wellId = _ref.wellId, md = _ref.md;
+            _context.prev = 1;
+            _context.next = 4;
+            return getAppStorage('corva', 'directional.accuracy', wellId, {
+              query: "{data.actual_point.measured_depth#eq#".concat(md, "}"),
+              sort: '{timestamp: -1}',
+              limit: 1
+            });
+
+          case 4:
+            records = _context.sent;
+            _context.next = 10;
+            break;
+
+          case 7:
+            _context.prev = 7;
+            _context.t0 = _context["catch"](1);
+            console.error(_context.t0);
+
+          case 10:
+            return _context.abrupt("return", records);
+
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[1, 7]]);
+  }));
+  return _fetchDirectionalAccuracyRecords.apply(this, arguments);
+}
+
+export { fetchDirectionalAccuracyRecords };
+//# sourceMappingURL=api.js.map

package/components/FeedItem/feedItemTypes/SurveyStationFeedItem/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/SurveyStationFeedItem/api.js"],"sourcesContent":["import { getAppStorage } from '~/clients/jsonApi';\n\nexport async function fetchDirectionalAccuracyRecords({ wellId, md }) {\n  let records;\n\n  try {\n    records = await getAppStorage('corva', 'directional.accuracy', wellId, {\n      query: `{data.actual_point.measured_depth#eq#${md}}`,\n      sort: '{timestamp: -1}',\n      limit: 1,\n    });\n  } catch (e) {\n    console.error(e);\n  }\n\n  return records;\n}\n"],"names":["fetchDirectionalAccuracyRecords","wellId","md","getAppStorage","query","sort","limit","records","console","error"],"mappings":";;;;SAEsBA,+BAAtB;AAAA;AAAA;;;8FAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAiDC,YAAAA,MAAjD,QAAiDA,MAAjD,EAAyDC,EAAzD,QAAyDA,EAAzD;AAAA;AAAA;AAAA,mBAIaC,aAAa,CAAC,OAAD,EAAU,sBAAV,EAAkCF,MAAlC,EAA0C;AACrEG,cAAAA,KAAK,iDAA0CF,EAA1C,MADgE;AAErEG,cAAAA,IAAI,EAAE,iBAF+D;AAGrEC,cAAAA,KAAK,EAAE;AAH8D,aAA1C,CAJ1B;;AAAA;AAIHC,YAAAA,OAJG;AAAA;AAAA;;AAAA;AAAA;AAAA;AAUHC,YAAAA,OAAO,CAACC,KAAR;;AAVG;AAAA,6CAaEF,OAbF;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;"}

package/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/AccuracyPlan.js

@@ -1 +1,84 @@
-import{number as a,string as t,shape as e}from"prop-types";import i from"moment";import{makeStyles as l,Typography as n}from"@material-ui/core";import{convertValue as r,getUnitDisplay as c}from"../../../../../utils/convert.js";import{purifyPlanName as m,getColorBySeverity as o}from"../../../../../utils/accuracy.js";import{jsxs as p,jsx as u}from"react/jsx-runtime";var s=l((function(a){return{wrapper:{display:"flex",flexDirection:"column",margin:"0 20px 10px 0",minWidth:"290px"},planValueWrapper:{display:"flex",alignItems:"baseline"},planUnit:{color:a.palette.grey[400],marginLeft:5},planText:{color:a.palette.grey[400]}}})),d=function(a){var t,e=a.timestamp,l=a.initialPlanName,d=a.cumulativeTvdChange,v=a.accuracyData,f=s(),h=e?i.unix(e).format("MM/DD/YY"):"",y=m(l);return d&&(y="".concat(y,", ").concat(d," ft cumulative TVD change")),p("div",{className:"c-survey-station-feed-item__accuracy-plan",children:[u(n,{variant:"subtitle1",children:"Minimum Distance to Plan:"}),p("div",{className:f.planValueWrapper,children:[u(n,{variant:"h5",style:{color:o(v)},children:null===(t=r(null==v?void 0:v.distance_to_plan,"length","ft"))||void 0===t?void 0:t.fixFloat(1)}),p(n,{variant:"caption",className:f.planUnit,children:["(",c("length"),")"]})]}),u(n,{variant:"body1",className:f.planText,children:y||h})]})};d.propTypes={timestamp:a,initialPlanName:t,cumulativeTvdChange:t,accuracyData:e().isRequired},d.defaultProps={timestamp:null,initialPlanName:"",cumulativeTvdChange:""};export{d as default};
+import { convertValue, getUnitDisplay } from '../../../../../utils/convert.js';
+import moment from 'moment';
+import { purifyPlanName, getColorBySeverity } from '../../../../../utils/accuracy.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, Typography } from '@material-ui/core';
+import { number, string, shape } from 'prop-types';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    wrapper: {
+      display: 'flex',
+      flexDirection: 'column',
+      margin: '0 20px 10px 0',
+      minWidth: '290px'
+    },
+    planValueWrapper: {
+      display: 'flex',
+      alignItems: 'baseline'
+    },
+    planUnit: {
+      color: theme.palette.grey[400],
+      marginLeft: 5
+    },
+    planText: {
+      color: theme.palette.grey[400]
+    }
+  };
+});
+
+var AccuracyPlan = function AccuracyPlan(_ref) {
+  var _convertValue;
+
+  var timestamp = _ref.timestamp,
+      initialPlanName = _ref.initialPlanName,
+      cumulativeTvdChange = _ref.cumulativeTvdChange,
+      accuracyData = _ref.accuracyData;
+  var classes = useStyles();
+  var dateString = timestamp ? moment.unix(timestamp).format('MM/DD/YY') : '';
+  var planName = purifyPlanName(initialPlanName);
+
+  if (cumulativeTvdChange) {
+    planName = "".concat(planName, ", ").concat(cumulativeTvdChange, " ft cumulative TVD change");
+  }
+
+  return /*#__PURE__*/jsxs("div", {
+    className: "c-survey-station-feed-item__accuracy-plan",
+    children: [/*#__PURE__*/jsx(Typography, {
+      variant: "subtitle1",
+      children: "Minimum Distance to Plan:"
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.planValueWrapper,
+      children: [/*#__PURE__*/jsx(Typography, {
+        variant: "h5",
+        style: {
+          color: getColorBySeverity(accuracyData)
+        },
+        children: (_convertValue = convertValue(accuracyData === null || accuracyData === void 0 ? void 0 : accuracyData.distance_to_plan, 'length', 'ft')) === null || _convertValue === void 0 ? void 0 : _convertValue.fixFloat(1)
+      }), /*#__PURE__*/jsxs(Typography, {
+        variant: "caption",
+        className: classes.planUnit,
+        children: ["(", getUnitDisplay('length'), ")"]
+      })]
+    }), /*#__PURE__*/jsx(Typography, {
+      variant: "body1",
+      className: classes.planText,
+      children: planName || dateString
+    })]
+  });
+};
+
+AccuracyPlan.propTypes = {
+  timestamp: number,
+  initialPlanName: string,
+  cumulativeTvdChange: string,
+  accuracyData: shape().isRequired
+};
+AccuracyPlan.defaultProps = {
+  timestamp: null,
+  initialPlanName: '',
+  cumulativeTvdChange: ''
+};
+
+export default AccuracyPlan;
+//# sourceMappingURL=AccuracyPlan.js.map

package/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/AccuracyPlan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccuracyPlan.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/AccuracyPlan.js"],"sourcesContent":["import { shape, string, number } from 'prop-types';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { purifyPlanName, getColorBySeverity } from '~/utils/accuracy';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    display: 'flex',\n    flexDirection: 'column',\n    margin: '0 20px 10px 0',\n    minWidth: '290px',\n  },\n  planValueWrapper: {\n    display: 'flex',\n    alignItems: 'baseline',\n  },\n  planUnit: {\n    color: theme.palette.grey[400],\n    marginLeft: 5,\n  },\n  planText: {\n    color: theme.palette.grey[400],\n  },\n}));\n\nconst AccuracyPlan = ({ timestamp, initialPlanName, cumulativeTvdChange, accuracyData }) => {\n  const classes = useStyles();\n  const dateString = timestamp ? moment.unix(timestamp).format('MM/DD/YY') : '';\n\n  let planName = purifyPlanName(initialPlanName);\n  if (cumulativeTvdChange) {\n    planName = `${planName}, ${cumulativeTvdChange} ft cumulative TVD change`;\n  }\n\n  return (\n    <div className=\"c-survey-station-feed-item__accuracy-plan\">\n      <Typography variant=\"subtitle1\">Minimum Distance to Plan:</Typography>\n      <div className={classes.planValueWrapper}>\n        <Typography variant=\"h5\" style={{ color: getColorBySeverity(accuracyData) }}>\n          {convertValue(accuracyData?.distance_to_plan, 'length', 'ft')?.fixFloat(1)}\n        </Typography>\n        <Typography variant=\"caption\" className={classes.planUnit}>\n          ({getUnitDisplay('length')})\n        </Typography>\n      </div>\n      <Typography variant=\"body1\" className={classes.planText}>\n        {planName || dateString}\n      </Typography>\n    </div>\n  );\n};\n\nAccuracyPlan.propTypes = {\n  timestamp: number,\n  initialPlanName: string,\n  cumulativeTvdChange: string,\n  accuracyData: shape().isRequired,\n};\n\nAccuracyPlan.defaultProps = {\n  timestamp: null,\n  initialPlanName: '',\n  cumulativeTvdChange: '',\n};\n\nexport default AccuracyPlan;\n"],"names":["useStyles","makeStyles","theme","wrapper","display","flexDirection","margin","minWidth","planValueWrapper","alignItems","planUnit","color","palette","grey","marginLeft","planText","AccuracyPlan","timestamp","initialPlanName","cumulativeTvdChange","accuracyData","classes","dateString","moment","unix","format","planName","purifyPlanName","_jsxs","_jsx","getColorBySeverity","convertValue","distance_to_plan","fixFloat","getUnitDisplay","propTypes","number","string","shape","isRequired","defaultProps"],"mappings":";;;;;;;AAOA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,OAAO,EAAE;AACPC,MAAAA,OAAO,EAAE,MADF;AAEPC,MAAAA,aAAa,EAAE,QAFR;AAGPC,MAAAA,MAAM,EAAE,eAHD;AAIPC,MAAAA,QAAQ,EAAE;AAJH,KAD4B;AAOrCC,IAAAA,gBAAgB,EAAE;AAChBJ,MAAAA,OAAO,EAAE,MADO;AAEhBK,MAAAA,UAAU,EAAE;AAFI,KAPmB;AAWrCC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAET,KAAK,CAACU,OAAN,CAAcC,IAAd,CAAmB,GAAnB,CADC;AAERC,MAAAA,UAAU,EAAE;AAFJ,KAX2B;AAerCC,IAAAA,QAAQ,EAAE;AACRJ,MAAAA,KAAK,EAAET,KAAK,CAACU,OAAN,CAAcC,IAAd,CAAmB,GAAnB;AADC;AAf2B,GAAL;AAAA,CAAN,CAA5B;;IAoBMG,YAAY,GAAG,SAAfA,YAAe,OAAuE;AAAA;;AAAA,MAApEC,SAAoE,QAApEA,SAAoE;AAAA,MAAzDC,eAAyD,QAAzDA,eAAyD;AAAA,MAAxCC,mBAAwC,QAAxCA,mBAAwC;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;AAC1F,MAAMC,OAAO,GAAGrB,SAAS,EAAzB;AACA,MAAMsB,UAAU,GAAGL,SAAS,GAAGM,MAAM,CAACC,IAAP,CAAYP,SAAZ,EAAuBQ,MAAvB,CAA8B,UAA9B,CAAH,GAA+C,EAA3E;AAEA,MAAIC,QAAQ,GAAGC,cAAc,CAACT,eAAD,CAA7B;;AACA,MAAIC,mBAAJ,EAAyB;AACvBO,IAAAA,QAAQ,aAAMA,QAAN,eAAmBP,mBAAnB,8BAAR;AACD;;AAED,sBACES;AAAK,IAAA,SAAS,EAAC,2CAAf;AAAA,4BACEC,IAAC,UAAD;AAAY,MAAA,OAAO,EAAC,WAApB;AAAA;AAAA,MADF,eAEED;AAAK,MAAA,SAAS,EAAEP,OAAO,CAACb,gBAAxB;AAAA,8BACEqB,IAAC,UAAD;AAAY,QAAA,OAAO,EAAC,IAApB;AAAyB,QAAA,KAAK,EAAE;AAAElB,UAAAA,KAAK,EAAEmB,kBAAkB,CAACV,YAAD;AAA3B,SAAhC;AAAA,mCACGW,YAAY,CAACX,YAAD,aAACA,YAAD,uBAACA,YAAY,CAAEY,gBAAf,EAAiC,QAAjC,EAA2C,IAA3C,CADf,kDACG,cAA8DC,QAA9D,CAAuE,CAAvE;AADH,QADF,eAIEL,KAAC,UAAD;AAAY,QAAA,OAAO,EAAC,SAApB;AAA8B,QAAA,SAAS,EAAEP,OAAO,CAACX,QAAjD;AAAA,wBACIwB,cAAc,CAAC,QAAD,CADlB;AAAA,QAJF;AAAA,MAFF,eAUEL,IAAC,UAAD;AAAY,MAAA,OAAO,EAAC,OAApB;AAA4B,MAAA,SAAS,EAAER,OAAO,CAACN,QAA/C;AAAA,gBACGW,QAAQ,IAAIJ;AADf,MAVF;AAAA,IADF;AAgBD;;AAEDN,YAAY,CAACmB,SAAb,GAAyB;AACvBlB,EAAAA,SAAS,EAAEmB,MADY;AAEvBlB,EAAAA,eAAe,EAAEmB,MAFM;AAGvBlB,EAAAA,mBAAmB,EAAEkB,MAHE;AAIvBjB,EAAAA,YAAY,EAAEkB,KAAK,GAAGC;AAJC,CAAzB;AAOAvB,YAAY,CAACwB,YAAb,GAA4B;AAC1BvB,EAAAA,SAAS,EAAE,IADe;AAE1BC,EAAAA,eAAe,EAAE,EAFS;AAG1BC,EAAAA,mBAAmB,EAAE;AAHK,CAA5B;;;;"}