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

package/components/Drillstring/BHATable/BHAComponent.js

@@ -1 +1,102 @@
-import{memo as e}from"react";import{shape as n,number as r,func as i}from"prop-types";import{makeStyles as o,TableRow as c,TableCell as t}from"@material-ui/core";import{InfoOutlined as a}from"@material-ui/icons";import l from"../BHAComponentIcon.js";import{jsxs as m,jsx as s}from"react/jsx-runtime";var d=o({tableBodyCell:{padding:0,borderBottom:"none",height:49,fontSize:"13px"},componentIconCell:{padding:0,borderBottom:"none",height:49,display:"flex",alignItems:"center",fontSize:"13px"},infoIcon:{fontSize:16,color:"#ccc",cursor:"pointer"},iconWrapper:{width:"40px",height:"48px",display:"flex",justifyContent:"center",marginRight:"4px"}}),p=function(e){var n=e.component,r=e.order,i=e.onSelect,o=d(),p=o.tableBodyCell,h=o.componentIconCell,f=o.iconWrapper,u=o.infoIcon;return m(c,{children:[s(t,{className:p,children:r}),m(t,{className:h,children:[s("div",{className:f,children:s(l,{component:n})}),s("div",{children:n.family_name||n.family})]}),s(t,{className:p,children:n.name}),s(t,{className:p,children:n.outer_diameter}),s(t,{className:p,children:n.inner_diameter}),s(t,{className:p,children:n.linear_weight}),s(t,{className:p,children:n.length}),s(t,{className:p,children:n.weight}),s(t,{className:p,children:Number.isFinite(n.c_length)?n.c_length.toFixed(2):""}),s(t,{className:p,children:n.grade}),s(t,{className:p,children:s(a,{className:u,onClick:function(){return i(n)}})})]})};p.propTypes={component:n({}).isRequired,order:r.isRequired,onSelect:i.isRequired};var h=e(p);export{h as default};
+import { memo } from 'react';
+import { shape, number, func } from 'prop-types';
+import { makeStyles, TableRow, TableCell } from '@material-ui/core';
+import { InfoOutlined } from '@material-ui/icons';
+import ComponentIcon from '../BHAComponentIcon.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles({
+  tableBodyCell: {
+    padding: 0,
+    borderBottom: 'none',
+    height: 49,
+    fontSize: '13px'
+  },
+  componentIconCell: {
+    padding: 0,
+    borderBottom: 'none',
+    height: 49,
+    display: 'flex',
+    alignItems: 'center',
+    fontSize: '13px'
+  },
+  infoIcon: {
+    fontSize: 16,
+    color: '#ccc',
+    cursor: 'pointer'
+  },
+  iconWrapper: {
+    width: '40px',
+    height: '48px',
+    display: 'flex',
+    justifyContent: 'center',
+    marginRight: '4px'
+  }
+});
+var BHAComponent = function BHAComponent(_ref) {
+  var component = _ref.component,
+    order = _ref.order,
+    onSelect = _ref.onSelect;
+  var _useStyles = useStyles(),
+    tableBodyCell = _useStyles.tableBodyCell,
+    componentIconCell = _useStyles.componentIconCell,
+    iconWrapper = _useStyles.iconWrapper,
+    infoIcon = _useStyles.infoIcon;
+  return /*#__PURE__*/jsxs(TableRow, {
+    children: [/*#__PURE__*/jsx(TableCell, {
+      className: tableBodyCell,
+      children: order
+    }), /*#__PURE__*/jsxs(TableCell, {
+      className: componentIconCell,
+      children: [/*#__PURE__*/jsx("div", {
+        className: iconWrapper,
+        children: /*#__PURE__*/jsx(ComponentIcon, {
+          component: component
+        })
+      }), /*#__PURE__*/jsx("div", {
+        children: component.family_name || component.family
+      })]
+    }), /*#__PURE__*/jsx(TableCell, {
+      className: tableBodyCell,
+      children: component.name
+    }), /*#__PURE__*/jsx(TableCell, {
+      className: tableBodyCell,
+      children: component.outer_diameter
+    }), /*#__PURE__*/jsx(TableCell, {
+      className: tableBodyCell,
+      children: component.inner_diameter
+    }), /*#__PURE__*/jsx(TableCell, {
+      className: tableBodyCell,
+      children: component.linear_weight
+    }), /*#__PURE__*/jsx(TableCell, {
+      className: tableBodyCell,
+      children: component.length
+    }), /*#__PURE__*/jsx(TableCell, {
+      className: tableBodyCell,
+      children: component.weight
+    }), /*#__PURE__*/jsx(TableCell, {
+      className: tableBodyCell,
+      children: Number.isFinite(component.c_length) ? component.c_length.toFixed(2) : ''
+    }), /*#__PURE__*/jsx(TableCell, {
+      className: tableBodyCell,
+      children: component.grade
+    }), /*#__PURE__*/jsx(TableCell, {
+      className: tableBodyCell,
+      children: /*#__PURE__*/jsx(InfoOutlined, {
+        className: infoIcon,
+        onClick: function onClick() {
+          return onSelect(component);
+        }
+      })
+    })]
+  });
+};
+BHAComponent.propTypes = {
+  component: shape({}).isRequired,
+  order: number.isRequired,
+  onSelect: func.isRequired
+};
+var BHAComponent$1 = memo(BHAComponent);
+
+export { BHAComponent$1 as default };
+//# sourceMappingURL=BHAComponent.js.map

package/components/Drillstring/BHATable/index.js

@@ -1 +1,116 @@
-import{memo as e}from"react";import t from"prop-types";import{makeStyles as l,Table as r,TableHead as a,TableRow as s,TableCell as i,TableBody as n}from"@material-ui/core";import o from"./BHAComponent.js";import{getUnitDisplay as d}from"../../../utils/index.js";import{jsxs as c,jsx as h}from"react/jsx-runtime";var m=l({tableStyle:{tableLayout:"fixed"},tableHeadCellStyle:{height:"38px",padding:"0px",color:"#999999",fontSize:"12px",borderTop:"1px solid rgba(81, 81, 81, 1)"}});function p(e){var t=e.components,l=e.onSelectComponent,p=m(),y=p.tableStyle,f=p.tableHeadCellStyle;return c(r,{className:y,children:[h(a,{children:c(s,{children:[h(i,{className:f,style:{width:"2%"},children:"#"}),h(i,{className:f,style:{width:"13%",paddingLeft:44},children:"Category"}),h(i,{className:f,style:{width:"13%"},children:"Name"}),c(i,{className:f,style:{width:"7%"},children:["OD (",d("shortLength"),")"]}),c(i,{className:f,style:{width:"7%"},children:["ID (",d("shortLength"),")"]}),c(i,{className:f,style:{width:"15%"},children:["Linear Weight (",d("massPerLength"),")"]}),c(i,{className:f,style:{width:"10%"},children:["Length (",d("length"),")"]}),c(i,{className:f,style:{width:"10%"},children:["Weight (",d("mass"),")"]}),c(i,{className:f,style:{width:"13%"},children:["Cum.Length (",d("length"),")"]}),h(i,{className:f,style:{width:"7%"},children:"Grade"}),h(i,{className:f,style:{width:"3%"}})]})}),h(n,{children:t.map((function(e,t){return h(o,{component:e,order:t+1,onSelect:l},e.id)}))})]})}p.propTypes={components:t.arrayOf(t.shape({})).isRequired,onSelectComponent:t.func.isRequired};var y=e(p);export{y as default};
+import { memo } from 'react';
+import PropTypes from 'prop-types';
+import { makeStyles, Table, TableHead, TableRow, TableCell, TableBody } from '@material-ui/core';
+import BHAComponent from './BHAComponent.js';
+import { getUnitDisplay } from '../../../utils/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles({
+  tableStyle: {
+    tableLayout: 'fixed'
+  },
+  tableHeadCellStyle: {
+    height: '38px',
+    padding: '0px',
+    color: '#999999',
+    fontSize: '12px',
+    borderTop: '1px solid rgba(81, 81, 81, 1)'
+  }
+});
+function BHATable(_ref) {
+  var components = _ref.components,
+    onSelectComponent = _ref.onSelectComponent;
+  var _useStyles = useStyles(),
+    tableStyle = _useStyles.tableStyle,
+    tableHeadCellStyle = _useStyles.tableHeadCellStyle;
+  return /*#__PURE__*/jsxs(Table, {
+    className: tableStyle,
+    children: [/*#__PURE__*/jsx(TableHead, {
+      children: /*#__PURE__*/jsxs(TableRow, {
+        children: [/*#__PURE__*/jsx(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '2%'
+          },
+          children: "#"
+        }), /*#__PURE__*/jsx(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '13%',
+            paddingLeft: 44
+          },
+          children: "Category"
+        }), /*#__PURE__*/jsx(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '13%'
+          },
+          children: "Name"
+        }), /*#__PURE__*/jsxs(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '7%'
+          },
+          children: ["OD (", getUnitDisplay('shortLength'), ")"]
+        }), /*#__PURE__*/jsxs(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '7%'
+          },
+          children: ["ID (", getUnitDisplay('shortLength'), ")"]
+        }), /*#__PURE__*/jsxs(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '15%'
+          },
+          children: ["Linear Weight (", getUnitDisplay('massPerLength'), ")"]
+        }), /*#__PURE__*/jsxs(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '10%'
+          },
+          children: ["Length (", getUnitDisplay('length'), ")"]
+        }), /*#__PURE__*/jsxs(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '10%'
+          },
+          children: ["Weight (", getUnitDisplay('mass'), ")"]
+        }), /*#__PURE__*/jsxs(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '13%'
+          },
+          children: ["Cum.Length (", getUnitDisplay('length'), ")"]
+        }), /*#__PURE__*/jsx(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '7%'
+          },
+          children: "Grade"
+        }), /*#__PURE__*/jsx(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '3%'
+          }
+        })]
+      })
+    }), /*#__PURE__*/jsx(TableBody, {
+      children: components.map(function (component, idx) {
+        return /*#__PURE__*/jsx(BHAComponent, {
+          component: component,
+          order: idx + 1,
+          onSelect: onSelectComponent
+        }, component.id);
+      })
+    })]
+  });
+}
+BHATable.propTypes = {
+  components: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  onSelectComponent: PropTypes.func.isRequired
+};
+var BHATable$1 = memo(BHATable);
+
+export { BHATable$1 as default };
+//# sourceMappingURL=index.js.map

package/components/Drillstring/BHATable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Drillstring/BHATable/index.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { Table, TableHead, TableCell, TableBody, TableRow, makeStyles } from '@material-ui/core';\n\nimport BHAComponent from './BHAComponent';\n\nimport { getUnitDisplay } from '~/utils';\n\nconst useStyles = makeStyles({\n  tableStyle: { tableLayout: 'fixed' },\n  tableHeadCellStyle: {\n    height: '38px',\n    padding: '0px',\n    color: '#999999',\n    fontSize: '12px',\n    borderTop: '1px solid rgba(81, 81, 81, 1)',\n  },\n});\n\nfunction BHATable({ components, onSelectComponent }) {\n  const { tableStyle, tableHeadCellStyle } = useStyles();\n\n  return (\n    <Table className={tableStyle}>\n      <TableHead>\n        <TableRow>\n          <TableCell className={tableHeadCellStyle} style={{ width: '2%' }}>\n            #\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '13%', paddingLeft: 44 }}>\n            Category\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '13%' }}>\n            Name\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '7%' }}>\n            OD ({getUnitDisplay('shortLength')})\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '7%' }}>\n            ID ({getUnitDisplay('shortLength')})\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '15%' }}>\n            Linear Weight ({getUnitDisplay('massPerLength')})\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '10%' }}>\n            Length ({getUnitDisplay('length')})\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '10%' }}>\n            Weight ({getUnitDisplay('mass')})\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '13%' }}>\n            Cum.Length ({getUnitDisplay('length')})\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '7%' }}>\n            Grade\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '3%' }} />\n        </TableRow>\n      </TableHead>\n      <TableBody>\n        {components.map((component, idx) => (\n          <BHAComponent\n            key={component.id}\n            component={component}\n            order={idx + 1}\n            onSelect={onSelectComponent}\n          />\n        ))}\n      </TableBody>\n    </Table>\n  );\n}\n\nBHATable.propTypes = {\n  components: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  onSelectComponent: PropTypes.func.isRequired,\n};\n\nexport default memo(BHATable);\n"],"names":["useStyles","makeStyles","tableStyle","tableLayout","tableHeadCellStyle","height","padding","color","fontSize","borderTop","BHATable","components","onSelectComponent","_jsxs","_jsx","width","paddingLeft","getUnitDisplay","map","component","idx","id","propTypes","PropTypes","arrayOf","shape","isRequired","func","memo"],"mappings":"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"}

package/components/Drillstring/BHATile/BHATile.js

@@ -1 +1,113 @@
-import e from"@babel/runtime/helpers/defineProperty";import{shape as i,arrayOf as l,bool as t,func as n,number as s}from"prop-types";import a from"classnames";import{Chip as r}from"@material-ui/core";import c from"../BHATileIcon.js";import o from"./styles.css.js";import{getBHASchematic as m}from"../../../utils/bha.js";import{jsxs as d,jsx as h}from"react/jsx-runtime";var p=[{key:"tfa",label:"TFA"},{key:"cpl",label:"CPL at TD"},{key:"sp",label:"SP at TD"},{key:"ecd",label:"ECD at TD"}];function u(i){var l,t,n=i.isMobile,s=i.drillstring,u=i.isSelected,b=i.onSelect,v=i.height,f=i.isMetricsHidden,C=(null==s||null===(l=s.data)||void 0===l?void 0:l.components)||[],N=m(C);return d("div",{className:a(o.tileContainer,e({},o.selected,u)),onClick:function(){return b(s)},children:[d("div",{className:o.header,children:[d("div",{className:o.bhaTile,children:[h(r,{label:null==s||null===(t=s.data)||void 0===t?void 0:t.id,classes:{root:a(o.rootChip,e({},o.selectedChip,u)),label:o.chipLabel}}),h("span",{className:o.bhaCaption,children:"BHA"})]}),d("div",{className:o.componentsCount,children:["Components: ",C.length]})]}),C.length>0&&h("div",{className:a(o.schematic,e({},o.schematicMobile,n)),children:N.map((function(e,i){return h(c,{component:e,width:"calc(100% / ".concat(N.length," - 1px)"),height:v},"bha-tile-".concat(i))}))}),!f&&!n&&C.length>0&&h("div",{className:o.metricsContainer,children:p.map((function(e){return d("div",{className:o.metricItem,children:[d("div",{className:o.metricItemContent,children:[h("div",{className:o.metricItemLabel,children:e.label}),h("div",{className:o.metricItemValue,children:"0.0"})]}),"ecd"!==e.key&&h("div",{className:o.metricItemSplit})]},e.key)}))}),0===C.length&&h("div",{className:a(o.noComponents,e({},o.noComponentsMobile,n)),children:"No Components"})]})}u.propTypes={drillstring:i({data:i({components:l(i({}))})}),isSelected:t,onSelect:n.isRequired,height:s,isMetricsHidden:t,isMobile:t},u.defaultProps={drillstring:null,isSelected:!1,height:16,isMetricsHidden:!1,isMobile:!1};export{u as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { shape, arrayOf, bool, func, number } from 'prop-types';
+import classNames from 'classnames';
+import { Chip } from '@material-ui/core';
+import BHATileIcon from '../BHATileIcon.js';
+import styles from './styles.css.js';
+import { getBHASchematic } from '../../../utils/bha.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var MetricsColumns = [{
+  key: 'tfa',
+  label: 'TFA'
+}, {
+  key: 'cpl',
+  label: 'CPL at TD'
+}, {
+  key: 'sp',
+  label: 'SP at TD'
+}, {
+  key: 'ecd',
+  label: 'ECD at TD'
+}];
+function BHATile(_ref) {
+  var _drillstring$data, _drillstring$data2;
+  var isMobile = _ref.isMobile,
+    drillstring = _ref.drillstring,
+    isSelected = _ref.isSelected,
+    onSelect = _ref.onSelect,
+    height = _ref.height,
+    isMetricsHidden = _ref.isMetricsHidden;
+  var components = (drillstring === null || drillstring === void 0 ? void 0 : (_drillstring$data = drillstring.data) === null || _drillstring$data === void 0 ? void 0 : _drillstring$data.components) || [];
+  var schematicData = getBHASchematic(components);
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(styles.tileContainer, _defineProperty({}, styles.selected, isSelected)),
+    onClick: function onClick() {
+      return onSelect(drillstring);
+    },
+    children: [/*#__PURE__*/jsxs("div", {
+      className: styles.header,
+      children: [/*#__PURE__*/jsxs("div", {
+        className: styles.bhaTile,
+        children: [/*#__PURE__*/jsx(Chip, {
+          label: drillstring === null || drillstring === void 0 ? void 0 : (_drillstring$data2 = drillstring.data) === null || _drillstring$data2 === void 0 ? void 0 : _drillstring$data2.id,
+          classes: {
+            root: classNames(styles.rootChip, _defineProperty({}, styles.selectedChip, isSelected)),
+            label: styles.chipLabel
+          }
+        }), /*#__PURE__*/jsx("span", {
+          className: styles.bhaCaption,
+          children: "BHA"
+        })]
+      }), /*#__PURE__*/jsxs("div", {
+        className: styles.componentsCount,
+        children: ["Components: ", components.length]
+      })]
+    }), components.length > 0 && /*#__PURE__*/jsx("div", {
+      className: classNames(styles.schematic, _defineProperty({}, styles.schematicMobile, isMobile)),
+      children: schematicData.map(function (component, index) {
+        return /*#__PURE__*/jsx(BHATileIcon
+        // eslint-disable-next-line react/no-array-index-key
+        , {
+          component: component,
+          width: "calc(100% / ".concat(schematicData.length, " - 1px)"),
+          height: height
+        }, "bha-tile-".concat(index));
+      })
+    }), !isMetricsHidden && !isMobile && components.length > 0 && /*#__PURE__*/jsx("div", {
+      className: styles.metricsContainer,
+      children: MetricsColumns.map(function (metric) {
+        return /*#__PURE__*/jsxs("div", {
+          className: styles.metricItem,
+          children: [/*#__PURE__*/jsxs("div", {
+            className: styles.metricItemContent,
+            children: [/*#__PURE__*/jsx("div", {
+              className: styles.metricItemLabel,
+              children: metric.label
+            }), /*#__PURE__*/jsx("div", {
+              className: styles.metricItemValue,
+              children: "0.0"
+            })]
+          }), metric.key !== 'ecd' && /*#__PURE__*/jsx("div", {
+            className: styles.metricItemSplit
+          })]
+        }, metric.key);
+      })
+    }), components.length === 0 && /*#__PURE__*/jsx("div", {
+      className: classNames(styles.noComponents, _defineProperty({}, styles.noComponentsMobile, isMobile)),
+      children: "No Components"
+    })]
+  });
+}
+BHATile.propTypes = {
+  drillstring: shape({
+    data: shape({
+      components: arrayOf(shape({}))
+    })
+  }),
+  isSelected: bool,
+  onSelect: func.isRequired,
+  height: number,
+  isMetricsHidden: bool,
+  isMobile: bool
+};
+BHATile.defaultProps = {
+  drillstring: null,
+  isSelected: false,
+  height: 16,
+  isMetricsHidden: false,
+  isMobile: false
+};
+
+export { BHATile as default };
+//# sourceMappingURL=BHATile.js.map

package/components/Drillstring/BHATileIcon.js

@@ -1 +1,81 @@
-import t from"prop-types";import{makeStyles as e,Tooltip as i}from"@material-ui/core";import{jsx as r}from"react/jsx-runtime";var a="/static/media/7dcfb5193fd2f60e28374f31ee0a26bf.svg",s={bit:"Bit",other:"Non Magnetic",pdm:"PDM",rss:"Rotary Steerables",stabilizer:"Stabilizer"},c=e({iconWrapper:{width:function(t){return t.width},height:function(t){return t.height}},tileIcon:{width:"100%",height:"100%"}});function d(t){var e,d=t.component,n=t.width,m=t.height,o=d.family,f=(d.material,c({width:n,height:m}));return e="bit"===o?"/static/media/50e73f59728296f6d5a248384d53193a.svg":"pdm"===o?"/static/media/d8f7c4b371a4666ca44cae9ec3058c26.svg":"rss"===o?"/static/media/bf34c472868f0f04afd2523062f9f363.svg":"stabilizer"===o?"/static/media/3f3100ae49e552599e0bbd9b60eb783d.svg":a,r(i,{title:s[o]||s.other,placement:"bottom",children:r("div",{className:f.iconWrapper,children:r("img",{src:e,className:f.tileIcon,alt:o})})})}d.propTypes={width:t.string.isRequired,height:t.number.isRequired,component:t.shape({family:t.string,material:t.string,bit_type:t.string}).isRequired};export{d as default};
+import PropTypes from 'prop-types';
+import { makeStyles, Tooltip } from '@material-ui/core';
+import { jsx } from 'react/jsx-runtime';
+
+var BitIcon = "/static/media/50e73f59728296f6d5a248384d53193a.svg";
+var PdmIcon = "/static/media/d8f7c4b371a4666ca44cae9ec3058c26.svg";
+var RssIcon = "/static/media/bf34c472868f0f04afd2523062f9f363.svg";
+var StabilizerIcon = "/static/media/3f3100ae49e552599e0bbd9b60eb783d.svg";
+var NonMagIcon = "/static/media/7dcfb5193fd2f60e28374f31ee0a26bf.svg";
+var TileTooltip = {
+  bit: 'Bit',
+  other: 'Non Magnetic',
+  pdm: 'PDM',
+  rss: 'Rotary Steerables',
+  stabilizer: 'Stabilizer'
+};
+var useStyles = makeStyles({
+  iconWrapper: {
+    width: function width(_ref) {
+      var _width = _ref.width;
+      return _width;
+    },
+    height: function height(_ref2) {
+      var _height = _ref2.height;
+      return _height;
+    }
+  },
+  tileIcon: {
+    width: '100%',
+    height: '100%'
+  }
+});
+function BHATileIcon(_ref3) {
+  var component = _ref3.component,
+    width = _ref3.width,
+    height = _ref3.height;
+  var family = component.family,
+    material = component.material;
+  var classes = useStyles({
+    width: width,
+    height: height
+  });
+  var icon;
+  if (family === 'bit') {
+    icon = BitIcon;
+  } else if (family === 'pdm') {
+    icon = PdmIcon;
+  } else if (family === 'rss') {
+    icon = RssIcon;
+  } else if (family === 'stabilizer') {
+    icon = StabilizerIcon;
+  } else if (family === 'other' || material === 'Non Magnetic') {
+    icon = NonMagIcon;
+  } else {
+    icon = NonMagIcon;
+  }
+  return /*#__PURE__*/jsx(Tooltip, {
+    title: TileTooltip[family] || TileTooltip.other,
+    placement: "bottom",
+    children: /*#__PURE__*/jsx("div", {
+      className: classes.iconWrapper,
+      children: /*#__PURE__*/jsx("img", {
+        src: icon,
+        className: classes.tileIcon,
+        alt: family
+      })
+    })
+  });
+}
+BHATileIcon.propTypes = {
+  width: PropTypes.string.isRequired,
+  height: PropTypes.number.isRequired,
+  component: PropTypes.shape({
+    family: PropTypes.string,
+    material: PropTypes.string,
+    bit_type: PropTypes.string
+  }).isRequired
+};
+
+export { BHATileIcon as default };
+//# sourceMappingURL=BHATileIcon.js.map

package/components/Drillstring/BHATileIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BHATileIcon.js","sources":["../../../src/components/Drillstring/BHATileIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Tooltip, makeStyles } from '@material-ui/core';\n\nimport BitIcon from './assets/small-bha/bit.svg';\nimport PdmIcon from './assets/small-bha/pdm.svg';\nimport RssIcon from './assets/small-bha/rss.svg';\nimport StabilizerIcon from './assets/small-bha/stabilizer.svg';\nimport NonMagIcon from './assets/small-bha/non-mag.svg';\n\nconst TileTooltip = {\n  bit: 'Bit',\n  other: 'Non Magnetic',\n  pdm: 'PDM',\n  rss: 'Rotary Steerables',\n  stabilizer: 'Stabilizer',\n};\n\nconst useStyles = makeStyles({\n  iconWrapper: {\n    width: ({ width }) => width,\n    height: ({ height }) => height,\n  },\n  tileIcon: {\n    width: '100%',\n    height: '100%',\n  },\n});\n\nfunction BHATileIcon({ component, width, height }) {\n  const { family, material } = component;\n  const classes = useStyles({ width, height });\n\n  let icon;\n  if (family === 'bit') {\n    icon = BitIcon;\n  } else if (family === 'pdm') {\n    icon = PdmIcon;\n  } else if (family === 'rss') {\n    icon = RssIcon;\n  } else if (family === 'stabilizer') {\n    icon = StabilizerIcon;\n  } else if (family === 'other' || material === 'Non Magnetic') {\n    icon = NonMagIcon;\n  } else {\n    icon = NonMagIcon;\n  }\n\n  return (\n    <Tooltip title={TileTooltip[family] || TileTooltip.other} placement=\"bottom\">\n      <div className={classes.iconWrapper}>\n        <img src={icon} className={classes.tileIcon} alt={family} />\n      </div>\n    </Tooltip>\n  );\n}\n\nBHATileIcon.propTypes = {\n  width: PropTypes.string.isRequired,\n  height: PropTypes.number.isRequired,\n  component: PropTypes.shape({\n    family: PropTypes.string,\n    material: PropTypes.string,\n    bit_type: PropTypes.string,\n  }).isRequired,\n};\n\nexport default BHATileIcon;\n"],"names":["TileTooltip","bit","other","pdm","rss","stabilizer","useStyles","makeStyles","iconWrapper","width","height","tileIcon","BHATileIcon","component","family","material","classes","icon","BitIcon","PdmIcon","RssIcon","StabilizerIcon","NonMagIcon","_jsx","propTypes","PropTypes","string","isRequired","number","shape","bit_type"],"mappings":";;;;AACwD,IAAA,OAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,OAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,OAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,cAAA,GAAA,oDAAA,CAAA;AAAA,IAAA,UAAA,GAAA,oDAAA,CAAA;AAQxD,IAAMA,WAAW,GAAG;AAClBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,KAAK,EAAE,cAAc;AACrBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,GAAG,EAAE,mBAAmB;AACxBC,EAAAA,UAAU,EAAE,YAAA;AACd,CAAC,CAAA;AAED,IAAMC,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,WAAW,EAAE;AACXC,IAAAA,KAAK,EAAE,SAAA,KAAA,CAAA,IAAA,EAAA;MAAA,IAAGA,MAAK,QAALA,KAAK,CAAA;AAAA,MAAA,OAAOA,MAAK,CAAA;AAAA,KAAA;AAC3BC,IAAAA,MAAM,EAAE,SAAA,MAAA,CAAA,KAAA,EAAA;MAAA,IAAGA,OAAM,SAANA,MAAM,CAAA;AAAA,MAAA,OAAOA,OAAM,CAAA;AAAA,KAAA;GAC/B;AACDC,EAAAA,QAAQ,EAAE;AACRF,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,MAAM,EAAE,MAAA;AACV,GAAA;AACF,CAAC,CAAC,CAAA;AAEF,SAASE,WAAW,CAA+B,KAAA,EAAA;EAAA,IAA5BC,SAAS,SAATA,SAAS;AAAEJ,IAAAA,KAAK,SAALA,KAAK;AAAEC,IAAAA,MAAM,SAANA,MAAM,CAAA;AAC7C,EAAA,IAAQI,MAAM,GAAeD,SAAS,CAA9BC,MAAM;IAAEC,QAAQ,GAAKF,SAAS,CAAtBE,QAAQ,CAAA;EACxB,IAAMC,OAAO,GAAGV,SAAS,CAAC;AAAEG,IAAAA,KAAK,EAALA,KAAK;AAAEC,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA;AAE5C,EAAA,IAAIO,IAAI,CAAA;EACR,IAAIH,MAAM,KAAK,KAAK,EAAE;AACpBG,IAAAA,IAAI,GAAGC,OAAO,CAAA;AAChB,GAAC,MAAM,IAAIJ,MAAM,KAAK,KAAK,EAAE;AAC3BG,IAAAA,IAAI,GAAGE,OAAO,CAAA;AAChB,GAAC,MAAM,IAAIL,MAAM,KAAK,KAAK,EAAE;AAC3BG,IAAAA,IAAI,GAAGG,OAAO,CAAA;AAChB,GAAC,MAAM,IAAIN,MAAM,KAAK,YAAY,EAAE;AAClCG,IAAAA,IAAI,GAAGI,cAAc,CAAA;GACtB,MAAM,IAAIP,MAAM,KAAK,OAAO,IAAIC,QAAQ,KAAK,cAAc,EAAE;AAC5DE,IAAAA,IAAI,GAAGK,UAAU,CAAA;AACnB,GAAC,MAAM;AACLL,IAAAA,IAAI,GAAGK,UAAU,CAAA;AACnB,GAAA;AAEA,EAAA,oBACEC,IAAC,OAAO,EAAA;IAAC,KAAK,EAAEvB,WAAW,CAACc,MAAM,CAAC,IAAId,WAAW,CAACE,KAAM;AAAC,IAAA,SAAS,EAAC,QAAQ;IAAA,QAC1E,eAAAqB,GAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEP,OAAO,CAACR,WAAY;MAAA,QAClC,eAAAe,GAAA,CAAA,KAAA,EAAA;AAAK,QAAA,GAAG,EAAEN,IAAK;QAAC,SAAS,EAAED,OAAO,CAACL,QAAS;AAAC,QAAA,GAAG,EAAEG,MAAAA;AAAO,OAAA,CAAA;AAAG,KAAA,CAAA;GAEtD,CAAA,CAAA;AAEd,CAAA;AAEAF,WAAW,CAACY,SAAS,GAAG;AACtBf,EAAAA,KAAK,EAAEgB,SAAS,CAACC,MAAM,CAACC,UAAU;AAClCjB,EAAAA,MAAM,EAAEe,SAAS,CAACG,MAAM,CAACD,UAAU;AACnCd,EAAAA,SAAS,EAAEY,SAAS,CAACI,KAAK,CAAC;IACzBf,MAAM,EAAEW,SAAS,CAACC,MAAM;IACxBX,QAAQ,EAAEU,SAAS,CAACC,MAAM;IAC1BI,QAAQ,EAAEL,SAAS,CAACC,MAAAA;AACtB,GAAC,CAAC,CAACC,UAAAA;AACL,CAAC;;;;"}

package/components/Drillstring/BhaIndicator/BhaIndicator.js

@@ -1 +1,69 @@
-import a from"@babel/runtime/helpers/defineProperty";import{oneOf as i}from"prop-types";import r from"classnames";import e from"./styles.css.js";import{jsxs as d,jsx as l}from"react/jsx-runtime";var c="left",o="right",t=function(i){var t,s=i.align;return d("div",{className:r(e.bhaIndicator,(t={},a(t,e.bhaIndicatorLeft,s===c),a(t,e.bhaIndicatorRight,s===o),t)),children:[d("div",{children:[l("div",{className:e.bhaIndicatorColorBit}),l("div",{className:e.bhaIndicatorLabel,children:"Bit"})]}),d("div",{children:[l("div",{className:e.bhaIndicatorColorUr}),l("div",{className:e.bhaIndicatorLabel,children:"Under Reamer"})]}),d("div",{children:[l("div",{className:e.bhaIndicatorColorRss}),l("div",{className:e.bhaIndicatorLabel,children:"RSS"})]}),d("div",{children:[l("div",{className:e.bhaIndicatorColorPdm}),l("div",{className:e.bhaIndicatorLabel,children:"PDM"})]}),d("div",{children:[l("div",{className:e.bhaIndicatorColorOther}),l("div",{className:e.bhaIndicatorLabel,children:"Non-mag"})]}),d("div",{children:[l("div",{className:e.bhaIndicatorColorStabilizer}),l("div",{className:e.bhaIndicatorLabel,children:"Stabilizer"})]})]})};t.propTypes={align:i(["left","right"])},t.defaultProps={align:"right"};export{t as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { oneOf } from 'prop-types';
+import classNames from 'classnames';
+import styles from './styles.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ALIGNS = {
+  left: 'left',
+  right: 'right'
+};
+var BhaIndicator = function BhaIndicator(_ref) {
+  var _classNames;
+  var align = _ref.align;
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(styles.bhaIndicator, (_classNames = {}, _defineProperty(_classNames, styles.bhaIndicatorLeft, align === ALIGNS.left), _defineProperty(_classNames, styles.bhaIndicatorRight, align === ALIGNS.right), _classNames)),
+    children: [/*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorColorBit
+      }), /*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorLabel,
+        children: "Bit"
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorColorUr
+      }), /*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorLabel,
+        children: "Under Reamer"
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorColorRss
+      }), /*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorLabel,
+        children: "RSS"
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorColorPdm
+      }), /*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorLabel,
+        children: "PDM"
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorColorOther
+      }), /*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorLabel,
+        children: "Non-mag"
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorColorStabilizer
+      }), /*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorLabel,
+        children: "Stabilizer"
+      })]
+    })]
+  });
+};
+BhaIndicator.propTypes = {
+  align: oneOf(['left', 'right'])
+};
+BhaIndicator.defaultProps = {
+  align: 'right'
+};
+
+export { BhaIndicator as default };
+//# sourceMappingURL=BhaIndicator.js.map

package/components/Drillstring/BhaIndicator/BhaIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BhaIndicator.js","sources":["../../../../src/components/Drillstring/BhaIndicator/BhaIndicator.js"],"sourcesContent":["import { oneOf } from 'prop-types';\nimport classNames from 'classnames';\n\nimport styles from './styles.css';\n\nconst ALIGNS = {\n  left: 'left',\n  right: 'right',\n};\n\nconst BhaIndicator = ({ align }) => (\n  <div\n    className={classNames(styles.bhaIndicator, {\n      [styles.bhaIndicatorLeft]: align === ALIGNS.left,\n      [styles.bhaIndicatorRight]: align === ALIGNS.right,\n    })}\n  >\n    <div>\n      <div className={styles.bhaIndicatorColorBit} />\n      <div className={styles.bhaIndicatorLabel}>Bit</div>\n    </div>\n    <div>\n      <div className={styles.bhaIndicatorColorUr} />\n      <div className={styles.bhaIndicatorLabel}>Under Reamer</div>\n    </div>\n    <div>\n      <div className={styles.bhaIndicatorColorRss} />\n      <div className={styles.bhaIndicatorLabel}>RSS</div>\n    </div>\n    <div>\n      <div className={styles.bhaIndicatorColorPdm} />\n      <div className={styles.bhaIndicatorLabel}>PDM</div>\n    </div>\n    <div>\n      <div className={styles.bhaIndicatorColorOther} />\n      <div className={styles.bhaIndicatorLabel}>Non-mag</div>\n    </div>\n    <div>\n      <div className={styles.bhaIndicatorColorStabilizer} />\n      <div className={styles.bhaIndicatorLabel}>Stabilizer</div>\n    </div>\n  </div>\n);\n\nBhaIndicator.propTypes = {\n  align: oneOf(['left', 'right']),\n};\n\nBhaIndicator.defaultProps = {\n  align: 'right',\n};\n\nexport default BhaIndicator;\n"],"names":["ALIGNS","left","right","BhaIndicator","align","_jsxs","classNames","styles","bhaIndicator","bhaIndicatorLeft","bhaIndicatorRight","_jsx","bhaIndicatorColorBit","bhaIndicatorLabel","bhaIndicatorColorUr","bhaIndicatorColorRss","bhaIndicatorColorPdm","bhaIndicatorColorOther","bhaIndicatorColorStabilizer","propTypes","oneOf","defaultProps"],"mappings":"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"}

package/components/Drillstring/BhaIndicator/styles.css.js

@@ -1 +1,8 @@
-import t from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var o={bhaIndicator:"styles_bhaIndicator__DQ-XS",bhaIndicatorRight:"styles_bhaIndicatorRight__zjldo",bhaIndicatorLeft:"styles_bhaIndicatorLeft__4o0L5",bhaIndicatorColorBit:"styles_bhaIndicatorColorBit__AOi-F",bhaIndicatorColorRss:"styles_bhaIndicatorColorRss__w--OQ",bhaIndicatorColorPdm:"styles_bhaIndicatorColorPdm__V-VSL",bhaIndicatorColorOther:"styles_bhaIndicatorColorOther__z6zBV",bhaIndicatorColorStabilizer:"styles_bhaIndicatorColorStabilizer__j7t46",bhaIndicatorColorUr:"styles_bhaIndicatorColorUr__BORpN",bhaIndicatorLabel:"styles_bhaIndicatorLabel__yr4ef",cDashboardReportAppLightTheme:"styles_cDashboardReportAppLightTheme__3aYPR"};t(".styles_bhaIndicator__DQ-XS{display:flex;height:20px;justify-content:flex-end;padding:5px 0}.styles_bhaIndicatorRight__zjldo{justify-content:flex-end}.styles_bhaIndicatorLeft__4o0L5{justify-content:flex-start}.styles_bhaIndicator__DQ-XS>div{align-items:center;display:flex}.styles_bhaIndicatorRight__zjldo>div{margin-left:10px}.styles_bhaIndicatorLeft__4o0L5>div{margin-right:10px}.styles_bhaIndicatorColorBit__AOi-F{background-color:#239fe6;height:10px;width:10px}.styles_bhaIndicatorColorRss__w--OQ{background-color:#dd375e;height:10px;width:10px}.styles_bhaIndicatorColorPdm__V-VSL{background-color:#c208df;height:10px;width:10px}.styles_bhaIndicatorColorOther__z6zBV{background-color:#8398a5;height:10px;width:10px}.styles_bhaIndicatorColorStabilizer__j7t46{background-color:#ff0;height:10px;width:10px}.styles_bhaIndicatorColorUr__BORpN{background-color:#4f4;height:10px;width:10px}.styles_bhaIndicatorLabel__yr4ef{font-size:.75rem;margin-left:5px}.styles_cDashboardReportAppLightTheme__3aYPR .styles_bhaIndicatorLabel__yr4ef{color:rgba(0,0,0,.54)}");export{o as default};
+import styleInject from './../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_bhaIndicator__DQ-XS {\n  height: 20px;\n  display: flex;\n  justify-content: flex-end;\n  padding: 5px 0;\n}\n.styles_bhaIndicatorRight__zjldo {\n  justify-content: flex-end;\n}\n.styles_bhaIndicatorLeft__4o0L5 {\n  justify-content: flex-start;\n}\n.styles_bhaIndicator__DQ-XS > div {\n  display: flex;\n  align-items: center;\n}\n.styles_bhaIndicatorRight__zjldo > div {\n  margin-left: 10px;\n}\n.styles_bhaIndicatorLeft__4o0L5 > div {\n  margin-right: 10px;\n}\n.styles_bhaIndicatorColorBit__AOi-F {\n  width: 10px;\n  height: 10px;\n  background-color: #239FE6;\n}\n.styles_bhaIndicatorColorRss__w--OQ {\n  width: 10px;\n  height: 10px;\n  background-color: #dd375e;\n}\n.styles_bhaIndicatorColorPdm__V-VSL {\n  width: 10px;\n  height: 10px;\n  background-color: #C208DF;\n}\n.styles_bhaIndicatorColorOther__z6zBV {\n  width: 10px;\n  height: 10px;\n  background-color: #8398A5;\n}\n.styles_bhaIndicatorColorStabilizer__j7t46 {\n  width: 10px;\n  height: 10px;\n  background-color: yellow;\n}\n.styles_bhaIndicatorColorUr__BORpN {\n  width: 10px;\n  height: 10px;\n  background-color: #44ff44;\n}\n.styles_bhaIndicatorLabel__yr4ef {\n  font-size: 0.75rem;\n  margin-left: 5px;\n}\n.styles_cDashboardReportAppLightTheme__3aYPR .styles_bhaIndicatorLabel__yr4ef {\n  color: rgba(0, 0, 0, 0.54);\n}\n";
+var styles = {"bhaIndicator":"styles_bhaIndicator__DQ-XS","bhaIndicatorRight":"styles_bhaIndicatorRight__zjldo","bhaIndicatorLeft":"styles_bhaIndicatorLeft__4o0L5","bhaIndicatorColorBit":"styles_bhaIndicatorColorBit__AOi-F","bhaIndicatorColorRss":"styles_bhaIndicatorColorRss__w--OQ","bhaIndicatorColorPdm":"styles_bhaIndicatorColorPdm__V-VSL","bhaIndicatorColorOther":"styles_bhaIndicatorColorOther__z6zBV","bhaIndicatorColorStabilizer":"styles_bhaIndicatorColorStabilizer__j7t46","bhaIndicatorColorUr":"styles_bhaIndicatorColorUr__BORpN","bhaIndicatorLabel":"styles_bhaIndicatorLabel__yr4ef","cDashboardReportAppLightTheme":"styles_cDashboardReportAppLightTheme__3aYPR"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=styles.css.js.map

package/components/Drillstring/BhaIndicator/styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,yDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}

package/components/Drillstring/DrillstringDetail/DrillstringDetail.js

@@ -1 +1,87 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{shape as i,number as n,string as r,func as t}from"prop-types";import{useState as o,useMemo as l}from"react";import{Button as a,Dialog as d,DialogContent as s}from"@material-ui/core";import c from"../BHATable/index.js";import p from"../BHAComponentDetail/index.js";import m from"./styles.css.js";import{convertValue as u}from"../../../utils/index.js";import{jsxs as f,jsx as h}from"react/jsx-runtime";var v=function(i){var n,r,t,v=i.onDone,T=i.drillStringInfo,D=i.holeDepth,N=i.unit,j=o(),x=e(j,2),A=x[0],C=x[1],S=null===(n=T.data)||void 0===n?void 0:n.id,q=Math.floor(u(null===(r=T.data)||void 0===r?void 0:r.start_depth,"length","ft")),y=(null===(t=T.data)||void 0===t?void 0:t.components)||[],B=l((function(){return y.find((function(e){return e.id===A}))}),[y,A]);return f("div",{className:m.detailsPane,children:[f("header",{children:[h(a,{variant:"contained",className:m.detailDone,onClick:v,children:"Close"}),f("div",{className:m.detailTitleGroup,children:[h("span",{className:m.detailTitle,children:"BHA Details"}),h("span",{className:m.detailTitleSeparator,children:" · "}),f("span",{className:m.detailTitleMore,children:["BHA # ",S]}),h("span",{className:m.detailTitleSeparator,children:" · "}),h("span",{className:m.detailTitleMore,children:"".concat(q," - ").concat(D," ").concat(N)})]})]}),h(c,{components:y,onSelectComponent:function(e){var i=e.id;return C(i)}}),h(d,{open:!!A,onClose:function(){return C(null)},scroll:"paper",children:h(s,{children:h(p,{component:B,onDone:function(){return C(null)}})})})]})};v.propTypes={drillStringInfo:i().isRequired,holeDepth:n.isRequired,unit:r.isRequired,onDone:t.isRequired};export{v as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { shape, number, string, func } from 'prop-types';
+import { useState, useMemo } from 'react';
+import { Button, Dialog, DialogContent } from '@material-ui/core';
+import BHATable from '../BHATable/index.js';
+import BHAComponentDetail from '../BHAComponentDetail/index.js';
+import styles from './styles.css.js';
+import { convertValue } from '../../../utils/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DrillstringDetail = function DrillstringDetail(_ref) {
+  var _drillStringInfo$data, _drillStringInfo$data2, _drillStringInfo$data3;
+  var onDone = _ref.onDone,
+    drillStringInfo = _ref.drillStringInfo,
+    holeDepth = _ref.holeDepth,
+    unit = _ref.unit;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedComponentId = _useState2[0],
+    setSelectedComponentId = _useState2[1];
+  var bhaId = (_drillStringInfo$data = drillStringInfo.data) === null || _drillStringInfo$data === void 0 ? void 0 : _drillStringInfo$data.id;
+  var startDepth = Math.floor(convertValue((_drillStringInfo$data2 = drillStringInfo.data) === null || _drillStringInfo$data2 === void 0 ? void 0 : _drillStringInfo$data2.start_depth, 'length', 'ft'));
+  var bhaComponents = ((_drillStringInfo$data3 = drillStringInfo.data) === null || _drillStringInfo$data3 === void 0 ? void 0 : _drillStringInfo$data3.components) || [];
+  var selectedBHAComponent = useMemo(function () {
+    return bhaComponents.find(function (component) {
+      return component.id === selectedComponentId;
+    });
+  }, [bhaComponents, selectedComponentId]);
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.detailsPane,
+    children: [/*#__PURE__*/jsxs("header", {
+      children: [/*#__PURE__*/jsx(Button, {
+        variant: "contained",
+        className: styles.detailDone,
+        onClick: onDone,
+        children: "Close"
+      }), /*#__PURE__*/jsxs("div", {
+        className: styles.detailTitleGroup,
+        children: [/*#__PURE__*/jsx("span", {
+          className: styles.detailTitle,
+          children: "BHA Details"
+        }), /*#__PURE__*/jsx("span", {
+          className: styles.detailTitleSeparator,
+          children: " \xB7 "
+        }), /*#__PURE__*/jsxs("span", {
+          className: styles.detailTitleMore,
+          children: ["BHA # ", bhaId]
+        }), /*#__PURE__*/jsx("span", {
+          className: styles.detailTitleSeparator,
+          children: " \xB7 "
+        }), /*#__PURE__*/jsx("span", {
+          className: styles.detailTitleMore,
+          children: "".concat(startDepth, " - ").concat(holeDepth, " ").concat(unit)
+        })]
+      })]
+    }), /*#__PURE__*/jsx(BHATable, {
+      components: bhaComponents,
+      onSelectComponent: function onSelectComponent(_ref2) {
+        var id = _ref2.id;
+        return setSelectedComponentId(id);
+      }
+    }), /*#__PURE__*/jsx(Dialog, {
+      open: !!selectedComponentId,
+      onClose: function onClose() {
+        return setSelectedComponentId(null);
+      },
+      scroll: "paper",
+      children: /*#__PURE__*/jsx(DialogContent, {
+        children: /*#__PURE__*/jsx(BHAComponentDetail, {
+          component: selectedBHAComponent,
+          onDone: function onDone() {
+            return setSelectedComponentId(null);
+          }
+        })
+      })
+    })]
+  });
+};
+DrillstringDetail.propTypes = {
+  drillStringInfo: shape().isRequired,
+  holeDepth: number.isRequired,
+  unit: string.isRequired,
+  onDone: func.isRequired
+};
+
+export { DrillstringDetail as default };
+//# sourceMappingURL=DrillstringDetail.js.map