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

package/components/WellSummary/WellSummaryItemLabel.js

@@ -1 +1,74 @@
-import e from"@babel/runtime/helpers/defineProperty";import i from"prop-types";import{makeStyles as o,Typography as t}from"@material-ui/core";import r from"classnames";import{isMobileDetected as l}from"../../utils/mobileDetect.js";import{jsxs as a,jsx as n}from"react/jsx-runtime";var p=o({labelRoot:{display:"flex",alignItems:"flex-start",height:function(e){return!e.isMobile&&16}},croppedRoot:{overflow:"hidden",marginRight:"10px","& $label":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},labelIcon:{width:16,height:16,minWidth:16,minHeight:16,marginRight:"8px",backgroundRepeat:"no-repeat",backgroundPosition:"center"},label:{color:"#9E9E9E",fontSize:"14px",lineHeight:"16px"}});function s(i){var o=i.item,s=i.textShrinked,m=p({isMobile:l});return a("div",{className:r(m.labelRoot,e({},m.croppedRoot,s)),children:[o.icon&&n("div",{className:m.labelIcon,style:{backgroundImage:"url(".concat(o.icon,")")}}),a(t,{className:m.label,children:[o.label,":"]})]})}s.propTypes={item:i.shape({key:i.string,label:i.string,icon:i.node}).isRequired,textShrinked:i.bool},s.defaultProps={textShrinked:!1};export{s as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+import { makeStyles, Typography } from '@material-ui/core';
+import classNames from 'classnames';
+import { isMobileDetected } from '../../utils/mobileDetect.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ICON_HEIGHT = 16;
+var useStyles = makeStyles({
+  labelRoot: {
+    display: 'flex',
+    alignItems: 'flex-start',
+    height: function height(_ref) {
+      var isMobile = _ref.isMobile;
+      return !isMobile && ICON_HEIGHT;
+    }
+  },
+  croppedRoot: {
+    overflow: 'hidden',
+    marginRight: '10px',
+    '& $label': {
+      whiteSpace: 'nowrap',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis'
+    }
+  },
+  labelIcon: {
+    width: ICON_HEIGHT,
+    height: ICON_HEIGHT,
+    minWidth: ICON_HEIGHT,
+    minHeight: ICON_HEIGHT,
+    marginRight: '8px',
+    backgroundRepeat: 'no-repeat',
+    backgroundPosition: 'center'
+  },
+  label: {
+    color: '#9E9E9E',
+    fontSize: '14px',
+    lineHeight: '16px'
+  }
+});
+function WellSummaryItemLabel(_ref2) {
+  var item = _ref2.item,
+    textShrinked = _ref2.textShrinked;
+  var classes = useStyles({
+    isMobile: isMobileDetected
+  });
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(classes.labelRoot, _defineProperty({}, classes.croppedRoot, textShrinked)),
+    children: [item.icon && /*#__PURE__*/jsx("div", {
+      className: classes.labelIcon,
+      style: {
+        backgroundImage: "url(".concat(item.icon, ")")
+      }
+    }), /*#__PURE__*/jsxs(Typography, {
+      className: classes.label,
+      children: [item.label, ":"]
+    })]
+  });
+}
+WellSummaryItemLabel.propTypes = {
+  item: PropTypes.shape({
+    key: PropTypes.string,
+    label: PropTypes.string,
+    icon: PropTypes.node
+  }).isRequired,
+  textShrinked: PropTypes.bool
+};
+WellSummaryItemLabel.defaultProps = {
+  textShrinked: false
+};
+
+export { WellSummaryItemLabel as default };
+//# sourceMappingURL=WellSummaryItemLabel.js.map

package/components/WellSummary/WellSummaryItemLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellSummaryItemLabel.js","sources":["../../../src/components/WellSummary/WellSummaryItemLabel.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport classnames from 'classnames';\n\nimport { isMobileDetected } from '~/utils/mobileDetect';\n\nconst ICON_HEIGHT = 16;\n\nconst useStyles = makeStyles({\n  labelRoot: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    height: ({ isMobile }) => !isMobile && ICON_HEIGHT,\n  },\n  croppedRoot: {\n    overflow: 'hidden',\n    marginRight: '10px',\n    '& $label': {\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n    },\n  },\n  labelIcon: {\n    width: ICON_HEIGHT,\n    height: ICON_HEIGHT,\n    minWidth: ICON_HEIGHT,\n    minHeight: ICON_HEIGHT,\n    marginRight: '8px',\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center',\n  },\n  label: {\n    color: '#9E9E9E',\n    fontSize: '14px',\n    lineHeight: '16px',\n  },\n});\n\nfunction WellSummaryItemLabel({ item, textShrinked }) {\n  const classes = useStyles({ isMobile: isMobileDetected });\n\n  return (\n    <div className={classnames(classes.labelRoot, { [classes.croppedRoot]: textShrinked })}>\n      {item.icon && (\n        <div className={classes.labelIcon} style={{ backgroundImage: `url(${item.icon})` }} />\n      )}\n      <Typography className={classes.label}>{item.label}:</Typography>\n    </div>\n  );\n}\n\nWellSummaryItemLabel.propTypes = {\n  item: PropTypes.shape({\n    key: PropTypes.string,\n    label: PropTypes.string,\n    icon: PropTypes.node,\n  }).isRequired,\n  textShrinked: PropTypes.bool,\n};\n\nWellSummaryItemLabel.defaultProps = {\n  textShrinked: false,\n};\n\nexport default WellSummaryItemLabel;\n"],"names":["ICON_HEIGHT","useStyles","makeStyles","labelRoot","display","alignItems","height","isMobile","croppedRoot","overflow","marginRight","whiteSpace","textOverflow","labelIcon","width","minWidth","minHeight","backgroundRepeat","backgroundPosition","label","color","fontSize","lineHeight","WellSummaryItemLabel","item","textShrinked","classes","isMobileDetected","_jsxs","classnames","icon","_jsx","backgroundImage","propTypes","PropTypes","shape","key","string","node","isRequired","bool","defaultProps"],"mappings":";;;;;;;AAMA,IAAMA,WAAW,GAAG,EAAE,CAAA;AAEtB,IAAMC,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,YAAY;AACxBC,IAAAA,MAAM,EAAE,SAAA,MAAA,CAAA,IAAA,EAAA;MAAA,IAAGC,QAAQ,QAARA,QAAQ,CAAA;MAAA,OAAO,CAACA,QAAQ,IAAIP,WAAW,CAAA;AAAA,KAAA;GACnD;AACDQ,EAAAA,WAAW,EAAE;AACXC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,WAAW,EAAE,MAAM;AACnB,IAAA,UAAU,EAAE;AACVC,MAAAA,UAAU,EAAE,QAAQ;AACpBF,MAAAA,QAAQ,EAAE,QAAQ;AAClBG,MAAAA,YAAY,EAAE,UAAA;AAChB,KAAA;GACD;AACDC,EAAAA,SAAS,EAAE;AACTC,IAAAA,KAAK,EAAEd,WAAW;AAClBM,IAAAA,MAAM,EAAEN,WAAW;AACnBe,IAAAA,QAAQ,EAAEf,WAAW;AACrBgB,IAAAA,SAAS,EAAEhB,WAAW;AACtBU,IAAAA,WAAW,EAAE,KAAK;AAClBO,IAAAA,gBAAgB,EAAE,WAAW;AAC7BC,IAAAA,kBAAkB,EAAE,QAAA;GACrB;AACDC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,SAAS;AAChBC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,UAAU,EAAE,MAAA;AACd,GAAA;AACF,CAAC,CAAC,CAAA;AAEF,SAASC,oBAAoB,CAAyB,KAAA,EAAA;EAAA,IAAtBC,IAAI,SAAJA,IAAI;AAAEC,IAAAA,YAAY,SAAZA,YAAY,CAAA;EAChD,IAAMC,OAAO,GAAGzB,SAAS,CAAC;AAAEM,IAAAA,QAAQ,EAAEoB,gBAAAA;AAAiB,GAAC,CAAC,CAAA;EAEzD,oBACEC,IAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAEC,UAAU,CAACH,OAAO,CAACvB,SAAS,EAAKuB,eAAAA,CAAAA,EAAAA,EAAAA,OAAO,CAAClB,WAAW,EAAGiB,YAAY,CAAI,CAAA;IAAA,QACpFD,EAAAA,CAAAA,IAAI,CAACM,IAAI,iBACRC,GAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEL,OAAO,CAACb,SAAU;AAAC,MAAA,KAAK,EAAE;QAAEmB,eAAe,EAAA,MAAA,CAAA,MAAA,CAASR,IAAI,CAACM,IAAI,EAAA,GAAA,CAAA;AAAI,OAAA;KAClF,CAAA,eACDF,KAAC,UAAU,EAAA;MAAC,SAAS,EAAEF,OAAO,CAACP,KAAM;MAAA,QAAEK,EAAAA,CAAAA,IAAI,CAACL,KAAK,EAAA,GAAA,CAAA;KAAe,CAAA,CAAA;GAC5D,CAAA,CAAA;AAEV,CAAA;AAEAI,oBAAoB,CAACU,SAAS,GAAG;AAC/BT,EAAAA,IAAI,EAAEU,SAAS,CAACC,KAAK,CAAC;IACpBC,GAAG,EAAEF,SAAS,CAACG,MAAM;IACrBlB,KAAK,EAAEe,SAAS,CAACG,MAAM;IACvBP,IAAI,EAAEI,SAAS,CAACI,IAAAA;GACjB,CAAC,CAACC,UAAU;EACbd,YAAY,EAAES,SAAS,CAACM,IAAAA;AAC1B,CAAC,CAAA;AAEDjB,oBAAoB,CAACkB,YAAY,GAAG;AAClChB,EAAAA,YAAY,EAAE,KAAA;AAChB,CAAC;;;;"}

package/components/WellSummary/WellSummaryItemTitle.js

@@ -1 +1,53 @@
-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};
+import PropTypes from 'prop-types';
+import { makeStyles, Typography } from '@material-ui/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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 { WellSummaryItemTitle as default };
+//# sourceMappingURL=WellSummaryItemTitle.js.map

package/components/WellSummary/WellSummaryItemTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WellSummaryItemTitle.js","sources":["../../../src/components/WellSummary/WellSummaryItemTitle.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles, Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles({\n  labelRoot: {\n    display: 'flex',\n    alignItems: 'flex-start',\n  },\n  labelIcon: {\n    width: '16px',\n    height: '16px',\n    marginRight: '8px',\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center',\n  },\n  label: {\n    color: '#9E9E9E',\n    fontFamily: 'Roboto',\n    fontStyle: 'normal',\n    fontWeight: 500,\n    fontSize: 10,\n    lineHeight: '12px',\n    letterSpacing: '1px',\n    textTransform: 'uppercase',\n  },\n});\n\nfunction WellSummaryItemTitle({ item }) {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.labelRoot}>\n      {item.icon && (\n        <div className={classes.labelIcon} style={{ backgroundImage: `url(${item.icon})` }} />\n      )}\n      <Typography className={classes.label}>{item.label}:</Typography>\n    </div>\n  );\n}\n\nWellSummaryItemTitle.propTypes = {\n  item: PropTypes.shape({\n    key: PropTypes.string,\n    label: PropTypes.string,\n    icon: PropTypes.node,\n  }).isRequired,\n};\n\nexport default WellSummaryItemTitle;\n"],"names":["useStyles","makeStyles","labelRoot","display","alignItems","labelIcon","width","height","marginRight","backgroundRepeat","backgroundPosition","label","color","fontFamily","fontStyle","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","WellSummaryItemTitle","item","classes","_jsxs","icon","_jsx","backgroundImage","propTypes","PropTypes","shape","key","string","node","isRequired"],"mappings":";;;;AAGA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,YAAA;GACb;AACDC,EAAAA,SAAS,EAAE;AACTC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,WAAW,EAAE,KAAK;AAClBC,IAAAA,gBAAgB,EAAE,WAAW;AAC7BC,IAAAA,kBAAkB,EAAE,QAAA;GACrB;AACDC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,SAAS;AAChBC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,UAAU,EAAE,GAAG;AACfC,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,MAAM;AAClBC,IAAAA,aAAa,EAAE,KAAK;AACpBC,IAAAA,aAAa,EAAE,WAAA;AACjB,GAAA;AACF,CAAC,CAAC,CAAA;AAEF,SAASC,oBAAoB,CAAW,IAAA,EAAA;EAAA,IAARC,IAAI,QAAJA,IAAI,CAAA;EAClC,IAAMC,OAAO,GAAGtB,SAAS,EAAE,CAAA;EAE3B,oBACEuB,IAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAED,OAAO,CAACpB,SAAU;IAAA,QAC/BmB,EAAAA,CAAAA,IAAI,CAACG,IAAI,iBACRC,GAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEH,OAAO,CAACjB,SAAU;AAAC,MAAA,KAAK,EAAE;QAAEqB,eAAe,EAAA,MAAA,CAAA,MAAA,CAASL,IAAI,CAACG,IAAI,EAAA,GAAA,CAAA;AAAI,OAAA;KAClF,CAAA,eACDD,KAAC,UAAU,EAAA;MAAC,SAAS,EAAED,OAAO,CAACX,KAAM;MAAA,QAAEU,EAAAA,CAAAA,IAAI,CAACV,KAAK,EAAA,GAAA,CAAA;KAAe,CAAA,CAAA;GAC5D,CAAA,CAAA;AAEV,CAAA;AAEAS,oBAAoB,CAACO,SAAS,GAAG;AAC/BN,EAAAA,IAAI,EAAEO,SAAS,CAACC,KAAK,CAAC;IACpBC,GAAG,EAAEF,SAAS,CAACG,MAAM;IACrBpB,KAAK,EAAEiB,SAAS,CAACG,MAAM;IACvBP,IAAI,EAAEI,SAAS,CAACI,IAAAA;AAClB,GAAC,CAAC,CAACC,UAAAA;AACL,CAAC;;;;"}

package/components/WellSummary/WellSummaryItemValue.js

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