@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/WellSummary/WellSummaryItemValue.js

@@ -1,481 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import PropTypes from 'prop-types';
-import { makeStyles, Typography } from '@material-ui/core';
-import { upperFirst } from 'lodash';
-import moment from 'moment';
-import classNames 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/appPackages.js';
-import '../../constants/notifications.js';
-import '../../constants/feed.js';
-import '../../constants/bha.js';
-import '../../utils/env.js';
-import { DRILLING_WELL_SUMMARY, COMPLETION_WELL_SUMMARY, DRILLOUT_WELL_SUMMARY } from '../../constants/wellSummary.js';
-import '../GradientManager/configuration/constants.js';
-import BHASchematic from '../Drillstring/BHASchematic.js';
-import '../Drillstring/BHATable/index.js';
-import '../Drillstring/BHAComponentIcon.js';
-import '../Drillstring/BHAComponentDetail/index.js';
-import '../Drillstring/BHATileIcon.js';
-import '../Drillstring/BHATile/BHATile.js';
-import '../Drillstring/BHAList/BHAList.js';
-import '../Drillstring/BHAComponentsTable/BHAComponentsTable.js';
-import '../../utils/drillstring/conversion.js';
-import { getBHASchematic } from '../../utils/drillstring/schematic.js';
-import { convertValue, getUnitDisplay } from '../../utils/convert.js';
-import utils from '../../utils/main.js';
-import { orDash } from '../../utils/formatting.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var UpArrowIcon = "/static/media/53cecdbd86f03352bda956fca25b537d.svg";
-var LeftArrowIcon = "/static/media/d32edb0ff9a69145d2c7917855263251.svg";
-var BitIcon = "/static/media/fa2667bad3591deb178e99b521571578.svg";
-var HoleDepthIcon = "/static/media/6684df900ff63f28b07f9c505fb7a66e.svg";
-var DrilloutIcon = "/static/media/b0c8b3ba66c35ef3128cc93c5c538060.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,
-      high = _item$dataGetter3.high,
-      right = _item$dataGetter3.right;
-    return [distance, high, 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, high < 0))
-      }), /*#__PURE__*/jsx("span", {
-        className: classes.value,
-        children: "".concat(Math.abs(convertValue(high, 'length', 'ft')), " ").concat(getUnitDisplay('length'), " ").concat(high >= 0 ? 'High' : 'Low')
-      }), /*#__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', 'in'), " ").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 { WellSummaryItemValue as default };
-//# sourceMappingURL=WellSummaryItemValue.js.map
+import e from"@babel/runtime/helpers/defineProperty";import t from"prop-types";import{makeStyles as a,Typography as r}from"@material-ui/core";import{upperFirst as i}from"lodash";import n 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/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../utils/env.js";import{DRILLING_WELL_SUMMARY as l,COMPLETION_WELL_SUMMARY as c,DRILLOUT_WELL_SUMMARY as o}from"../../constants/wellSummary.js";import"../GradientManager/configuration/constants.js";import m from"../Drillstring/BHASchematic.js";import"../Drillstring/BHATable/index.js";import"../Drillstring/BHAComponentIcon.js";import"../Drillstring/BHAComponentDetail/index.js";import"../Drillstring/BHATileIcon.js";import"../Drillstring/BHATile/BHATile.js";import"../Drillstring/BHAList/BHAList.js";import"../Drillstring/BHAComponentsTable/BHAComponentsTable.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 g}from"../../utils/formatting.js";import{jsxs as f,jsx as y,Fragment as v}from"react/jsx-runtime";var N="/static/media/6684df900ff63f28b07f9c505fb7a66e.svg",k=a({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(t){var a=t.item,b=t.summaryData,I=k();if(!b)return null;if(a.key===l.HOLE_DEPTH.key){var T=a.dataGetter(b).holeDepth;return Number.isFinite(T)?f("div",{className:I.valueWrapper,children:[y("img",{src:N,alt:"hole_depth",className:I.centerImg}),f("span",{className:s(I.value,I.hasLeftMargin),children:[Math.floor(T),"’"]})]}):"-"}if(a.key===l.BIT_HOLE_DEPTH.key){var A=a.dataGetter(b),x=A.bitDepth,R=A.holeDepth;return[x,R].every(Number.isFinite)?f("div",{className:I.valueWrapper,children:[y("img",{src:"/static/media/fa2667bad3591deb178e99b521571578.svg",alt:"bit_depth",className:I.rightImg}),f("span",{className:I.value,children:[Math.floor(x),"’ / "]}),y("img",{src:N,alt:"hole_depth",className:I.centerImg}),f("span",{className:I.value,children:[Math.floor(R),"’"]})]}):"-"}if(a.key===l.DIVERGENCE.key){var E=a.dataGetter(b),D=E.distance,S=E.high,j=E.right;return[D,S,j].every(Number.isFinite)?f("div",{className:I.valueWrapper,children:[y("span",{className:I.value,children:"".concat(p(D,"length","ft")," ").concat(u("length"))}),y("img",{src:"/static/media/53cecdbd86f03352bda956fca25b537d.svg",alt:"up_arrow",className:s(I.centerImg,e({},I.rotate,S<0))}),y("span",{className:I.value,children:"".concat(Math.abs(p(S,"length","ft"))," ").concat(u("length")," ").concat(S>=0?"High":"Low")}),y("img",{src:"/static/media/d32edb0ff9a69145d2c7917855263251.svg",alt:"left_arrow",className:s(I.centerImg,e({},I.rotate,j>0))}),y("span",{className:I.value,children:"".concat(Math.abs(p(j,"length","ft"))," ").concat(u("length")," ").concat(j>0?"Right":"Left")})]}):"-"}if(a.key===l.LAST_ACTIVE.key||a.key===c.LAST_ACTIVE.key){var L=a.dataGetter(b).timestamp;return y(r,{className:I.value,children:L?n.unix(L).format("MM/DD/YYYY HH:mm"):"-"})}if(a.key===l.CURRENT_ACTIVITY.key||a.key===c.CURRENT_ACTIVITY.key){var G=a.dataGetter(b).activityName;return y(r,{className:I.value,children:g(i(G||"-"))})}if(a.key===l.PHASE.key){var H=a.dataGetter(b).phaseName;return y(r,{className:I.value,children:g(H)})}if(a.key===l.HOLE_SECTION.key){var C=a.dataGetter(b).sectionName;return y(r,{className:I.value,children:g(C)})}if([l.MUD.key,o.MUD.key].includes(a.key)){var _=a.dataGetter(b),P=_.mudType,B=_.mudDensity;return y(r,{className:I.value,children:P||B?f(v,{children:[P&&"".concat(P,", "),B&&"".concat(p(B,"density","ppg")," ").concat(u("density"))]}):"-"})}if(a.key===l.NPT.key||a.key===c.NPT.key){var M=a.dataGetter(b),O=M.nptType,Y=M.startTime,F=M.endTime;return O&&Y&&F?f("div",{className:I.nptRoot,children:[y("div",{className:I.rectIndicator}),f(r,{className:I.value,children:[i(O),": ",((F-Y)/3600).fixFloat(1)," hr"]})]}):"-"}if(a.key===l.OPERATIONS_SUMMARY.key||a.key===c.OPERATIONS_SUMMARY.key){var w=a.dataGetter(b),U=w.dateTime,W=w.summary;return f(r,{className:I.value,children:[U?n.unix(U).format("MM/DD/YYYY HH:mm"):"-",y("br",{}),W]})}if(a.key===c.STAGE.key){var V=a.dataGetter(b),z=V.planned,q=V.actual;return q&&z?f(r,{className:I.value,children:[y("span",{className:I.stageActual,children:q}),y("span",{children:"/"}),y("span",{children:z}),f("span",{className:I.stagePercent,children:["Stg ",Math.floor(q/z*100)," %"]})]}):"-"}if(a.key===c.FLUIDS.key){var J=a.dataGetter(b).fluids;return y("div",{children:0===J.length?"-":J.map((function(e){var t=e.type,a=e.amount,i=e.unit;return f(r,{className:I.value,children:[f("span",{className:I.fluidProppantType,children:[t," - "]}),y("span",{children:"".concat(p(a,"oil",i)," ").concat(u("oil"))})]},"".concat(t,"_").concat(a))}))})}if(a.key===c.PROPPANTS.key){var K=a.dataGetter(b).proppants;return y("div",{children:0===K.length?"-":K.map((function(e){var t=e.type,a=e.amount,i=e.unit;return f(r,{className:I.value,children:[f("span",{className:I.fluidProppantType,children:[t," - "]}),y("span",{children:"".concat(p(a,"mass",i)," ").concat(u("mass"))})]},"".concat(t,"_").concat(a))}))})}if(a.key===l.ALERT.key||a.key===c.ALERT.key){var Q=a.dataGetter(b).decisionPath;return y(r,{className:I.value,children:g(Q)})}if(a.key===l.ANNOTATION.key||a.key===c.ANNOTATION.key){var X=a.dataGetter(b),Z=X.firstName,$=X.lastName,ee=X.profilePhoto,te=X.content,ae="".concat(Z," ").concat($),re="".concat((Z||"").charAt(0)).concat(($||"").charAt(0));return te?f("div",{className:I.profileRoot,children:[y("div",{className:I.profile,style:{backgroundColor:"#".concat(h.getColorFromString(ae)),backgroundImage:"url(".concat(ee,")")},children:ee?null:re}),y(r,{className:I.value,children:te})]}):"-"}if([l.BHA.key,o.BHA.key].includes(a.key)){var ie=o.BHA.key===a.key,ne=a.dataGetter(b),se=ne.bhaId,le=ne.components,ce=se&&String(se)||"-",oe=se&&d(le||[],ie)||[];return f("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(a.key===l.CASING.key){var me=a.dataGetter(b).outerDiameter;return me?y(r,{className:I.value,children:"".concat(p(me,"shortLength","in")," ").concat(u("shortLength"))}):null}if(a.key===l.BHA_COUNT.key){var de=a.dataGetter(b).count;return y(r,{className:I.value,children:g(de)})}if(a.key===c.STAGES_DESIGN.key){var pe=a.dataGetter(b).totalNumberOfStages;return Number.isFinite(pe)?f(r,{className:I.value,children:["-/",pe," ",y("span",{className:I.valueSuffix,children:"Stg"})]}):"-"}if(a.key===c.PLUGS_DRILLED_COUNT.key){var ue=a.dataGetter(b).plugsDrilledCount;return Number.isFinite(ue)?f("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(a.key," wasn't handled in WellSummaryItemValue. Returning null"));return null}b.propTypes={item:t.shape({key:t.string,label:t.string,icon:t.node,dataGetter:t.func}).isRequired,summaryData:t.shape({}).isRequired};export{b as default};