@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/Drillstring/BHATile/BHATile.js

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

package/components/Drillstring/BHATileIcon.js

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

package/components/Drillstring/BhaIndicator/BhaIndicator.js

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

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

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

package/components/Drillstring/DrillstringDetail/DrillstringDetail.js

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

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

@@ -1,8 +1 @@
-import styleInject from './../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".styles_detailsPane__Tis-d header {\n  border-bottom: 1px solid #888;\n}\n\n.styles_detailTitleGroup__71Svc {\n  padding: 12px;\n}\n\n.styles_detailTitle__zzIr1 {\n  font-weight: bold;\n  font-size: 2rem;\n  margin-top: 0px;\n  color: #ccc;\n}\n\n.styles_detailTitleSeparator__9vMfR {\n  font-size: 2rem;\n  font-weight: bold;\n  margin-left: 10px;\n  margin-right: 10px;\n}\n\n.styles_detailTitleMore__YXkV2 {\n  font-size: 1.5rem;\n}\n\n.styles_detailDone__vrZYN {\n  float: right;\n}\n";
-var styles = {"detailsPane":"styles_detailsPane__Tis-d","detailTitleGroup":"styles_detailTitleGroup__71Svc","detailTitle":"styles_detailTitle__zzIr1","detailTitleSeparator":"styles_detailTitleSeparator__9vMfR","detailTitleMore":"styles_detailTitleMore__YXkV2","detailDone":"styles_detailDone__vrZYN"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=styles.css.js.map
+import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var t={detailsPane:"styles_detailsPane__Tis-d",detailTitleGroup:"styles_detailTitleGroup__71Svc",detailTitle:"styles_detailTitle__zzIr1",detailTitleSeparator:"styles_detailTitleSeparator__9vMfR",detailTitleMore:"styles_detailTitleMore__YXkV2",detailDone:"styles_detailDone__vrZYN"};e(".styles_detailsPane__Tis-d header{border-bottom:1px solid #888}.styles_detailTitleGroup__71Svc{padding:12px}.styles_detailTitle__zzIr1{color:#ccc;font-size:2rem;font-weight:700;margin-top:0}.styles_detailTitleSeparator__9vMfR{font-size:2rem;font-weight:700;margin-left:10px;margin-right:10px}.styles_detailTitleMore__YXkV2{font-size:1.5rem}.styles_detailDone__vrZYN{float:right}");export{t as default};