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

package/components/Drillstring/BHAList/BHAList.js

@@ -1,111 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState } from 'react';
-import { bool, arrayOf, shape, string, func } from 'prop-types';
-import classNames from 'classnames';
-import { get } from 'lodash';
-import { Tooltip, Accordion, AccordionSummary, AccordionDetails } from '@material-ui/core';
-import ExpandMore from '@material-ui/icons/ExpandMore';
-import Counter from '../../Counter/index.js';
-import BHATile from '../BHATile/BHATile.js';
-import styles from './styles.css.js';
-import { jsxs, 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; }
-function BHAList(_ref) {
-  var isMobile = _ref.isMobile,
-    drillstringsBySection = _ref.drillstringsBySection,
-    selectedBha = _ref.selectedBha,
-    isMetricsHidden = _ref.isMetricsHidden,
-    onSelectBha = _ref.onSelectBha,
-    contentClassName = _ref.contentClassName;
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    sectionsToggleState = _useState2[0],
-    setSectionsToggleState = _useState2[1];
-  var handleToggleSection = function handleToggleSection(targetSection) {
-    setSectionsToggleState(function (prev) {
-      return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, targetSection.name, !prev[targetSection.name]));
-    });
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: styles.bhaListContainer,
-    children: [/*#__PURE__*/jsx("div", {
-      className: classNames(styles.bhaList, contentClassName),
-      children: drillstringsBySection.map(function (section) {
-        var _section$drillstrings, _section$drillstrings2;
-        return /*#__PURE__*/jsx(Tooltip, {
-          title: (section === null || section === void 0 ? void 0 : (_section$drillstrings = section.drillstrings) === null || _section$drillstrings === void 0 ? void 0 : _section$drillstrings.length) === 0 ? 'No BHA in section' : '',
-          placement: "bottom-start",
-          children: /*#__PURE__*/jsxs(Accordion, {
-            expanded: !sectionsToggleState[section.name],
-            disabled: (section === null || section === void 0 ? void 0 : (_section$drillstrings2 = section.drillstrings) === null || _section$drillstrings2 === void 0 ? void 0 : _section$drillstrings2.length) === 0,
-            classes: {
-              root: styles.accordionRoot
-            },
-            onChange: function onChange() {
-              return handleToggleSection(section);
-            },
-            children: [/*#__PURE__*/jsxs(AccordionSummary, {
-              expandIcon: /*#__PURE__*/jsx(ExpandMore, {}),
-              classes: {
-                root: styles.accordionSummaryRoot,
-                content: styles.accordionSummaryContent
-              },
-              children: [section.name, /*#__PURE__*/jsx(Counter, {
-                size: "medium",
-                label: section === null || section === void 0 ? void 0 : section.drillstrings.length,
-                className: styles.counter
-              })]
-            }), /*#__PURE__*/jsx(AccordionDetails, {
-              children: /*#__PURE__*/jsx("div", {
-                className: styles.sectionContent,
-                children: section.drillstrings.map(function (drillstring) {
-                  return /*#__PURE__*/jsx("div", {
-                    className: styles.tileWrapper,
-                    children: /*#__PURE__*/jsx(BHATile, {
-                      drillstring: drillstring,
-                      isSelected: get(selectedBha, '_id') === get(drillstring, '_id'),
-                      isMetricsHidden: isMetricsHidden,
-                      onSelect: onSelectBha,
-                      isMobile: isMobile
-                    })
-                  }, get(drillstring, '_id'));
-                })
-              })
-            })]
-          })
-        }, section.name);
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: classNames(styles.bottomGradient, _defineProperty({}, styles.bottomGradientMobile, isMobile))
-    })]
-  });
-}
-BHAList.propTypes = {
-  isMobile: bool,
-  drillstringsBySection: arrayOf(shape({
-    name: string,
-    drillstrings: arrayOf(shape({
-      _id: string,
-      data: shape({})
-    }))
-  })),
-  selectedBha: shape({
-    _id: string
-  }),
-  isMetricsHidden: bool,
-  onSelectBha: func.isRequired,
-  contentClassName: string
-};
-BHAList.defaultProps = {
-  isMobile: false,
-  drillstringsBySection: [],
-  selectedBha: null,
-  isMetricsHidden: true,
-  contentClassName: null
-};
-
-export { BHAList as default };
-//# sourceMappingURL=BHAList.js.map
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as t}from"react";import{bool as i,arrayOf as n,shape as o,string as s,func as l}from"prop-types";import a from"classnames";import{get as c}from"lodash";import{Tooltip as d,Accordion as m,AccordionSummary as p,AccordionDetails as u}from"@material-ui/core";import f from"@material-ui/icons/ExpandMore";import b from"../../Counter/index.js";import h from"../BHATile/BHATile.js";import y from"./styles.css.js";import{jsxs as g,jsx as v}from"react/jsx-runtime";function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r&&(i=i.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,i)}return t}function j(r){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?O(Object(i),!0).forEach((function(t){e(r,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(i)):O(Object(i)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(i,e))}))}return r}function B(i){var n=i.isMobile,o=i.drillstringsBySection,s=i.selectedBha,l=i.isMetricsHidden,O=i.onSelectBha,B=i.contentClassName,S=t({}),M=r(S,2),N=M[0],P=M[1];return g("div",{className:y.bhaListContainer,children:[v("div",{className:a(y.bhaList,B),children:o.map((function(r){var t,i;return v(d,{title:0===(null==r||null===(t=r.drillstrings)||void 0===t?void 0:t.length)?"No BHA in section":"",placement:"bottom-start",children:g(m,{expanded:!N[r.name],disabled:0===(null==r||null===(i=r.drillstrings)||void 0===i?void 0:i.length),classes:{root:y.accordionRoot},onChange:function(){return t=r,void P((function(r){return j(j({},r),{},e({},t.name,!r[t.name]))}));var t},children:[g(p,{expandIcon:v(f,{}),classes:{root:y.accordionSummaryRoot,content:y.accordionSummaryContent},children:[r.name,v(b,{size:"medium",label:null==r?void 0:r.drillstrings.length,className:y.counter})]}),v(u,{children:v("div",{className:y.sectionContent,children:r.drillstrings.map((function(e){return v("div",{className:y.tileWrapper,children:v(h,{drillstring:e,isSelected:c(s,"_id")===c(e,"_id"),isMetricsHidden:l,onSelect:O,isMobile:n})},c(e,"_id"))}))})})]})},r.name)}))}),v("div",{className:a(y.bottomGradient,e({},y.bottomGradientMobile,n))})]})}B.propTypes={isMobile:i,drillstringsBySection:n(o({name:s,drillstrings:n(o({_id:s,data:o({})}))})),selectedBha:o({_id:s}),isMetricsHidden:i,onSelectBha:l.isRequired,contentClassName:s},B.defaultProps={isMobile:!1,drillstringsBySection:[],selectedBha:null,isMetricsHidden:!0,contentClassName:null};export{B as default};

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

@@ -1,8 +1 @@
-import styleInject from './../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".styles_bhaListContainer__hXl8M {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n\n.styles_bhaList__Dy-b2 {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow-y: auto;\n  padding: 0px 12px;\n}\n\n.styles_bhaList__Dy-b2::-webkit-scrollbar {\n  width: 14px;\n}\n\n.styles_bhaList__Dy-b2::-webkit-scrollbar-thumb {\n  background-color: rgba(164, 164, 167, 0.7215686274509804);\n  border-radius: 8px;\n  border: 4px solid rgba(0, 0, 0, 0.01);\n  background-clip: padding-box;\n}\n\n.styles_bhaList__Dy-b2::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n\n.styles_accordionRoot__eWUie {\n  background-color: transparent !important;\n}\n\n.styles_accordionSummaryRoot__AQZ0Q {\n  display: flex;\n  align-items: center;\n  padding: 16px 0px 12px !important;\n}\n\n.styles_accordionSummaryContent__Bk7Mn {\n  display: flex;\n  align-items: center;\n}\n\n.styles_counter__7Pk-s {\n  margin-left: 8px;\n}\n\n.styles_toggleIcon__ZRzkL {\n  font-size: 16px;\n  color: var(--palette-primary-text-6);\n  margin-left: 20px;\n}\n\n.styles_sectionContent__sRxFG {\n  width: 100%;\n}\n\n.styles_tileWrapper__Bxqwc {\n  margin-bottom: 8px;\n}\n\n.styles_legendWrapper__MprVu {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap-reverse;\n  width: calc(100% - 24px);\n  margin-left: 12px;\n}\n\n.styles_bottomGradient__tDP8X {\n  position: absolute;\n  height: 16px;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: linear-gradient(180deg, rgba(39, 39, 39, 0) 0%, var(--palette-background-b-5) 100%);\n}\n\n.styles_bottomGradientMobile__gQpeb {\n  background: linear-gradient(180deg, rgba(39, 39, 39, 0) 0%, var(--palette-background-b-4) 100%);\n}\n";
-var styles = {"bhaListContainer":"styles_bhaListContainer__hXl8M","bhaList":"styles_bhaList__Dy-b2","accordionRoot":"styles_accordionRoot__eWUie","accordionSummaryRoot":"styles_accordionSummaryRoot__AQZ0Q","accordionSummaryContent":"styles_accordionSummaryContent__Bk7Mn","counter":"styles_counter__7Pk-s","toggleIcon":"styles_toggleIcon__ZRzkL","sectionContent":"styles_sectionContent__sRxFG","tileWrapper":"styles_tileWrapper__Bxqwc","legendWrapper":"styles_legendWrapper__MprVu","bottomGradient":"styles_bottomGradient__tDP8X","bottomGradientMobile":"styles_bottomGradientMobile__gQpeb"};
-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 e={bhaListContainer:"styles_bhaListContainer__hXl8M",bhaList:"styles_bhaList__Dy-b2",accordionRoot:"styles_accordionRoot__eWUie",accordionSummaryRoot:"styles_accordionSummaryRoot__AQZ0Q",accordionSummaryContent:"styles_accordionSummaryContent__Bk7Mn",counter:"styles_counter__7Pk-s",toggleIcon:"styles_toggleIcon__ZRzkL",sectionContent:"styles_sectionContent__sRxFG",tileWrapper:"styles_tileWrapper__Bxqwc",legendWrapper:"styles_legendWrapper__MprVu",bottomGradient:"styles_bottomGradient__tDP8X",bottomGradientMobile:"styles_bottomGradientMobile__gQpeb"};t(".styles_bhaListContainer__hXl8M{height:100%;position:relative;width:100%}.styles_bhaList__Dy-b2{display:flex;flex:1;flex-direction:column;height:100%;overflow-y:auto;padding:0 12px}.styles_bhaList__Dy-b2::-webkit-scrollbar{width:14px}.styles_bhaList__Dy-b2::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:hsla(240,2%,65%,.722);border:4px solid rgba(0,0,0,.01);border-radius:8px}.styles_bhaList__Dy-b2::-webkit-scrollbar-track{background-color:transparent}.styles_accordionRoot__eWUie{background-color:transparent!important}.styles_accordionSummaryRoot__AQZ0Q{align-items:center;display:flex;padding:16px 0 12px!important}.styles_accordionSummaryContent__Bk7Mn{align-items:center;display:flex}.styles_counter__7Pk-s{margin-left:8px}.styles_toggleIcon__ZRzkL{color:var(--palette-primary-text-6);font-size:16px;margin-left:20px}.styles_sectionContent__sRxFG{width:100%}.styles_tileWrapper__Bxqwc{margin-bottom:8px}.styles_legendWrapper__MprVu{display:flex;flex-wrap:wrap-reverse;justify-content:space-between;margin-left:12px;width:calc(100% - 24px)}.styles_bottomGradient__tDP8X{background:linear-gradient(180deg,rgba(39,39,39,0) 0,var(--palette-background-b-5) 100%);bottom:0;height:16px;left:0;position:absolute;right:0}.styles_bottomGradientMobile__gQpeb{background:linear-gradient(180deg,rgba(39,39,39,0) 0,var(--palette-background-b-4) 100%)}");export{e as default};

package/components/Drillstring/BHASchematic.js

@@ -1,170 +1 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { useRef, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { jsx } from 'react/jsx-runtime';
-
-var COLORS = {
-  pdcBit: '#239FE6',
-  triconeBit: '#085EDF',
-  pdm: '#C208DF',
-  stabilizer: 'yellow',
-  other: '#8398A5',
-  rss: '#dd375e',
-  ur: '#44ff44'
-};
-var BIT_WIDTH = 6;
-var PDM_HEIGHT = 4;
-var HORIZONTAL_MARGIN = 8;
-function BHASchematic(_ref) {
-  var schematic = _ref.schematic,
-    containerWidth = _ref.containerWidth,
-    containerHeight = _ref.containerHeight;
-  var canvasRef = useRef();
-  var containerRef = useRef();
-  useEffect(function () {
-    var canvas = canvasRef.current;
-    var context = canvas.getContext('2d');
-    var _containerRef$current = containerRef.current,
-      width = _containerRef$current.clientWidth,
-      height = _containerRef$current.clientHeight;
-    canvas.width = width - HORIZONTAL_MARGIN;
-    canvas.height = height;
-    canvas.style.width = "".concat(width - HORIZONTAL_MARGIN, "px");
-    canvas.style.height = "".concat(height, "px");
-
-    // NOTE: Count each comonents by family
-    var bitStabCount = schematic.filter(function (item) {
-      return ['bit', 'stabilizer', 'ur'].includes(item.family);
-    }).length;
-    var pdmRssCount = schematic.filter(function (item) {
-      return ['pdm', 'rss'].includes(item.family);
-    }).length;
-    var nonMagCount = schematic.filter(function (item) {
-      return item.family === 'other';
-    }).length;
-
-    // NOTE: Bit, Stabilizer --> width: 12px
-    // Pdm, rss length ---> Non mag length * 2
-    var nonMagLength = (width - BIT_WIDTH * bitStabCount) / (nonMagCount + pdmRssCount * 2);
-    var dataToDraw = [];
-    var x = 0;
-    _toConsumableArray(schematic).reverse().forEach(function (item) {
-      var barWidth = 0;
-      if (['bit', 'stabilizer', 'ur'].includes(item.family)) {
-        barWidth = BIT_WIDTH;
-      } else if (['pdm', 'rss'].includes(item.family)) {
-        barWidth = nonMagLength * 2;
-      } else {
-        barWidth = nonMagLength;
-      }
-      switch (item.family) {
-        case 'bit':
-          dataToDraw.push({
-            type: 'rect',
-            x: x,
-            y: height / 2 - BIT_WIDTH,
-            width: barWidth,
-            height: BIT_WIDTH * 2,
-            fillColor: item.bitType === 'pdc' ? COLORS.pdcBit : COLORS.triconeBit
-          });
-          break;
-        case 'ur':
-          dataToDraw.push({
-            type: 'rect',
-            x: x,
-            y: height / 2 - BIT_WIDTH,
-            width: barWidth,
-            height: BIT_WIDTH * 2,
-            fillColor: COLORS.ur
-          });
-          break;
-        case 'pdm':
-          if (item.hasStabilizer) {
-            dataToDraw.push({
-              type: 'rect',
-              x: x + (barWidth / 2 - BIT_WIDTH / 2),
-              y: height / 2 - BIT_WIDTH,
-              width: BIT_WIDTH,
-              height: BIT_WIDTH * 2,
-              fillColor: COLORS.stabilizer
-            }, {
-              type: 'rect',
-              x: x,
-              y: height / 2 - PDM_HEIGHT / 2,
-              width: barWidth,
-              height: PDM_HEIGHT,
-              fillColor: COLORS.pdm
-            });
-          } else {
-            dataToDraw.push({
-              type: 'rect',
-              x: x,
-              y: height / 2 - PDM_HEIGHT / 2,
-              width: barWidth,
-              height: PDM_HEIGHT,
-              fillColor: COLORS.pdm
-            });
-          }
-          break;
-        case 'rss':
-          dataToDraw.push({
-            type: 'rect',
-            x: x,
-            y: height / 2 - PDM_HEIGHT / 2,
-            width: barWidth,
-            height: PDM_HEIGHT,
-            fillColor: COLORS.rss
-          });
-          break;
-        case 'stabilizer':
-          dataToDraw.push({
-            type: 'rect',
-            x: x,
-            y: height / 2 - BIT_WIDTH,
-            width: barWidth,
-            height: BIT_WIDTH * 2,
-            fillColor: COLORS.stabilizer
-          });
-          break;
-        case 'other':
-          dataToDraw.push({
-            type: 'rect',
-            x: x,
-            y: height / 2 - PDM_HEIGHT / 2,
-            width: barWidth,
-            height: PDM_HEIGHT,
-            fillColor: COLORS.other
-          });
-          break;
-      }
-      x += barWidth;
-    });
-    dataToDraw.forEach(function (item) {
-      context.fillStyle = item.fillColor;
-      context.fillRect(item.x, item.y, item.width, item.height);
-    });
-  });
-  var containerStyle = {
-    width: containerWidth ? "".concat(containerWidth, "px") : '100%',
-    height: containerHeight ? "".concat(containerHeight, "px") : '100%'
-  };
-  return /*#__PURE__*/jsx("div", {
-    ref: containerRef,
-    style: containerStyle,
-    children: /*#__PURE__*/jsx("canvas", {
-      ref: canvasRef
-    })
-  });
-}
-BHASchematic.propTypes = {
-  containerWidth: PropTypes.number,
-  containerHeight: PropTypes.number,
-  schematic: PropTypes.arrayOf(PropTypes.shape({})).isRequired
-};
-BHASchematic.defaultProps = {
-  containerWidth: null,
-  containerHeight: null
-};
-
-export { BHASchematic as default };
-//# sourceMappingURL=BHASchematic.js.map
+import t from"@babel/runtime/helpers/toConsumableArray";import{useRef as e,useEffect as i}from"react";import r from"prop-types";import{jsx as l}from"react/jsx-runtime";var h="#239FE6",c="#085EDF",a="#C208DF",n="yellow",o="#8398A5",s="#dd375e",f="#44ff44";function p(r){var p=r.schematic,u=r.containerWidth,y=r.containerHeight,d=e(),m=e();i((function(){var e=d.current,i=e.getContext("2d"),r=m.current,l=r.clientWidth,u=r.clientHeight;e.width=l-8,e.height=u,e.style.width="".concat(l-8,"px"),e.style.height="".concat(u,"px");var y=p.filter((function(t){return["bit","stabilizer","ur"].includes(t.family)})).length,g=p.filter((function(t){return["pdm","rss"].includes(t.family)})).length,b=(l-6*y)/(p.filter((function(t){return"other"===t.family})).length+2*g),x=[],w=0;t(p).reverse().forEach((function(t){var e=0;switch(e=["bit","stabilizer","ur"].includes(t.family)?6:["pdm","rss"].includes(t.family)?2*b:b,t.family){case"bit":x.push({type:"rect",x:w,y:u/2-6,width:e,height:12,fillColor:"pdc"===t.bitType?h:c});break;case"ur":x.push({type:"rect",x:w,y:u/2-6,width:e,height:12,fillColor:f});break;case"pdm":t.hasStabilizer?x.push({type:"rect",x:w+(e/2-3),y:u/2-6,width:6,height:12,fillColor:n},{type:"rect",x:w,y:u/2-2,width:e,height:4,fillColor:a}):x.push({type:"rect",x:w,y:u/2-2,width:e,height:4,fillColor:a});break;case"rss":x.push({type:"rect",x:w,y:u/2-2,width:e,height:4,fillColor:s});break;case"stabilizer":x.push({type:"rect",x:w,y:u/2-6,width:e,height:12,fillColor:n});break;case"other":x.push({type:"rect",x:w,y:u/2-2,width:e,height:4,fillColor:o})}w+=e})),x.forEach((function(t){i.fillStyle=t.fillColor,i.fillRect(t.x,t.y,t.width,t.height)}))}));var g={width:u?"".concat(u,"px"):"100%",height:y?"".concat(y,"px"):"100%"};return l("div",{ref:m,style:g,children:l("canvas",{ref:d})})}p.propTypes={containerWidth:r.number,containerHeight:r.number,schematic:r.arrayOf(r.shape({})).isRequired},p.defaultProps={containerWidth:null,containerHeight:null};export{p as default};

package/components/Drillstring/BHATable/BHAComponent.js

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

package/components/Drillstring/BHATable/index.js

@@ -1,116 +1 @@
-import { memo } from 'react';
-import PropTypes from 'prop-types';
-import { makeStyles, Table, TableHead, TableRow, TableCell, TableBody } from '@material-ui/core';
-import { getUnitDisplay } from '../../../utils/index.js';
-import BHAComponent from './BHAComponent.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
+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{getUnitDisplay as o}from"../../../utils/index.js";import d from"./BHAComponent.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 (",o("shortLength"),")"]}),c(i,{className:f,style:{width:"7%"},children:["ID (",o("shortLength"),")"]}),c(i,{className:f,style:{width:"15%"},children:["Linear Weight (",o("massPerLength"),")"]}),c(i,{className:f,style:{width:"10%"},children:["Length (",o("length"),")"]}),c(i,{className:f,style:{width:"10%"},children:["Weight (",o("mass"),")"]}),c(i,{className:f,style:{width:"13%"},children:["Cum.Length (",o("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(d,{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};

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 { getBHASchematic } from '../../../utils/bha.js';
-import BHATileIcon from '../BHATileIcon.js';
-import styles from './styles.css.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{getBHASchematic as c}from"../../../utils/bha.js";import o from"../BHATileIcon.js";import m from"./styles.css.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=c(C);return d("div",{className:a(m.tileContainer,e({},m.selected,u)),onClick:function(){return b(s)},children:[d("div",{className:m.header,children:[d("div",{className:m.bhaTile,children:[h(r,{label:null==s||null===(t=s.data)||void 0===t?void 0:t.id,classes:{root:a(m.rootChip,e({},m.selectedChip,u)),label:m.chipLabel}}),h("span",{className:m.bhaCaption,children:"BHA"})]}),d("div",{className:m.componentsCount,children:["Components: ",C.length]})]}),C.length>0&&h("div",{className:a(m.schematic,e({},m.schematicMobile,n)),children:N.map((function(e,i){return h(o,{component:e,width:"calc(100% / ".concat(N.length," - 1px)"),height:v},"bha-tile-".concat(i))}))}),!f&&!n&&C.length>0&&h("div",{className:m.metricsContainer,children:p.map((function(e){return d("div",{className:m.metricItem,children:[d("div",{className:m.metricItemContent,children:[h("div",{className:m.metricItemLabel,children:e.label}),h("div",{className:m.metricItemValue,children:"0.0"})]}),"ecd"!==e.key&&h("div",{className:m.metricItemSplit})]},e.key)}))}),0===C.length&&h("div",{className:a(m.noComponents,e({},m.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};