@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/FeedItem/feedItemTypes/NptFeedItem.js

@@ -1,148 +1 @@
-import { convertValue, getUnitDisplay } from '../../../utils/convert.js';
-import moment from 'moment';
-import blue from '@material-ui/core/colors/blue';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles, Grid, Typography } from '@material-ui/core';
-import PropTypes from 'prop-types';
-
-var PAGE_NAME = 'nptActivity';
-var TIME_FORMAT = 'MM/DD/YYYY HH:mm';
-var useStyles = makeStyles(function (theme) {
-  return {
-    columnWithMargin: {
-      marginRight: 40
-    },
-    highlightedText: {
-      color: blue[300],
-      textTransform: 'capitalize'
-    },
-    valueWrapper: {
-      display: 'flex',
-      alignItems: 'baseline'
-    },
-    unit: {
-      color: theme.palette.grey[400],
-      marginLeft: 5
-    },
-    text: {
-      color: theme.palette.grey[400],
-      marginRight: 5
-    }
-  };
-});
-
-var NptFeedItem = function NptFeedItem(_ref) {
-  var _ref$feedItem$context = _ref.feedItem.context.npt_event.data,
-      _ref$feedItem$context2 = _ref$feedItem$context.comment,
-      comment = _ref$feedItem$context2 === void 0 ? '' : _ref$feedItem$context2,
-      depth = _ref$feedItem$context.depth,
-      endTime = _ref$feedItem$context.end_time,
-      startTime = _ref$feedItem$context.start_time,
-      _ref$feedItem$context3 = _ref$feedItem$context.type,
-      type = _ref$feedItem$context3 === void 0 ? '' : _ref$feedItem$context3;
-  var classes = useStyles();
-  var startTimePrepared = startTime ? moment.unix(startTime) : moment();
-  var endTimePrepared = endTime ? moment.unix(endTime) : undefined;
-  var duration = endTimePrepared && moment.duration(endTimePrepared - startTimePrepared).asHours();
-  var depthConverted = convertValue(depth, 'length', 'ft');
-  return /*#__PURE__*/jsxs(Grid, {
-    spacing: 8,
-    justify: "flex-start",
-    container: true,
-    children: [/*#__PURE__*/jsxs(Grid, {
-      item: true,
-      className: classes.columnWithMargin,
-      children: [/*#__PURE__*/jsxs(Typography, {
-        variant: "body2",
-        className: classes.valueWrapper,
-        children: ["Type:\xA0", /*#__PURE__*/jsx(Typography, {
-          variant: "body2",
-          "data-testid": "".concat(PAGE_NAME, "_type"),
-          component: "span",
-          className: classes.highlightedText,
-          children: type
-        })]
-      }), /*#__PURE__*/jsx(Typography, {
-        variant: "body2",
-        children: "Duration:"
-      }), /*#__PURE__*/jsxs(Typography, {
-        variant: "body2",
-        className: classes.valueWrapper,
-        children: [/*#__PURE__*/jsx(Typography, {
-          "data-testid": "".concat(PAGE_NAME, "_duration"),
-          component: "span",
-          variant: "h6",
-          className: classes.highlightedText,
-          children: Number.isFinite(duration) && duration.toFixed(2) || '-'
-        }), duration && /*#__PURE__*/jsx(Typography, {
-          "data-testid": "".concat(PAGE_NAME, "_durationUnits"),
-          component: "span",
-          variant: "caption",
-          className: classes.unit,
-          children: "(hrs)"
-        })]
-      })]
-    }), /*#__PURE__*/jsxs(Grid, {
-      item: true,
-      children: [/*#__PURE__*/jsxs(Typography, {
-        variant: "body2",
-        "data-testid": "".concat(PAGE_NAME, "_startTime"),
-        className: classes.valueWrapper,
-        children: [/*#__PURE__*/jsx(Typography, {
-          variant: "body2",
-          component: "span",
-          className: classes.text,
-          children: "Start Time:"
-        }), startTimePrepared.format(TIME_FORMAT)]
-      }), /*#__PURE__*/jsxs(Typography, {
-        variant: "body2",
-        "data-testid": "".concat(PAGE_NAME, "_depth"),
-        className: classes.valueWrapper,
-        children: [/*#__PURE__*/jsx(Typography, {
-          variant: "body2",
-          component: "span",
-          className: classes.text,
-          children: "Depth:"
-        }), depthConverted === null || depthConverted === void 0 ? void 0 : depthConverted.formatNumeral('0,0.00'), /*#__PURE__*/jsxs(Typography, {
-          component: "span",
-          variant: "caption",
-          className: classes.unit,
-          children: ["(", getUnitDisplay('length'), ")"]
-        })]
-      }), comment && /*#__PURE__*/jsxs(Typography, {
-        variant: "body2",
-        "data-testid": "".concat(PAGE_NAME, "_comment"),
-        className: classes.valueWrapper,
-        children: [/*#__PURE__*/jsx(Typography, {
-          variant: "body2",
-          component: "span",
-          className: classes.text,
-          children: "Comment:"
-        }), comment]
-      })]
-    })]
-  });
-};
-
-var nptEventDataType = PropTypes.shape({
-  comment: PropTypes.string.isRequired,
-  depth: PropTypes.number.isRequired,
-  end_time: PropTypes.number.isRequired,
-  start_time: PropTypes.number.isRequired,
-  type: PropTypes.string.isRequired
-}).isRequired;
-NptFeedItem.propTypes = {
-  feedItem: PropTypes.shape({
-    context: PropTypes.shape({
-      completion_npt_event: PropTypes.shape({
-        data: nptEventDataType
-      }).isRequired,
-      npt_event: PropTypes.shape({
-        data: nptEventDataType
-      }).isRequired
-    }).isRequired
-  }).isRequired
-};
-
-export default NptFeedItem;
-//# sourceMappingURL=NptFeedItem.js.map
+import t from"prop-types";import e from"moment";import{makeStyles as a,Grid as i,Typography as n}from"@material-ui/core";import r from"@material-ui/core/colors/blue";import{convertValue as o,getUnitDisplay as s}from"../../../utils/convert.js";import{jsxs as c,jsx as m}from"react/jsx-runtime";var d=a((function(t){return{columnWithMargin:{marginRight:40},highlightedText:{color:r[300],textTransform:"capitalize"},valueWrapper:{display:"flex",alignItems:"baseline"},unit:{color:t.palette.grey[400],marginLeft:5},text:{color:t.palette.grey[400],marginRight:5}}})),p=function(t){var a=t.feedItem.context.npt_event.data,r=a.comment,p=void 0===r?"":r,l=a.depth,u=a.end_time,h=a.start_time,v=a.type,y=void 0===v?"":v,g=d(),f=h?e.unix(h):e(),x=u?e.unix(u):void 0,b=x&&e.duration(x-f).asHours(),N=o(l,"length","ft");return c(i,{spacing:8,justify:"flex-start",container:!0,children:[c(i,{item:!0,className:g.columnWithMargin,children:[c(n,{variant:"body2",className:g.valueWrapper,children:["Type: ",m(n,{variant:"body2","data-testid":"".concat("nptActivity","_type"),component:"span",className:g.highlightedText,children:y})]}),m(n,{variant:"body2",children:"Duration:"}),c(n,{variant:"body2",className:g.valueWrapper,children:[m(n,{"data-testid":"".concat("nptActivity","_duration"),component:"span",variant:"h6",className:g.highlightedText,children:Number.isFinite(b)&&b.toFixed(2)||"-"}),b&&m(n,{"data-testid":"".concat("nptActivity","_durationUnits"),component:"span",variant:"caption",className:g.unit,children:"(hrs)"})]})]}),c(i,{item:!0,children:[c(n,{variant:"body2","data-testid":"".concat("nptActivity","_startTime"),className:g.valueWrapper,children:[m(n,{variant:"body2",component:"span",className:g.text,children:"Start Time:"}),f.format("MM/DD/YYYY HH:mm")]}),c(n,{variant:"body2","data-testid":"".concat("nptActivity","_depth"),className:g.valueWrapper,children:[m(n,{variant:"body2",component:"span",className:g.text,children:"Depth:"}),null==N?void 0:N.formatNumeral("0,0.00"),c(n,{component:"span",variant:"caption",className:g.unit,children:["(",s("length"),")"]})]}),p&&c(n,{variant:"body2","data-testid":"".concat("nptActivity","_comment"),className:g.valueWrapper,children:[m(n,{variant:"body2",component:"span",className:g.text,children:"Comment:"}),p]})]})]})},l=t.shape({comment:t.string.isRequired,depth:t.number.isRequired,end_time:t.number.isRequired,start_time:t.number.isRequired,type:t.string.isRequired}).isRequired;p.propTypes={feedItem:t.shape({context:t.shape({completion_npt_event:t.shape({data:l}).isRequired,npt_event:t.shape({data:l}).isRequired}).isRequired}).isRequired};export{p as default};

package/components/FeedItem/feedItemTypes/PostFeedItem.js

@@ -1,63 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { isNativeDetected } from '../../../utils/mobileDetect.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles, Typography } from '@material-ui/core';
-import PropTypes from 'prop-types';
-import { formatMentionText } from '../../UserMention/utils/index.js';
-import Attachment from '../../Attachment/index.js';
-import CollapsibleContent from '../../CollapsibleContent.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 PAGE_NAME = 'PostFeedItem';
-var useStyles = makeStyles({
-  wrapper: {
-    whiteSpace: 'pre-wrap'
-  }
-});
-
-var PostFeedItem = function PostFeedItem(_ref) {
-  var _ref$feedItem = _ref.feedItem,
-      _ref$feedItem$context = _ref$feedItem.context.post,
-      body = _ref$feedItem$context.body,
-      _ref$feedItem$context2 = _ref$feedItem$context.attachment,
-      attachment = _ref$feedItem$context2 === void 0 ? {} : _ref$feedItem$context2,
-      mentionedUsers = _ref$feedItem.mentioned_users;
-  var classes = useStyles();
-  var attachmentProps = {
-    attachmentSize: attachment.size,
-    size: 'medium'
-  }; // TODO: Update to signed_url when PostFeedItem is migrate on API
-
-  if (attachment.file_name) attachmentProps.fileName = attachment.file_name;else attachmentProps.attachmentUrl = attachment.url;
-  return /*#__PURE__*/jsxs("div", {
-    className: classes.wrapper,
-    children: [body && /*#__PURE__*/jsx(CollapsibleContent, {
-      children: /*#__PURE__*/jsx(Typography, {
-        "data-testid": "".concat(PAGE_NAME, "_message"),
-        variant: "body1",
-        gutterBottom: true,
-        children: formatMentionText(body, mentionedUsers, isNativeDetected)
-      })
-    }), (attachment.file_name || attachment.url) && /*#__PURE__*/jsx(Attachment, _objectSpread({}, attachmentProps))]
-  });
-};
-
-PostFeedItem.propTypes = {
-  feedItem: PropTypes.shape({
-    context: PropTypes.shape({
-      post: PropTypes.shape({
-        body: PropTypes.string.isRequired,
-        attachment: PropTypes.shape({
-          url: PropTypes.string,
-          size: PropTypes.number
-        })
-      }).isRequired
-    }).isRequired,
-    mentioned_users: PropTypes.arrayOf(PropTypes.shape({}))
-  }).isRequired
-};
-
-export default PostFeedItem;
-//# sourceMappingURL=PostFeedItem.js.map
+import e from"@babel/runtime/helpers/defineProperty";import t from"prop-types";import{makeStyles as r,Typography as i}from"@material-ui/core";import{isNativeDetected as o}from"../../../utils/mobileDetect.js";import n from"../../Attachment/index.js";import{formatMentionText as s}from"../../UserMention/utils/index.js";import a from"../../CollapsibleContent.js";import{jsxs as p,jsx as m}from"react/jsx-runtime";function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function u(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?c(Object(i),!0).forEach((function(r){e(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):c(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var f=r({wrapper:{whiteSpace:"pre-wrap"}}),l=function(e){var t=e.feedItem,r=t.context.post,c=r.body,l=r.attachment,d=void 0===l?{}:l,b=t.mentioned_users,h=f(),y={attachmentSize:d.size,size:"medium"};return d.file_name?y.fileName=d.file_name:y.attachmentUrl=d.url,p("div",{className:h.wrapper,children:[c&&m(a,{children:m(i,{"data-testid":"".concat("PostFeedItem","_message"),variant:"body1",gutterBottom:!0,children:s(c,b,o)})}),(d.file_name||d.url)&&m(n,u({},y))]})};l.propTypes={feedItem:t.shape({context:t.shape({post:t.shape({body:t.string.isRequired,attachment:t.shape({url:t.string,size:t.number})}).isRequired}).isRequired,mentioned_users:t.arrayOf(t.shape({}))}).isRequired};export{l as default};

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

@@ -1,99 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import { getAppStorage } from '../../../../clients/jsonApi/index.js';
-
-function fetchPredictionsData(_x) {
-  return _fetchPredictionsData.apply(this, arguments);
-}
-
-function _fetchPredictionsData() {
-  _fetchPredictionsData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
-    var wellId, stageNumber, data, records;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            wellId = _ref.wellId, stageNumber = _ref.stageNumber;
-            data = {};
-            _context.prev = 2;
-            _context.next = 5;
-            return getAppStorage('corva', 'completion.predictions', wellId, {
-              query: "{stage_number#eq#".concat(stageNumber, "}"),
-              sort: '{timestamp: -1}',
-              limit: 1
-            });
-
-          case 5:
-            records = _context.sent;
-            data = records[0].data;
-            _context.next = 12;
-            break;
-
-          case 9:
-            _context.prev = 9;
-            _context.t0 = _context["catch"](2);
-            console.error(_context.t0);
-
-          case 12:
-            return _context.abrupt("return", data);
-
-          case 13:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee, null, [[2, 9]]);
-  }));
-  return _fetchPredictionsData.apply(this, arguments);
-}
-
-function fetchStagesData(_x2) {
-  return _fetchStagesData.apply(this, arguments);
-}
-
-function _fetchStagesData() {
-  _fetchStagesData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref2) {
-    var wellId, stageNumber, data, records, _records;
-
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            wellId = _ref2.wellId, stageNumber = _ref2.stageNumber;
-            data = {};
-            _context2.prev = 2;
-            _context2.next = 5;
-            return getAppStorage('corva', 'completion.data.stages', wellId, {
-              query: "{data.stage_number#eq#".concat(stageNumber, "}"),
-              sort: '{timestamp: -1}',
-              limit: 1
-            });
-
-          case 5:
-            records = _context2.sent;
-            _records = _slicedToArray(records, 1);
-            data = _records[0];
-            _context2.next = 13;
-            break;
-
-          case 10:
-            _context2.prev = 10;
-            _context2.t0 = _context2["catch"](2);
-            console.error(_context2.t0);
-
-          case 13:
-            return _context2.abrupt("return", data);
-
-          case 14:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2, null, [[2, 10]]);
-  }));
-  return _fetchStagesData.apply(this, arguments);
-}
-
-export { fetchPredictionsData, fetchStagesData };
-//# sourceMappingURL=api.js.map
+import e from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/helpers/asyncToGenerator";import t from"@babel/runtime/regenerator";import{getAppStorage as n}from"../../../../clients/jsonApi/index.js";function a(e){return o.apply(this,arguments)}function o(){return(o=r(t.mark((function e(r){var a,o,s,c;return t.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=r.wellId,o=r.stageNumber,s={},e.prev=2,e.next=5,n("corva","completion.predictions",a,{query:"{stage_number#eq#".concat(o,"}"),sort:"{timestamp: -1}",limit:1});case 5:c=e.sent,s=c[0].data,e.next=12;break;case 9:e.prev=9,e.t0=e.catch(2),console.error(e.t0);case 12:return e.abrupt("return",s);case 13:case"end":return e.stop()}}),e,null,[[2,9]])})))).apply(this,arguments)}function s(e){return c.apply(this,arguments)}function c(){return(c=r(t.mark((function r(a){var o,s,c,i,u;return t.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return o=a.wellId,s=a.stageNumber,c={},r.prev=2,r.next=5,n("corva","completion.data.stages",o,{query:"{data.stage_number#eq#".concat(s,"}"),sort:"{timestamp: -1}",limit:1});case 5:i=r.sent,u=e(i,1),c=u[0],r.next=13;break;case 10:r.prev=10,r.t0=r.catch(2),console.error(r.t0);case 13:return r.abrupt("return",c);case 14:case"end":return r.stop()}}),r,null,[[2,10]])})))).apply(this,arguments)}export{a as fetchPredictionsData,s as fetchStagesData};

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

@@ -1,19 +1 @@
-import { jsx } from 'react/jsx-runtime';
-import { string } from 'prop-types';
-import Typography from '@material-ui/core/Typography';
-
-var NoData = function NoData(_ref) {
-  var subject = _ref.subject;
-  return /*#__PURE__*/jsx(Typography, {
-    variant: "body1",
-    gutterBottom: true,
-    children: "No data for ".concat(subject)
-  });
-};
-
-NoData.propTypes = {
-  subject: string.isRequired
-};
-
-export default NoData;
-//# sourceMappingURL=NoData.js.map
+import{string as r}from"prop-types";import t from"@material-ui/core/Typography";import{jsx as o}from"react/jsx-runtime";var e=function(r){var e=r.subject;return o(t,{variant:"body1",gutterBottom:!0,children:"No data for ".concat(e)})};e.propTypes={subject:r.isRequired};export{e as default};

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

@@ -1,55 +1 @@
-import { isEmpty } from 'lodash';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { makeStyles } from '@material-ui/core';
-import { shape } from 'prop-types';
-import PredictionsItem from './PredictionsItem.js';
-import NoData from './NoData.js';
-
-var useStyles = makeStyles({
-  wrapper: {
-    listStyle: 'none',
-    padding: 0,
-    display: 'flex'
-  }
-});
-
-var Predictions = function Predictions(_ref) {
-  var stages = _ref.stages,
-      predictionsData = _ref.predictionsData;
-  var classes = useStyles();
-  if (isEmpty(stages)) return /*#__PURE__*/jsx(NoData, {
-    subject: "predictions"
-  });
-  return /*#__PURE__*/jsxs("ul", {
-    className: classes.wrapper,
-    children: [/*#__PURE__*/jsx(PredictionsItem, {
-      title: "Breakdown",
-      fieldName: "ave_breakdown",
-      predictionsData: predictionsData
-    }), /*#__PURE__*/jsx(PredictionsItem, {
-      title: "ISIP",
-      fieldName: "ave_isip",
-      predictionsData: predictionsData
-    }), /*#__PURE__*/jsx(PredictionsItem, {
-      title: "Max Treating Pressure",
-      fieldName: "max_treating_pressure",
-      predictionsData: predictionsData
-    }), /*#__PURE__*/jsx(PredictionsItem, {
-      title: "Avg Treating Pressure",
-      fieldName: "ave_treating_pressure",
-      predictionsData: predictionsData
-    }), /*#__PURE__*/jsx(PredictionsItem, {
-      title: "Max Flow Rate",
-      fieldName: "max_flow_rate",
-      predictionsData: predictionsData
-    })]
-  });
-};
-
-Predictions.propTypes = {
-  stages: shape().isRequired,
-  predictionsData: shape().isRequired
-};
-
-export default Predictions;
-//# sourceMappingURL=Predictions.js.map
+import{shape as e}from"prop-types";import{makeStyles as t}from"@material-ui/core";import{isEmpty as r}from"lodash";import a from"./PredictionsItem.js";import i from"./NoData.js";import{jsx as s,jsxs as o}from"react/jsx-runtime";var p=t({wrapper:{listStyle:"none",padding:0,display:"flex"}}),d=function(e){var t=e.stages,d=e.predictionsData,m=p();return r(t)?s(i,{subject:"predictions"}):o("ul",{className:m.wrapper,children:[s(a,{title:"Breakdown",fieldName:"ave_breakdown",predictionsData:d}),s(a,{title:"ISIP",fieldName:"ave_isip",predictionsData:d}),s(a,{title:"Max Treating Pressure",fieldName:"max_treating_pressure",predictionsData:d}),s(a,{title:"Avg Treating Pressure",fieldName:"ave_treating_pressure",predictionsData:d}),s(a,{title:"Max Flow Rate",fieldName:"max_flow_rate",predictionsData:d})]})};d.propTypes={stages:e().isRequired,predictionsData:e().isRequired};export{d as default};

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

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

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

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

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

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