@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/WellSummary/WellSummaryItemTitle.js

@@ -1,55 +1 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles, Typography } from '@material-ui/core';
-import PropTypes from 'prop-types';
-
-var useStyles = makeStyles({
-  labelRoot: {
-    display: 'flex',
-    alignItems: 'flex-start'
-  },
-  labelIcon: {
-    width: '16px',
-    height: '16px',
-    marginRight: '8px',
-    backgroundRepeat: 'no-repeat',
-    backgroundPosition: 'center'
-  },
-  label: {
-    color: '#9E9E9E',
-    fontFamily: 'Roboto',
-    fontStyle: 'normal',
-    fontWeight: 500,
-    fontSize: 10,
-    lineHeight: '12px',
-    letterSpacing: '1px',
-    textTransform: 'uppercase'
-  }
-});
-
-function WellSummaryItemTitle(_ref) {
-  var item = _ref.item;
-  var classes = useStyles();
-  return /*#__PURE__*/jsxs("div", {
-    className: classes.labelRoot,
-    children: [item.icon && /*#__PURE__*/jsx("div", {
-      className: classes.labelIcon,
-      style: {
-        backgroundImage: "url(".concat(item.icon, ")")
-      }
-    }), /*#__PURE__*/jsxs(Typography, {
-      className: classes.label,
-      children: [item.label, ":"]
-    })]
-  });
-}
-
-WellSummaryItemTitle.propTypes = {
-  item: PropTypes.shape({
-    key: PropTypes.string,
-    label: PropTypes.string,
-    icon: PropTypes.node
-  }).isRequired
-};
-
-export default WellSummaryItemTitle;
-//# sourceMappingURL=WellSummaryItemTitle.js.map
+import e from"prop-types";import{makeStyles as t,Typography as o}from"@material-ui/core";import{jsxs as a,jsx as r}from"react/jsx-runtime";var l=t({labelRoot:{display:"flex",alignItems:"flex-start"},labelIcon:{width:"16px",height:"16px",marginRight:"8px",backgroundRepeat:"no-repeat",backgroundPosition:"center"},label:{color:"#9E9E9E",fontFamily:"Roboto",fontStyle:"normal",fontWeight:500,fontSize:10,lineHeight:"12px",letterSpacing:"1px",textTransform:"uppercase"}});function i(e){var t=e.item,i=l();return a("div",{className:i.labelRoot,children:[t.icon&&r("div",{className:i.labelIcon,style:{backgroundImage:"url(".concat(t.icon,")")}}),a(o,{className:i.label,children:[t.label,":"]})]})}i.propTypes={item:e.shape({key:e.string,label:e.string,icon:e.node}).isRequired};export{i as default};

package/components/WellSummary/WellSummaryItemValue.js

@@ -1,505 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { upperFirst } from 'lodash';
-import { convertValue, getUnitDisplay } from '../../utils/convert.js';
-import '../../constants/completion.js';
-import moment from 'moment';
-import '../../constants/alerts.js';
-import '../../constants/goals.js';
-import '../../constants/segment.js';
-import '../../constants/apps.js';
-import '../../constants/drillstring.js';
-import '../../constants/notifications.js';
-import '../../constants/feed.js';
-import '../../constants/bha.js';
-import { DRILLING_WELL_SUMMARY, COMPLETION_WELL_SUMMARY, DRILLOUT_WELL_SUMMARY } from '../../constants/wellSummary.js';
-import '../../utils/drillstring/conversion.js';
-import { getBHASchematic } from '../../utils/drillstring/schematic.js';
-import { orDash } from '../../utils/formatting.js';
-import utils from '../../utils/main.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { makeStyles, Typography } from '@material-ui/core';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import BHASchematic from '../Drillstring/BHASchematic.js';
-import '../Drillstring/BHAComponentIcon.js';
-import '../Drillstring/BHATable/index.js';
-import '../Drillstring/BHAComponentDetail/index.js';
-
-var BitIcon = "/static/media/fa2667bad3591deb178e99b521571578.svg";
-var HoleDepthIcon = "/static/media/6684df900ff63f28b07f9c505fb7a66e.svg";
-var DrilloutIcon = "/static/media/b0c8b3ba66c35ef3128cc93c5c538060.svg";
-var UpArrowIcon = "/static/media/53cecdbd86f03352bda956fca25b537d.svg";
-var LeftArrowIcon = "/static/media/d32edb0ff9a69145d2c7917855263251.svg";
-var useStyles = makeStyles({
-  value: {
-    fontSize: '14px',
-    fontWeight: 500
-  },
-  valueSuffix: {
-    color: '#9E9E9E'
-  },
-  hasLeftMargin: {
-    marginLeft: 4
-  },
-  bhaRoot: {
-    display: 'flex',
-    alignItems: 'center'
-  },
-  bhaIdRoot: {
-    backgroundColor: '#2196F3',
-    borderRadius: '50%',
-    marginRight: '8px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  realBhaRoot: {
-    width: '16px',
-    height: '16px'
-  },
-  bhaIdLabel: {
-    fontWeight: 500,
-    fontSize: '12px'
-  },
-  dummyBhaIdLabel: {
-    paddingLeft: '4px',
-    paddingRight: '4px'
-  },
-  bhaActiveIndicator: {
-    fontSize: '12px',
-    padding: '4px',
-    fontWeight: 500
-  },
-  nptRoot: {
-    display: 'flex',
-    alignItems: 'center'
-  },
-  rectIndicator: {
-    width: '8px',
-    height: '8px',
-    backgroundColor: '#D32F2F',
-    borderRadius: '2px',
-    marginRight: '8px'
-  },
-  stageActual: {
-    fontSize: '16px'
-  },
-  stagePercent: {
-    color: '#9E9E9E',
-    marginLeft: '4px'
-  },
-  fluidProppantType: {
-    color: '#9E9E9E'
-  },
-  valueWrapper: {
-    display: 'flex',
-    alignItems: 'center'
-  },
-  rightImg: {
-    marginRight: '4px'
-  },
-  centerImg: {
-    marginLeft: '4px',
-    marginRight: '4px'
-  },
-  rotate: {
-    transform: 'rotate(180deg)'
-  },
-  profileRoot: {
-    display: 'flex',
-    alignItems: 'flex-start'
-  },
-  profile: {
-    width: '20px',
-    height: '20px',
-    borderRadius: '50%',
-    fontSize: '10px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginRight: '8px',
-    backgroundSize: '20px 20px',
-    backgroundRepeat: 'no-repeat',
-    backgroundPosition: 'center'
-  },
-  plugsIcon: {
-    marginLeft: -8
-  }
-});
-
-function WellSummaryItemValue(_ref) {
-  var item = _ref.item,
-      summaryData = _ref.summaryData;
-  var classes = useStyles();
-
-  if (!summaryData) {
-    return null;
-  } // Hole depth for drilling
-
-
-  if (item.key === DRILLING_WELL_SUMMARY.HOLE_DEPTH.key) {
-    var _item$dataGetter = item.dataGetter(summaryData),
-        holeDepth = _item$dataGetter.holeDepth;
-
-    return Number.isFinite(holeDepth) ? /*#__PURE__*/jsxs("div", {
-      className: classes.valueWrapper,
-      children: [/*#__PURE__*/jsx("img", {
-        src: HoleDepthIcon,
-        alt: "hole_depth",
-        className: classes.centerImg
-      }), /*#__PURE__*/jsxs("span", {
-        className: classNames(classes.value, classes.hasLeftMargin),
-        children: [Math.floor(holeDepth), "\u2019"]
-      })]
-    }) : '-';
-  } // Bit/Hole depth for drilling
-
-
-  if (item.key === DRILLING_WELL_SUMMARY.BIT_HOLE_DEPTH.key) {
-    var _item$dataGetter2 = item.dataGetter(summaryData),
-        bitDepth = _item$dataGetter2.bitDepth,
-        _holeDepth = _item$dataGetter2.holeDepth;
-
-    return [bitDepth, _holeDepth].every(Number.isFinite) ? /*#__PURE__*/jsxs("div", {
-      className: classes.valueWrapper,
-      children: [/*#__PURE__*/jsx("img", {
-        src: BitIcon,
-        alt: "bit_depth",
-        className: classes.rightImg
-      }), /*#__PURE__*/jsxs("span", {
-        className: classes.value,
-        children: [Math.floor(bitDepth), "\u2019 / "]
-      }), /*#__PURE__*/jsx("img", {
-        src: HoleDepthIcon,
-        alt: "hole_depth",
-        className: classes.centerImg
-      }), /*#__PURE__*/jsxs("span", {
-        className: classes.value,
-        children: [Math.floor(_holeDepth), "\u2019"]
-      })]
-    }) : '-';
-  } // Divergence for drilling
-
-
-  if (item.key === DRILLING_WELL_SUMMARY.DIVERGENCE.key) {
-    var _item$dataGetter3 = item.dataGetter(summaryData),
-        distance = _item$dataGetter3.distance,
-        ahead = _item$dataGetter3.ahead,
-        right = _item$dataGetter3.right;
-
-    return [distance, ahead, right].every(Number.isFinite) ? /*#__PURE__*/jsxs("div", {
-      className: classes.valueWrapper,
-      children: [/*#__PURE__*/jsx("span", {
-        className: classes.value,
-        children: "".concat(convertValue(distance, 'length', 'ft'), " ").concat(getUnitDisplay('length'))
-      }), /*#__PURE__*/jsx("img", {
-        src: UpArrowIcon,
-        alt: "up_arrow",
-        className: classNames(classes.centerImg, _defineProperty({}, classes.rotate, ahead < 0))
-      }), /*#__PURE__*/jsx("span", {
-        className: classes.value,
-        children: "".concat(Math.abs(convertValue(ahead, 'length', 'ft')), " ").concat(getUnitDisplay('length'), " ").concat(ahead > 0 ? 'Ahead' : 'Behind')
-      }), /*#__PURE__*/jsx("img", {
-        src: LeftArrowIcon,
-        alt: "left_arrow",
-        className: classNames(classes.centerImg, _defineProperty({}, classes.rotate, right > 0))
-      }), /*#__PURE__*/jsx("span", {
-        className: classes.value,
-        children: "".concat(Math.abs(convertValue(right, 'length', 'ft')), " ").concat(getUnitDisplay('length'), " ").concat(right > 0 ? 'Right' : 'Left')
-      })]
-    }) : '-';
-  } // Last Active for drilling & completion
-
-
-  if (item.key === DRILLING_WELL_SUMMARY.LAST_ACTIVE.key || item.key === COMPLETION_WELL_SUMMARY.LAST_ACTIVE.key) {
-    var _item$dataGetter4 = item.dataGetter(summaryData),
-        timestamp = _item$dataGetter4.timestamp;
-
-    return /*#__PURE__*/jsx(Typography, {
-      className: classes.value,
-      children: timestamp ? moment.unix(timestamp).format('MM/DD/YYYY HH:mm') : '-'
-    });
-  } // Last Current activity for drilling & completion
-
-
-  if (item.key === DRILLING_WELL_SUMMARY.CURRENT_ACTIVITY.key || item.key === COMPLETION_WELL_SUMMARY.CURRENT_ACTIVITY.key) {
-    var _item$dataGetter5 = item.dataGetter(summaryData),
-        activityName = _item$dataGetter5.activityName;
-
-    return /*#__PURE__*/jsx(Typography, {
-      className: classes.value,
-      children: orDash(upperFirst(activityName || '-'))
-    });
-  } // Current phase for drilling
-
-
-  if (item.key === DRILLING_WELL_SUMMARY.PHASE.key) {
-    var _item$dataGetter6 = item.dataGetter(summaryData),
-        phaseName = _item$dataGetter6.phaseName;
-
-    return /*#__PURE__*/jsx(Typography, {
-      className: classes.value,
-      children: orDash(phaseName)
-    });
-  } // Hole section for drilling
-
-
-  if (item.key === DRILLING_WELL_SUMMARY.HOLE_SECTION.key) {
-    var _item$dataGetter7 = item.dataGetter(summaryData),
-        sectionName = _item$dataGetter7.sectionName;
-
-    return /*#__PURE__*/jsx(Typography, {
-      className: classes.value,
-      children: orDash(sectionName)
-    });
-  } // Mud for drilling and drillout
-
-
-  if ([DRILLING_WELL_SUMMARY.MUD.key, DRILLOUT_WELL_SUMMARY.MUD.key].includes(item.key)) {
-    var _item$dataGetter8 = item.dataGetter(summaryData),
-        mudType = _item$dataGetter8.mudType,
-        mudDensity = _item$dataGetter8.mudDensity;
-
-    return /*#__PURE__*/jsx(Typography, {
-      className: classes.value,
-      children: mudType || mudDensity ? /*#__PURE__*/jsxs(Fragment, {
-        children: [mudType && "".concat(mudType, ", "), mudDensity && "".concat(convertValue(mudDensity, 'density', 'ppg'), " ").concat(getUnitDisplay('density'))]
-      }) : '-'
-    });
-  } // NPT for drilling & completion
-
-
-  if (item.key === DRILLING_WELL_SUMMARY.NPT.key || item.key === COMPLETION_WELL_SUMMARY.NPT.key) {
-    var _item$dataGetter9 = item.dataGetter(summaryData),
-        nptType = _item$dataGetter9.nptType,
-        startTime = _item$dataGetter9.startTime,
-        endTime = _item$dataGetter9.endTime;
-
-    return nptType && startTime && endTime ? /*#__PURE__*/jsxs("div", {
-      className: classes.nptRoot,
-      children: [/*#__PURE__*/jsx("div", {
-        className: classes.rectIndicator
-      }), /*#__PURE__*/jsxs(Typography, {
-        className: classes.value,
-        children: [upperFirst(nptType), ": ", ((endTime - startTime) / 3600).fixFloat(1), " hr"]
-      })]
-    }) : '-';
-  } // Operation summary for drilling & completion
-
-
-  if (item.key === DRILLING_WELL_SUMMARY.OPERATIONS_SUMMARY.key || item.key === COMPLETION_WELL_SUMMARY.OPERATIONS_SUMMARY.key) {
-    var _item$dataGetter10 = item.dataGetter(summaryData),
-        dateTime = _item$dataGetter10.dateTime,
-        summary = _item$dataGetter10.summary;
-
-    return /*#__PURE__*/jsxs(Typography, {
-      className: classes.value,
-      children: [dateTime ? moment.unix(dateTime).format('MM/DD/YYYY HH:mm') : '-', /*#__PURE__*/jsx("br", {}), summary]
-    });
-  } // Stage for completion
-
-
-  if (item.key === COMPLETION_WELL_SUMMARY.STAGE.key) {
-    var _item$dataGetter11 = item.dataGetter(summaryData),
-        planned = _item$dataGetter11.planned,
-        actual = _item$dataGetter11.actual;
-
-    return actual && planned ? /*#__PURE__*/jsxs(Typography, {
-      className: classes.value,
-      children: [/*#__PURE__*/jsx("span", {
-        className: classes.stageActual,
-        children: actual
-      }), /*#__PURE__*/jsx("span", {
-        children: "/"
-      }), /*#__PURE__*/jsx("span", {
-        children: planned
-      }), /*#__PURE__*/jsxs("span", {
-        className: classes.stagePercent,
-        children: ["Stg ", Math.floor(actual / planned * 100), " %"]
-      })]
-    }) : '-';
-  } // Fluids for completion
-
-
-  if (item.key === COMPLETION_WELL_SUMMARY.FLUIDS.key) {
-    var _item$dataGetter12 = item.dataGetter(summaryData),
-        fluids = _item$dataGetter12.fluids;
-
-    return /*#__PURE__*/jsx("div", {
-      children: fluids.length === 0 ? '-' : fluids.map(function (_ref2) {
-        var type = _ref2.type,
-            amount = _ref2.amount,
-            unit = _ref2.unit;
-        return /*#__PURE__*/jsxs(Typography, {
-          className: classes.value,
-          children: [/*#__PURE__*/jsxs("span", {
-            className: classes.fluidProppantType,
-            children: [type, " - "]
-          }), /*#__PURE__*/jsx("span", {
-            children: "".concat(convertValue(amount, 'oil', unit), " ").concat(getUnitDisplay('oil'))
-          })]
-        }, "".concat(type, "_").concat(amount));
-      })
-    });
-  } // Fluids for completion
-
-
-  if (item.key === COMPLETION_WELL_SUMMARY.PROPPANTS.key) {
-    var _item$dataGetter13 = item.dataGetter(summaryData),
-        proppants = _item$dataGetter13.proppants;
-
-    return /*#__PURE__*/jsx("div", {
-      children: proppants.length === 0 ? '-' : proppants.map(function (_ref3) {
-        var type = _ref3.type,
-            amount = _ref3.amount,
-            unit = _ref3.unit;
-        return /*#__PURE__*/jsxs(Typography, {
-          className: classes.value,
-          children: [/*#__PURE__*/jsxs("span", {
-            className: classes.fluidProppantType,
-            children: [type, " - "]
-          }), /*#__PURE__*/jsx("span", {
-            children: "".concat(convertValue(amount, 'mass', unit), " ").concat(getUnitDisplay('mass'))
-          })]
-        }, "".concat(type, "_").concat(amount));
-      })
-    });
-  } // Alert for drilling & completion
-
-
-  if (item.key === DRILLING_WELL_SUMMARY.ALERT.key || item.key === COMPLETION_WELL_SUMMARY.ALERT.key) {
-    var _item$dataGetter14 = item.dataGetter(summaryData),
-        decisionPath = _item$dataGetter14.decisionPath;
-
-    return /*#__PURE__*/jsx(Typography, {
-      className: classes.value,
-      children: orDash(decisionPath)
-    });
-  } // App annotation for drilling & completion
-
-
-  if (item.key === DRILLING_WELL_SUMMARY.ANNOTATION.key || item.key === COMPLETION_WELL_SUMMARY.ANNOTATION.key) {
-    var _item$dataGetter15 = item.dataGetter(summaryData),
-        firstName = _item$dataGetter15.firstName,
-        lastName = _item$dataGetter15.lastName,
-        profilePhoto = _item$dataGetter15.profilePhoto,
-        content = _item$dataGetter15.content;
-
-    var fullName = "".concat(firstName, " ").concat(lastName);
-    var displayName = "".concat((firstName || '').charAt(0)).concat((lastName || '').charAt(0));
-    return content ? /*#__PURE__*/jsxs("div", {
-      className: classes.profileRoot,
-      children: [/*#__PURE__*/jsx("div", {
-        className: classes.profile,
-        style: {
-          backgroundColor: "#".concat(utils.getColorFromString(fullName)),
-          backgroundImage: "url(".concat(profilePhoto, ")")
-        },
-        children: profilePhoto ? null : displayName
-      }), /*#__PURE__*/jsx(Typography, {
-        className: classes.value,
-        children: content
-      })]
-    }) : '-';
-  } // BHA for drilling and drillout
-
-
-  if ([DRILLING_WELL_SUMMARY.BHA.key, DRILLOUT_WELL_SUMMARY.BHA.key].includes(item.key)) {
-    var isDrilloutItem = DRILLOUT_WELL_SUMMARY.BHA.key === item.key;
-
-    var _item$dataGetter16 = item.dataGetter(summaryData),
-        bhaId = _item$dataGetter16.bhaId,
-        components = _item$dataGetter16.components;
-
-    var stringBhaId = bhaId && String(bhaId) || '-';
-    var schematic$1 = bhaId && getBHASchematic(components || [], isDrilloutItem) || [];
-    return /*#__PURE__*/jsxs("div", {
-      className: classes.bhaRoot,
-      children: [/*#__PURE__*/jsx("div", {
-        className: classNames(classes.bhaIdRoot, _defineProperty({}, classes.realBhaRoot, !stringBhaId.includes('.'))),
-        children: /*#__PURE__*/jsx(Typography, {
-          className: classNames(classes.bhaIdLabel, _defineProperty({}, classes.dummyBhaIdLabel, stringBhaId.includes('.'))),
-          children: stringBhaId
-        })
-      }), /*#__PURE__*/jsx(BHASchematic, {
-        schematic: schematic$1,
-        containerHeight: 20,
-        containerWidth: 120
-      })]
-    });
-  } // Casing for drilling
-
-
-  if (item.key === DRILLING_WELL_SUMMARY.CASING.key) {
-    var _item$dataGetter17 = item.dataGetter(summaryData),
-        outerDiameter = _item$dataGetter17.outerDiameter;
-
-    if (!outerDiameter) {
-      return null;
-    }
-
-    return /*#__PURE__*/jsx(Typography, {
-      className: classes.value,
-      children: "".concat(convertValue(outerDiameter, 'shortLength'), " ").concat(getUnitDisplay('shortLength'))
-    });
-  }
-
-  if (item.key === DRILLING_WELL_SUMMARY.BHA_COUNT.key) {
-    var _item$dataGetter18 = item.dataGetter(summaryData),
-        count = _item$dataGetter18.count;
-
-    return /*#__PURE__*/jsx(Typography, {
-      className: classes.value,
-      children: orDash(count)
-    });
-  }
-
-  if (item.key === COMPLETION_WELL_SUMMARY.STAGES_DESIGN.key) {
-    var _item$dataGetter19 = item.dataGetter(summaryData),
-        totalNumberOfStages = _item$dataGetter19.totalNumberOfStages;
-
-    return Number.isFinite(totalNumberOfStages) ? /*#__PURE__*/jsxs(Typography, {
-      className: classes.value,
-      children: ["-/", totalNumberOfStages, " ", /*#__PURE__*/jsx("span", {
-        className: classes.valueSuffix,
-        children: "Stg"
-      })]
-    }) : '-';
-  }
-
-  if (item.key === COMPLETION_WELL_SUMMARY.PLUGS_DRILLED_COUNT.key) {
-    var _item$dataGetter20 = item.dataGetter(summaryData),
-        plugsDrilledCount = _item$dataGetter20.plugsDrilledCount;
-
-    return Number.isFinite(plugsDrilledCount) ? /*#__PURE__*/jsxs("div", {
-      className: classes.valueWrapper,
-      children: [/*#__PURE__*/jsx("img", {
-        src: DrilloutIcon,
-        alt: "drillout",
-        className: classes.plugsIcon
-      }), /*#__PURE__*/jsx("span", {
-        className: classNames(classes.value, classes.hasLeftMargin),
-        children: plugsDrilledCount
-      })]
-    }) : '-';
-  }
-
-  if (process.env.NODE_ENV === 'development') {
-    throw new Error("".concat(item.key, " wasn't handled in WellSummaryItemValue. Returning null"));
-  }
-
-  return null;
-}
-
-WellSummaryItemValue.propTypes = {
-  item: PropTypes.shape({
-    key: PropTypes.string,
-    label: PropTypes.string,
-    icon: PropTypes.node,
-    dataGetter: PropTypes.func
-  }).isRequired,
-  summaryData: PropTypes.shape({}).isRequired
-};
-
-export default WellSummaryItemValue;
-//# sourceMappingURL=WellSummaryItemValue.js.map
+import e from"@babel/runtime/helpers/defineProperty";import a from"prop-types";import{makeStyles as t,Typography as r}from"@material-ui/core";import{upperFirst as n}from"lodash";import i from"moment";import s from"classnames";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import{DRILLING_WELL_SUMMARY as l,COMPLETION_WELL_SUMMARY as c,DRILLOUT_WELL_SUMMARY as o}from"../../constants/wellSummary.js";import m from"../Drillstring/BHASchematic.js";import"../Drillstring/BHATable/index.js";import"../Drillstring/BHAComponentIcon.js";import"../Drillstring/BHAComponentDetail/index.js";import"../../utils/drillstring/conversion.js";import{getBHASchematic as d}from"../../utils/drillstring/schematic.js";import{convertValue as p,getUnitDisplay as u}from"../../utils/convert.js";import h from"../../utils/main.js";import{orDash as f}from"../../utils/formatting.js";import{jsxs as g,jsx as y,Fragment as v}from"react/jsx-runtime";var N="/static/media/6684df900ff63f28b07f9c505fb7a66e.svg",k=t({value:{fontSize:"14px",fontWeight:500},valueSuffix:{color:"#9E9E9E"},hasLeftMargin:{marginLeft:4},bhaRoot:{display:"flex",alignItems:"center"},bhaIdRoot:{backgroundColor:"#2196F3",borderRadius:"50%",marginRight:"8px",display:"flex",alignItems:"center",justifyContent:"center"},realBhaRoot:{width:"16px",height:"16px"},bhaIdLabel:{fontWeight:500,fontSize:"12px"},dummyBhaIdLabel:{paddingLeft:"4px",paddingRight:"4px"},bhaActiveIndicator:{fontSize:"12px",padding:"4px",fontWeight:500},nptRoot:{display:"flex",alignItems:"center"},rectIndicator:{width:"8px",height:"8px",backgroundColor:"#D32F2F",borderRadius:"2px",marginRight:"8px"},stageActual:{fontSize:"16px"},stagePercent:{color:"#9E9E9E",marginLeft:"4px"},fluidProppantType:{color:"#9E9E9E"},valueWrapper:{display:"flex",alignItems:"center"},rightImg:{marginRight:"4px"},centerImg:{marginLeft:"4px",marginRight:"4px"},rotate:{transform:"rotate(180deg)"},profileRoot:{display:"flex",alignItems:"flex-start"},profile:{width:"20px",height:"20px",borderRadius:"50%",fontSize:"10px",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"8px",backgroundSize:"20px 20px",backgroundRepeat:"no-repeat",backgroundPosition:"center"},plugsIcon:{marginLeft:-8}});function b(a){var t=a.item,b=a.summaryData,I=k();if(!b)return null;if(t.key===l.HOLE_DEPTH.key){var x=t.dataGetter(b).holeDepth;return Number.isFinite(x)?g("div",{className:I.valueWrapper,children:[y("img",{src:N,alt:"hole_depth",className:I.centerImg}),g("span",{className:s(I.value,I.hasLeftMargin),children:[Math.floor(x),"’"]})]}):"-"}if(t.key===l.BIT_HOLE_DEPTH.key){var T=t.dataGetter(b),R=T.bitDepth,A=T.holeDepth;return[R,A].every(Number.isFinite)?g("div",{className:I.valueWrapper,children:[y("img",{src:"/static/media/fa2667bad3591deb178e99b521571578.svg",alt:"bit_depth",className:I.rightImg}),g("span",{className:I.value,children:[Math.floor(R),"’ / "]}),y("img",{src:N,alt:"hole_depth",className:I.centerImg}),g("span",{className:I.value,children:[Math.floor(A),"’"]})]}):"-"}if(t.key===l.DIVERGENCE.key){var E=t.dataGetter(b),S=E.distance,D=E.ahead,G=E.right;return[S,D,G].every(Number.isFinite)?g("div",{className:I.valueWrapper,children:[y("span",{className:I.value,children:"".concat(p(S,"length","ft")," ").concat(u("length"))}),y("img",{src:"/static/media/53cecdbd86f03352bda956fca25b537d.svg",alt:"up_arrow",className:s(I.centerImg,e({},I.rotate,D<0))}),y("span",{className:I.value,children:"".concat(Math.abs(p(D,"length","ft"))," ").concat(u("length")," ").concat(D>0?"Ahead":"Behind")}),y("img",{src:"/static/media/d32edb0ff9a69145d2c7917855263251.svg",alt:"left_arrow",className:s(I.centerImg,e({},I.rotate,G>0))}),y("span",{className:I.value,children:"".concat(Math.abs(p(G,"length","ft"))," ").concat(u("length")," ").concat(G>0?"Right":"Left")})]}):"-"}if(t.key===l.LAST_ACTIVE.key||t.key===c.LAST_ACTIVE.key){var L=t.dataGetter(b).timestamp;return y(r,{className:I.value,children:L?i.unix(L).format("MM/DD/YYYY HH:mm"):"-"})}if(t.key===l.CURRENT_ACTIVITY.key||t.key===c.CURRENT_ACTIVITY.key){var j=t.dataGetter(b).activityName;return y(r,{className:I.value,children:f(n(j||"-"))})}if(t.key===l.PHASE.key){var _=t.dataGetter(b).phaseName;return y(r,{className:I.value,children:f(_)})}if(t.key===l.HOLE_SECTION.key){var C=t.dataGetter(b).sectionName;return y(r,{className:I.value,children:f(C)})}if([l.MUD.key,o.MUD.key].includes(t.key)){var P=t.dataGetter(b),H=P.mudType,M=P.mudDensity;return y(r,{className:I.value,children:H||M?g(v,{children:[H&&"".concat(H,", "),M&&"".concat(p(M,"density","ppg")," ").concat(u("density"))]}):"-"})}if(t.key===l.NPT.key||t.key===c.NPT.key){var O=t.dataGetter(b),B=O.nptType,Y=O.startTime,F=O.endTime;return B&&Y&&F?g("div",{className:I.nptRoot,children:[y("div",{className:I.rectIndicator}),g(r,{className:I.value,children:[n(B),": ",((F-Y)/3600).fixFloat(1)," hr"]})]}):"-"}if(t.key===l.OPERATIONS_SUMMARY.key||t.key===c.OPERATIONS_SUMMARY.key){var U=t.dataGetter(b),W=U.dateTime,w=U.summary;return g(r,{className:I.value,children:[W?i.unix(W).format("MM/DD/YYYY HH:mm"):"-",y("br",{}),w]})}if(t.key===c.STAGE.key){var V=t.dataGetter(b),z=V.planned,q=V.actual;return q&&z?g(r,{className:I.value,children:[y("span",{className:I.stageActual,children:q}),y("span",{children:"/"}),y("span",{children:z}),g("span",{className:I.stagePercent,children:["Stg ",Math.floor(q/z*100)," %"]})]}):"-"}if(t.key===c.FLUIDS.key){var J=t.dataGetter(b).fluids;return y("div",{children:0===J.length?"-":J.map((function(e){var a=e.type,t=e.amount,n=e.unit;return g(r,{className:I.value,children:[g("span",{className:I.fluidProppantType,children:[a," - "]}),y("span",{children:"".concat(p(t,"oil",n)," ").concat(u("oil"))})]},"".concat(a,"_").concat(t))}))})}if(t.key===c.PROPPANTS.key){var K=t.dataGetter(b).proppants;return y("div",{children:0===K.length?"-":K.map((function(e){var a=e.type,t=e.amount,n=e.unit;return g(r,{className:I.value,children:[g("span",{className:I.fluidProppantType,children:[a," - "]}),y("span",{children:"".concat(p(t,"mass",n)," ").concat(u("mass"))})]},"".concat(a,"_").concat(t))}))})}if(t.key===l.ALERT.key||t.key===c.ALERT.key){var Q=t.dataGetter(b).decisionPath;return y(r,{className:I.value,children:f(Q)})}if(t.key===l.ANNOTATION.key||t.key===c.ANNOTATION.key){var X=t.dataGetter(b),Z=X.firstName,$=X.lastName,ee=X.profilePhoto,ae=X.content,te="".concat(Z," ").concat($),re="".concat((Z||"").charAt(0)).concat(($||"").charAt(0));return ae?g("div",{className:I.profileRoot,children:[y("div",{className:I.profile,style:{backgroundColor:"#".concat(h.getColorFromString(te)),backgroundImage:"url(".concat(ee,")")},children:ee?null:re}),y(r,{className:I.value,children:ae})]}):"-"}if([l.BHA.key,o.BHA.key].includes(t.key)){var ne=o.BHA.key===t.key,ie=t.dataGetter(b),se=ie.bhaId,le=ie.components,ce=se&&String(se)||"-",oe=se&&d(le||[],ne)||[];return g("div",{className:I.bhaRoot,children:[y("div",{className:s(I.bhaIdRoot,e({},I.realBhaRoot,!ce.includes("."))),children:y(r,{className:s(I.bhaIdLabel,e({},I.dummyBhaIdLabel,ce.includes("."))),children:ce})}),y(m,{schematic:oe,containerHeight:20,containerWidth:120})]})}if(t.key===l.CASING.key){var me=t.dataGetter(b).outerDiameter;return me?y(r,{className:I.value,children:"".concat(p(me,"shortLength")," ").concat(u("shortLength"))}):null}if(t.key===l.BHA_COUNT.key){var de=t.dataGetter(b).count;return y(r,{className:I.value,children:f(de)})}if(t.key===c.STAGES_DESIGN.key){var pe=t.dataGetter(b).totalNumberOfStages;return Number.isFinite(pe)?g(r,{className:I.value,children:["-/",pe," ",y("span",{className:I.valueSuffix,children:"Stg"})]}):"-"}if(t.key===c.PLUGS_DRILLED_COUNT.key){var ue=t.dataGetter(b).plugsDrilledCount;return Number.isFinite(ue)?g("div",{className:I.valueWrapper,children:[y("img",{src:"/static/media/b0c8b3ba66c35ef3128cc93c5c538060.svg",alt:"drillout",className:I.plugsIcon}),y("span",{className:s(I.value,I.hasLeftMargin),children:ue})]}):"-"}if("development"===process.env.NODE_ENV)throw new Error("".concat(t.key," wasn't handled in WellSummaryItemValue. Returning null"));return null}b.propTypes={item:a.shape({key:a.string,label:a.string,icon:a.node,dataGetter:a.func}).isRequired,summaryData:a.shape({}).isRequired};export{b as default};