@corva/ui 0.65.0-1-test → 0.65.0-2

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

@@ -1,8 +1 @@
-import styleInject from './../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".styles_tileContainer__YiWVV {\n  width: 100%;\n  background: var(--palette-background-b-7);\n  border-radius: 4px;\n  padding: 10px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  border: 2px solid var(--palette-background-b-7);\n}\n\n.styles_tileContainer__YiWVV:hover {\n  background: rgba(51, 51, 51, 0.7);\n  cursor: pointer;\n}\n\n.styles_selected__YtG4z {\n  background: var(--palette-background-b-4);\n  border: 2px solid var(--palette-primary-main);\n}\n\n.styles_selected__YtG4z:hover {\n  background: rgba(33, 33, 33, 0.7);\n}\n\n.styles_rootChip__ccC3m {\n  background-color: var(--palette-info-main) !important;\n  text-align: center;\n  min-width: 24px;\n  height: 24px !important;\n  padding: 5px 7px;\n}\n\n.styles_selectedChip__iAYyA {\n  background-color: var(--palette-primary-main) !important;\n}\n\n.styles_chipLabel__hLL9A {\n  padding: 0px !important;\n  color: var(--palette-primary-text-1) !important;\n  font-size: 16px !important;\n  font-weight: 700;\n}\n\n.styles_chipLabel__hLL9A:hover {\n  background-color: var(--palette-info-main);\n}\n\n.styles_header__6PHB6 {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: 30px;\n}\n\n.styles_bhaTile__o7ZZE {\n  display: flex;\n  align-items: center;\n}\n\n.styles_bhaCaption__wC-sn {\n  margin-left: 8px;\n  font-weight: 500;\n  font-size: 18px;\n  line-height: 22px;\n  color: var(--palette-primary-text-1);\n}\n\n.styles_componentsCount__SIzH- {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--palette-background-b-9);\n  border-radius: 4px;\n  color: var(--palette-primary-text-6);\n  font-size: 12px;\n  line-height: 14px;\n  font-weight: 700;\n  letter-spacing: 0.18px;\n  padding: 3px 12px;\n}\n\n.styles_schematic__bvkTg {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  padding: 24px 0px 20px;\n  gap: 1px;\n}\n\n.styles_schematicMobile__p3wrE {\n  padding-bottom: 0;\n}\n\n.styles_metricsContainer__ptXdU {\n  display: flex;\n  margin-left: -12px;\n}\n\n.styles_metricItem__e-tIf {\n  display: flex;\n  flex: 1;\n  padding-left: 12px;\n}\n\n.styles_metricItemContent__kfqAi {\n  flex: 1;\n}\n\n.styles_metricItemSplit__IGaAd {\n  margin: 6px 0px;\n  width: 1px;\n  background: #545454;\n}\n\n.styles_metricItemLabel__iUByx {\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.4px;\n  color: var(--palette-primary-text-6);\n}\n\n.styles_metricItemValue__mpInn {\n  margin-top: 4px;\n  font-weight: 500;\n  font-size: 24px;\n  line-height: 24px;\n  color: var(--palette-primary-text-1);\n}\n\n.styles_noComponents__om27N {\n  padding: 16px 0px 20px;\n  font-style: italic;\n  font-weight: 400;\n  font-size: 20px;\n  line-height: 24px;\n  text-align: center;\n  color: var(--palette-primary-text-7);\n}\n\n.styles_noComponentsMobile__3eX2z {\n  padding: 9px 0px 4px;\n  line-height: 19px;\n  font-size: 16px;\n}\n";
-var styles = {"tileContainer":"styles_tileContainer__YiWVV","selected":"styles_selected__YtG4z","rootChip":"styles_rootChip__ccC3m","selectedChip":"styles_selectedChip__iAYyA","chipLabel":"styles_chipLabel__hLL9A","header":"styles_header__6PHB6","bhaTile":"styles_bhaTile__o7ZZE","bhaCaption":"styles_bhaCaption__wC-sn","componentsCount":"styles_componentsCount__SIzH-","schematic":"styles_schematic__bvkTg","schematicMobile":"styles_schematicMobile__p3wrE","metricsContainer":"styles_metricsContainer__ptXdU","metricItem":"styles_metricItem__e-tIf","metricItemContent":"styles_metricItemContent__kfqAi","metricItemSplit":"styles_metricItemSplit__IGaAd","metricItemLabel":"styles_metricItemLabel__iUByx","metricItemValue":"styles_metricItemValue__mpInn","noComponents":"styles_noComponents__om27N","noComponentsMobile":"styles_noComponentsMobile__3eX2z"};
-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={tileContainer:"styles_tileContainer__YiWVV",selected:"styles_selected__YtG4z",rootChip:"styles_rootChip__ccC3m",selectedChip:"styles_selectedChip__iAYyA",chipLabel:"styles_chipLabel__hLL9A",header:"styles_header__6PHB6",bhaTile:"styles_bhaTile__o7ZZE",bhaCaption:"styles_bhaCaption__wC-sn",componentsCount:"styles_componentsCount__SIzH-",schematic:"styles_schematic__bvkTg",schematicMobile:"styles_schematicMobile__p3wrE",metricsContainer:"styles_metricsContainer__ptXdU",metricItem:"styles_metricItem__e-tIf",metricItemContent:"styles_metricItemContent__kfqAi",metricItemSplit:"styles_metricItemSplit__IGaAd",metricItemLabel:"styles_metricItemLabel__iUByx",metricItemValue:"styles_metricItemValue__mpInn",noComponents:"styles_noComponents__om27N",noComponentsMobile:"styles_noComponentsMobile__3eX2z"};e(".styles_tileContainer__YiWVV{background:var(--palette-background-b-7);border:2px solid var(--palette-background-b-7);border-radius:4px;display:flex;flex-direction:column;justify-content:space-between;padding:10px;width:100%}.styles_tileContainer__YiWVV:hover{background:rgba(51,51,51,.7);cursor:pointer}.styles_selected__YtG4z{background:var(--palette-background-b-4);border:2px solid var(--palette-primary-main)}.styles_selected__YtG4z:hover{background:rgba(33,33,33,.7)}.styles_rootChip__ccC3m{background-color:var(--palette-info-main)!important;height:24px!important;min-width:24px;padding:5px 7px;text-align:center}.styles_selectedChip__iAYyA{background-color:var(--palette-primary-main)!important}.styles_chipLabel__hLL9A{color:var(--palette-primary-text-1)!important;font-size:16px!important;font-weight:700;padding:0!important}.styles_chipLabel__hLL9A:hover{background-color:var(--palette-info-main)}.styles_header__6PHB6{height:30px;justify-content:space-between}.styles_bhaTile__o7ZZE,.styles_header__6PHB6{align-items:center;display:flex}.styles_bhaCaption__wC-sn{color:var(--palette-primary-text-1);font-size:18px;font-weight:500;line-height:22px;margin-left:8px}.styles_componentsCount__SIzH-{align-items:center;background:var(--palette-background-b-9);border-radius:4px;color:var(--palette-primary-text-6);display:flex;font-size:12px;font-weight:700;justify-content:center;letter-spacing:.18px;line-height:14px;padding:3px 12px}.styles_schematic__bvkTg{display:flex;flex-direction:row;gap:1px;padding:24px 0 20px;width:100%}.styles_schematicMobile__p3wrE{padding-bottom:0}.styles_metricsContainer__ptXdU{display:flex;margin-left:-12px}.styles_metricItem__e-tIf{display:flex;flex:1;padding-left:12px}.styles_metricItemContent__kfqAi{flex:1}.styles_metricItemSplit__IGaAd{background:#545454;margin:6px 0;width:1px}.styles_metricItemLabel__iUByx{color:var(--palette-primary-text-6);font-size:12px;font-weight:400;letter-spacing:.4px;line-height:16px}.styles_metricItemValue__mpInn{color:var(--palette-primary-text-1);font-size:24px;font-weight:500;line-height:24px;margin-top:4px}.styles_noComponents__om27N{color:var(--palette-primary-text-7);font-size:20px;font-style:italic;font-weight:400;line-height:24px;padding:16px 0 20px;text-align:center}.styles_noComponentsMobile__3eX2z{font-size:16px;line-height:19px;padding:9px 0 4px}");export{t as default};

package/components/Drillstring/BHATileIcon.js

@@ -1,61 +1 @@
-import PropTypes from 'prop-types';
-import { 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'
-};
-function BHATileIcon(_ref) {
-  var component = _ref.component,
-    width = _ref.width,
-    height = _ref.height;
-  var family = component.family,
-    material = component.material;
-  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("img", {
-      src: icon,
-      style: {
-        width: width,
-        height: height
-      },
-      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{Tooltip as e}from"@material-ui/core";import{jsx as i}from"react/jsx-runtime";var a="/static/media/7dcfb5193fd2f60e28374f31ee0a26bf.svg",r={bit:"Bit",other:"Non Magnetic",pdm:"PDM",rss:"Rotary Steerables",stabilizer:"Stabilizer"};function s(t){var s=t.component,m=t.width,d=t.height,f=s.family;s.material;return i(e,{title:r[f]||r.other,placement:"bottom",children:i("img",{src:"bit"===f?"/static/media/50e73f59728296f6d5a248384d53193a.svg":"pdm"===f?"/static/media/d8f7c4b371a4666ca44cae9ec3058c26.svg":"rss"===f?"/static/media/bf34c472868f0f04afd2523062f9f363.svg":"stabilizer"===f?"/static/media/3f3100ae49e552599e0bbd9b60eb783d.svg":a,style:{width:m,height:d},alt:f})})}s.propTypes={width:t.string.isRequired,height:t.number.isRequired,component:t.shape({family:t.string,material:t.string,bit_type:t.string}).isRequired};export{s 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 { convertValue } from '../../../utils/index.js';
-import BHATable from '../BHATable/index.js';
-import BHAComponentDetail from '../BHAComponentDetail/index.js';
-import styles from './styles.css.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{convertValue as c}from"../../../utils/index.js";import p from"../BHATable/index.js";import m from"../BHAComponentDetail/index.js";import u from"./styles.css.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(c(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:u.detailsPane,children:[f("header",{children:[h(a,{variant:"contained",className:u.detailDone,onClick:v,children:"Close"}),f("div",{className:u.detailTitleGroup,children:[h("span",{className:u.detailTitle,children:"BHA Details"}),h("span",{className:u.detailTitleSeparator,children:" · "}),f("span",{className:u.detailTitleMore,children:["BHA # ",S]}),h("span",{className:u.detailTitleSeparator,children:" · "}),h("span",{className:u.detailTitleMore,children:"".concat(q," - ").concat(D," ").concat(N)})]})]}),h(p,{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(m,{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};

package/components/EditableItem/EditableItem/index.js

@@ -1,252 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { makeStyles, ClickAwayListener, TextField, Tooltip, InputAdornment } from '@material-ui/core';
-import EditIcon from '@material-ui/icons/Edit';
-import CloseIcon from '@material-ui/icons/Close';
-import DoneIcon from '@material-ui/icons/Done';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    editableItem: {
-      width: '100%',
-      height: 36,
-      position: 'relative',
-      backgroundColor: theme.palette.background.b8,
-      '&:hover': {
-        backgroundColor: 'rgba(3, 188, 212, 0.07)'
-      },
-      '&:hover svg': {
-        visibility: 'visible'
-      }
-    },
-    editableItemActive: {
-      backgroundColor: 'rgba(3, 188, 212, 0.15)  !important'
-    },
-    value: {
-      color: theme.palette.primary.text6,
-      fontSize: '0.875rem',
-      height: '100%',
-      letterSpacing: '.13132px',
-      lineHeight: '36px',
-      overflow: 'hidden',
-      paddingLeft: 48,
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap',
-      width: 'calc(100% - 32px)',
-      userSelect: 'none'
-    },
-    textField: {
-      width: '100%'
-    },
-    inputRoot: {
-      height: 36,
-      paddingLeft: 48,
-      fontSize: '0.875rem'
-    },
-    inputDisabled: {
-      backgroundColor: 'unset',
-      paddingRight: 16,
-      '&::before': {
-        display: 'none'
-      },
-      pointerEvents: 'none'
-    },
-    // TODO: remove icon styles when Icon component is implemented
-    icon: {
-      boxSizing: 'content-box',
-      cursor: 'pointer',
-      color: theme.palette.primary.text6,
-      padding: 7,
-      fontSize: '1rem',
-      '&:hover': {
-        color: '#FFFFFF',
-        backgroundColor: 'rgba(51, 51, 51, 0.9)',
-        borderRadius: '50%'
-      },
-      '&:target': {
-        backgroundColor: theme.palette.background.b9
-      }
-    },
-    iconPrimary: {
-      color: theme.palette.primary.main
-    },
-    iconPrimaryDisabled: {
-      color: theme.palette.primary.main,
-      opacity: 0.4,
-      cursor: 'default',
-      pointerEvents: 'none'
-    },
-    iconClose: {
-      fill: "".concat(theme.palette.primary.text6, " !important"),
-      '&:hover': {
-        fill: '#FFFFFF !important'
-      }
-    },
-    iconEdit: {
-      position: 'absolute',
-      right: 4,
-      top: 3,
-      visibility: 'hidden'
-    },
-    inputAdornment: {
-      marginTop: 1,
-      marginRight: 4
-    }
-  };
-});
-var EditableItem = function EditableItem(_ref) {
-  var className = _ref.className,
-    isEditable = _ref.isEditable,
-    isEditingInitial = _ref.isEditing,
-    onClick = _ref.onClick,
-    onClickAway = _ref.onClickAway,
-    onCancel = _ref.onCancel,
-    onSave = _ref.onSave,
-    initialValue = _ref.value;
-  var _useState = useState(initialValue),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var _useState3 = useState(isEditingInitial),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isEditing = _useState4[0],
-    setIsEditing = _useState4[1];
-  var classes = useStyles();
-  var handleSave = function handleSave(e) {
-    e.stopPropagation();
-    if (!value.length) return;
-    if (value !== initialValue) onSave(value).then(function () {
-      return setIsEditing(false);
-    });
-  };
-  useEffect(function () {
-    var handleKeyDown = function handleKeyDown(e) {
-      if (e.key === 'Escape' || e.key === 'Esc') {
-        setValue(initialValue);
-        setIsEditing(false);
-        onClickAway();
-      } else if (e.key === 'Enter') {
-        handleSave(e);
-      }
-    };
-    if (isEditing) {
-      document.addEventListener('keydown', handleKeyDown);
-    }
-    return function () {
-      return document.removeEventListener('keydown', handleKeyDown);
-    };
-  }, [isEditing, initialValue, value]);
-  var handleClickAway = function handleClickAway() {
-    setValue(initialValue);
-    setIsEditing(false);
-    onClickAway();
-  };
-  var handleCancel = function handleCancel(e) {
-    e.stopPropagation();
-    setValue(initialValue);
-    setIsEditing(false);
-    onCancel();
-  };
-  useEffect(function () {
-    setValue(initialValue);
-  }, [initialValue]);
-  var handleChange = function handleChange(e) {
-    e.stopPropagation();
-    setValue(e.target.value);
-  };
-  var handleEdit = function handleEdit(e) {
-    e.stopPropagation();
-    setIsEditing(true);
-  };
-  var getInputAdornment = function getInputAdornment() {
-    if (!isEditing) return null;
-    return /*#__PURE__*/jsx(InputAdornment, {
-      position: "end",
-      children: /*#__PURE__*/jsxs("span", {
-        className: classes.inputAdornment,
-        children: [/*#__PURE__*/jsx(Tooltip, {
-          title: "Cancel",
-          placement: "bottom-end",
-          children: /*#__PURE__*/jsx(CloseIcon, {
-            className: classNames(classes.icon, classes.iconClose),
-            onClick: handleCancel,
-            fontSize: "small"
-          })
-        }), /*#__PURE__*/jsx(Tooltip, {
-          title: "Save",
-          placement: "bottom-end",
-          children: /*#__PURE__*/jsx(DoneIcon, {
-            color: value === initialValue ? 'disabled' : 'primary',
-            onClick: handleSave,
-            fontSize: "small",
-            disabled: value === initialValue,
-            classes: {
-              root: classes.icon,
-              colorPrimary: classes.iconPrimary,
-              colorDisabled: classes.iconPrimaryDisabled
-            }
-          })
-        })]
-      })
-    });
-  };
-  var editableInputClassName = classNames(classes.editableItem, _defineProperty({}, classes.editableItemActive, isEditing), className);
-  return /*#__PURE__*/jsxs("div", {
-    className: editableInputClassName,
-    onClick: onClick,
-    children: [!isEditing && /*#__PURE__*/jsx("div", {
-      className: classes.value,
-      children: value
-    }), isEditing && /*#__PURE__*/jsx(ClickAwayListener, {
-      onClickAway: handleClickAway,
-      children: /*#__PURE__*/jsx(TextField, {
-        autoFocus: true,
-        type: "text",
-        value: value,
-        onChange: handleChange,
-        placeholder: "Page Name...",
-        className: classes.textField,
-        InputProps: {
-          classes: {
-            root: classes.inputRoot
-          },
-          endAdornment: getInputAdornment()
-        }
-      })
-    }), isEditable && !isEditing && /*#__PURE__*/jsx(Tooltip, {
-      title: "Rename Page",
-      placement: "bottom-end",
-      children: /*#__PURE__*/jsx(EditIcon, {
-        className: classNames(classes.icon, classes.iconEdit),
-        onClick: handleEdit,
-        fontSize: "small"
-      })
-    })]
-  });
-};
-var editableItemPropTypes = {
-  className: PropTypes.string,
-  isEditable: PropTypes.bool,
-  isEditing: PropTypes.bool,
-  onClick: PropTypes.func,
-  onSave: PropTypes.func.isRequired,
-  onClickAway: PropTypes.func,
-  onCancel: PropTypes.func,
-  value: PropTypes.string.isRequired
-};
-EditableItem.propTypes = editableItemPropTypes;
-EditableItem.defaultProps = {
-  className: '',
-  isEditable: true,
-  isEditing: false,
-  onClick: function onClick() {},
-  onClickAway: function onClickAway() {},
-  onCancel: function onCancel() {}
-};
-
-export { EditableItem as default };
-//# sourceMappingURL=index.js.map
+import{__assign as e}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsxs as o,jsx as i}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import r from"prop-types";import a from"classnames";import{makeStyles as l,ClickAwayListener as c,TextField as s,Tooltip as d,InputAdornment as m}from"@material-ui/core";import p from"@material-ui/icons/Edit";import u from"@material-ui/icons/Close";import f from"@material-ui/icons/Done";var g=l((function(e){return{editableItem:{width:"100%",height:36,position:"relative",backgroundColor:e.palette.background.b8,"&:hover":{backgroundColor:"rgba(3, 188, 212, 0.07)"},"&:hover svg":{visibility:"visible"}},editableItemActive:{backgroundColor:"rgba(3, 188, 212, 0.15)  !important"},value:{color:e.palette.primary.text6,fontSize:"0.875rem",height:"100%",letterSpacing:".13132px",lineHeight:"36px",overflow:"hidden",paddingLeft:48,textOverflow:"ellipsis",whiteSpace:"nowrap",width:"calc(100% - 32px)",userSelect:"none"},textField:{width:"100%"},inputRoot:{height:36,paddingLeft:48,fontSize:"0.875rem"},inputDisabled:{backgroundColor:"unset",paddingRight:16,"&::before":{display:"none"},pointerEvents:"none"},icon:{boxSizing:"content-box",cursor:"pointer",color:e.palette.primary.text6,padding:7,fontSize:"1rem","&:hover":{color:"#FFFFFF",backgroundColor:"rgba(51, 51, 51, 0.9)",borderRadius:"50%"},"&:target":{backgroundColor:e.palette.background.b9}},iconPrimary:{color:e.palette.primary.main},iconPrimaryDisabled:{color:e.palette.primary.main,opacity:.4,cursor:"default",pointerEvents:"none"},iconClose:{fill:"".concat(e.palette.primary.text6," !important"),"&:hover":{fill:"#FFFFFF !important"}},iconEdit:{position:"absolute",right:4,top:3,visibility:"hidden"},inputAdornment:{marginTop:1,marginRight:4}}})),b=function(r){var l,b=r.className,v=r.isEditable,h=r.isEditing,y=r.onClick,C=r.onClickAway,k=r.onCancel,E=r.onSave,F=r.value,x=t(F),w=x[0],P=x[1],S=t(h),N=S[0],A=S[1],R=g(),z=function(e){e.stopPropagation(),w.length&&w!==F&&E(w).then((function(){return A(!1)}))};n((function(){var e=function(e){"Escape"===e.key||"Esc"===e.key?(P(F),A(!1),C()):"Enter"===e.key&&z(e)};return N&&document.addEventListener("keydown",e),function(){return document.removeEventListener("keydown",e)}}),[N,F,w]);var D=function(e){e.stopPropagation(),P(F),A(!1),k()};n((function(){P(F)}),[F]);var I=a(R.editableItem,((l={})[R.editableItemActive]=N,l),b);return o("div",e({className:I,onClick:y},{children:[!N&&i("div",e({className:R.value},{children:w})),N&&i(c,e({onClickAway:function(){P(F),A(!1),C()}},{children:i(s,{autoFocus:!0,type:"text",value:w,onChange:function(e){e.stopPropagation(),P(e.target.value)},placeholder:"Page Name...",className:R.textField,InputProps:{classes:{root:R.inputRoot},endAdornment:N?i(m,e({position:"end"},{children:o("span",e({className:R.inputAdornment},{children:[i(d,e({title:"Cancel",placement:"bottom-end"},{children:i(u,{className:a(R.icon,R.iconClose),onClick:D,fontSize:"small"})})),i(d,e({title:"Save",placement:"bottom-end"},{children:i(f,{color:w===F?"disabled":"primary",onClick:z,fontSize:"small",disabled:w===F,classes:{root:R.icon,colorPrimary:R.iconPrimary,colorDisabled:R.iconPrimaryDisabled}})}))]}))})):null}})})),v&&!N&&i(d,e({title:"Rename Page",placement:"bottom-end"},{children:i(p,{className:a(R.icon,R.iconEdit),onClick:function(e){e.stopPropagation(),A(!0)},fontSize:"small"})}))]}))},v={className:r.string,isEditable:r.bool,isEditing:r.bool,onClick:r.func,onSave:r.func.isRequired,onClickAway:r.func,onCancel:r.func,value:r.string.isRequired};b.propTypes=v,b.defaultProps={className:"",isEditable:!0,isEditing:!1,onClick:function(){},onClickAway:function(){},onCancel:function(){}};export{b as default};

package/components/EditableItem/EditableItemWithBadge/index.js

@@ -1,47 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { makeStyles } from '@material-ui/core';
-import PropTypes from 'prop-types';
-import EditableItem from '../EditableItem/index.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var useStyles = makeStyles(function (theme) {
-  return {
-    root: {
-      cursor: 'pointer'
-    },
-    isSelected: {
-      '& > div': {
-        color: '#FFFFFF'
-      },
-      backgroundColor: 'rgba(3, 188, 212, 0.15)  !important',
-      '&::before': {
-        height: '100%',
-        width: 4,
-        backgroundColor: theme.palette.primary.main,
-        position: 'absolute',
-        content: '""',
-        borderRadius: '4px 0 0 4px',
-        zIndex: 1
-      }
-    }
-  };
-});
-var EditableItemWithBadge = function EditableItemWithBadge(props) {
-  var isSelected = props.isSelected;
-  var classes = useStyles();
-  return /*#__PURE__*/jsx(EditableItem, _objectSpread(_objectSpread({}, props), {}, {
-    className: isSelected ? classes.isSelected : classes.root
-  }));
-};
-EditableItemWithBadge.propTypes = {
-  isSelected: PropTypes.bool,
-  children: PropTypes.node.isRequired
-};
-EditableItemWithBadge.defaultProps = {
-  isSelected: false
-};
-
-export { EditableItemWithBadge as default };
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/defineProperty";import{makeStyles as r}from"@material-ui/core";import t from"prop-types";import o from"../EditableItem/index.js";import{jsx as i}from"react/jsx-runtime";function n(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function c(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?n(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var p=r((function(e){return{root:{cursor:"pointer"},isSelected:{"& > div":{color:"#FFFFFF"},backgroundColor:"rgba(3, 188, 212, 0.15)  !important","&::before":{height:"100%",width:4,backgroundColor:e.palette.primary.main,position:"absolute",content:'""',borderRadius:"4px 0 0 4px",zIndex:1}}}})),s=function(e){var r=e.isSelected,t=p();return i(o,c(c({},e),{},{className:r?t.isSelected:t.root}))};s.propTypes={isSelected:t.bool,children:t.node.isRequired},s.defaultProps={isSelected:!1};export{s as default};