@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/Drillstring/BHAComponentsTable/components/utils/calculation.js

@@ -1,89 +1 @@
-import { cloneDeep } from 'lodash';
-import { getUnitPreference, convertValue } from '../../../../../utils/index.js';
-
-var LINEAR_WEIGHT_FACTOR = 2.673;
-var NOZZLE_MULTIPLY_FACTOR = 32;
-var calculateLinearWeight = function calculateLinearWeight(od, id) {
-  var prefShortLengthUnit = getUnitPreference('shortLength');
-  var parsedId = parseFloat(id);
-  var parsedOd = parseFloat(od);
-  if (Number.isNaN(parsedId) || Number.isNaN(parsedOd) || parsedOd < parsedId) {
-    return null;
-  }
-  if (prefShortLengthUnit !== 'in') {
-    parsedId = convertValue(parsedId, 'shortLength', prefShortLengthUnit, 'in');
-    parsedOd = convertValue(parsedOd, 'shortLength', prefShortLengthUnit, 'in');
-  }
-  var linearWeight = LINEAR_WEIGHT_FACTOR * (parsedOd * parsedOd - parsedId * parsedId);
-  return prefShortLengthUnit !== 'in' ? convertValue(linearWeight, 'massPerLength', 'lb-ft') : linearWeight.fixFloat(2);
-};
-var calculateLength = function calculateLength(joints, componentLength) {
-  var parsedNumberJoints = parseFloat(joints);
-  var parsedComponentLength = parseFloat(componentLength);
-  if (!Number.isFinite(parsedNumberJoints) || !Number.isFinite(parsedComponentLength)) {
-    return null;
-  }
-  return (parsedNumberJoints * parsedComponentLength).fixFloat(2);
-};
-var calculateWeight = function calculateWeight(linearWeight, length) {
-  var parsedLinearWeight = parseFloat(linearWeight);
-  var parsedLength = parseFloat(length);
-  if (Number.isNaN(parsedLinearWeight) || Number.isNaN(parsedLength)) {
-    return null;
-  }
-  return (parsedLinearWeight * parsedLength).fixFloat(2);
-};
-var calculateComponentLength = function calculateComponentLength(length, numberJoints) {
-  var parsedLength = parseFloat(length);
-  var parsedNumberJoints = parseFloat(numberJoints);
-  if (!Number.isFinite(parsedLength) || !Number.isFinite(parsedNumberJoints)) {
-    return null;
-  }
-  return (parsedLength / parsedNumberJoints).fixFloat(2);
-};
-var calculateTfa = function calculateTfa(nozzleSizes) {
-  var shortLengthPrefUnit = getUnitPreference('shortLength');
-  var tfa = Math.PI / 4 * nozzleSizes.reduce(function (sum, nozzle) {
-    var count = nozzle.count || 0;
-    var size = nozzle.size || 0;
-    var cSize = shortLengthPrefUnit !== 'in' ? convertValue(size, 'shortLength', shortLengthPrefUnit, 'in') * NOZZLE_MULTIPLY_FACTOR : size;
-    return sum + count * (cSize / NOZZLE_MULTIPLY_FACTOR * (cSize / NOZZLE_MULTIPLY_FACTOR));
-  }, 0);
-  var ratio = convertValue(1, 'shortLength', 'in', shortLengthPrefUnit);
-  var cTfa = ratio * ratio * tfa;
-  return cTfa;
-};
-var calculateComponent = function calculateComponent(component, key, value) {
-  var family = component.family;
-  var result = cloneDeep(component);
-  result[key] = value;
-  if (family === 'bit') {
-    if (key === 'nozzle_sizes') {
-      result.tfa = calculateTfa(result.nozzle_sizes || []);
-    }
-    return result;
-  }
-  switch (key) {
-    case 'inner_diameter':
-    case 'outer_diameter':
-      result.linear_weight = calculateLinearWeight(result.outer_diameter, result.inner_diameter);
-      result.weight = calculateWeight(result.linear_weight, result.length);
-      break;
-    case 'number_of_joints':
-    case 'component_length':
-      result.length = calculateLength(result.number_of_joints, result.component_length);
-      result.weight = calculateWeight(result.linear_weight, result.length);
-      break;
-    case 'linear_weight':
-      result.weight = calculateWeight(result.linear_weight, result.length);
-      break;
-    case 'length':
-      result.weight = calculateWeight(result.linear_weight, result.length);
-      result.component_length = calculateComponentLength(result.length, result.number_of_joints);
-      break;
-  }
-  return result;
-};
-
-export { calculateComponent };
-//# sourceMappingURL=calculation.js.map
+import{cloneDeep as e}from"lodash";import{getUnitPreference as t,convertValue as n}from"../../../../../utils/index.js";var r=function(e,t){var n=parseFloat(e),r=parseFloat(t);return Number.isNaN(n)||Number.isNaN(r)?null:(n*r).fixFloat(2)},i=function(i,a,o){var l,s,h,u,g,m,_,f,c=i.family,b=e(i);if(b[a]=o,"bit"===c)return"nozzle_sizes"===a&&(b.tfa=(l=b.nozzle_sizes||[],s=t("shortLength"),h=Math.PI/4*l.reduce((function(e,t){var r=t.count||0,i=t.size||0,a="in"!==s?32*n(i,"shortLength",s,"in"):i;return e+r*(a/32*(a/32))}),0),(u=n(1,"shortLength","in",s))*u*h)),b;switch(a){case"inner_diameter":case"outer_diameter":b.linear_weight=function(e,r){var i=t("shortLength"),a=parseFloat(r),o=parseFloat(e);if(Number.isNaN(a)||Number.isNaN(o)||o<a)return null;"in"!==i&&(a=n(a,"shortLength",i,"in"),o=n(o,"shortLength",i,"in"));var l=2.673*(o*o-a*a);return"in"!==i?n(l,"massPerLength","lb-ft"):l.fixFloat(2)}(b.outer_diameter,b.inner_diameter),b.weight=r(b.linear_weight,b.length);break;case"number_of_joints":case"component_length":b.length=(g=b.number_of_joints,m=b.component_length,_=parseFloat(g),f=parseFloat(m),Number.isFinite(_)&&Number.isFinite(f)?(_*f).fixFloat(2):null),b.weight=r(b.linear_weight,b.length);break;case"linear_weight":b.weight=r(b.linear_weight,b.length);break;case"length":b.weight=r(b.linear_weight,b.length),b.component_length=function(e,t){var n=parseFloat(e),r=parseFloat(t);return Number.isFinite(n)&&Number.isFinite(r)?(n/r).fixFloat(2):null}(b.length,b.number_of_joints)}return b};export{i as calculateComponent};

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 BHATile from '../BHATile/BHATile.js';
-import styles from './styles.css.js';
-import Counter from '../../Counter/index.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"../BHATile/BHATile.js";import h from"./styles.css.js";import y from"../../Counter/index.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:h.bhaListContainer,children:[v("div",{className:a(h.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:h.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:h.accordionSummaryRoot,content:h.accordionSummaryContent},children:[r.name,v(y,{size:"medium",label:null==r?void 0:r.drillstrings.length,className:h.counter})]}),v(u,{children:v("div",{className:h.sectionContent,children:r.drillstrings.map((function(e){return v("div",{className:h.tileWrapper,children:v(b,{drillstring:e,isSelected:c(s,"_id")===c(e,"_id"),isMetricsHidden:l,onSelect:O,isMobile:n})},c(e,"_id"))}))})})]})},r.name)}))}),v("div",{className:a(h.bottomGradient,e({},h.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/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 BHAComponent from './BHAComponent.js';
-import { getUnitDisplay } from '../../../utils/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var useStyles = makeStyles({
-  tableStyle: {
-    tableLayout: 'fixed'
-  },
-  tableHeadCellStyle: {
-    height: '38px',
-    padding: '0px',
-    color: '#999999',
-    fontSize: '12px',
-    borderTop: '1px solid rgba(81, 81, 81, 1)'
-  }
-});
-function BHATable(_ref) {
-  var components = _ref.components,
-    onSelectComponent = _ref.onSelectComponent;
-  var _useStyles = useStyles(),
-    tableStyle = _useStyles.tableStyle,
-    tableHeadCellStyle = _useStyles.tableHeadCellStyle;
-  return /*#__PURE__*/jsxs(Table, {
-    className: tableStyle,
-    children: [/*#__PURE__*/jsx(TableHead, {
-      children: /*#__PURE__*/jsxs(TableRow, {
-        children: [/*#__PURE__*/jsx(TableCell, {
-          className: tableHeadCellStyle,
-          style: {
-            width: '2%'
-          },
-          children: "#"
-        }), /*#__PURE__*/jsx(TableCell, {
-          className: tableHeadCellStyle,
-          style: {
-            width: '13%',
-            paddingLeft: 44
-          },
-          children: "Category"
-        }), /*#__PURE__*/jsx(TableCell, {
-          className: tableHeadCellStyle,
-          style: {
-            width: '13%'
-          },
-          children: "Name"
-        }), /*#__PURE__*/jsxs(TableCell, {
-          className: tableHeadCellStyle,
-          style: {
-            width: '7%'
-          },
-          children: ["OD (", getUnitDisplay('shortLength'), ")"]
-        }), /*#__PURE__*/jsxs(TableCell, {
-          className: tableHeadCellStyle,
-          style: {
-            width: '7%'
-          },
-          children: ["ID (", getUnitDisplay('shortLength'), ")"]
-        }), /*#__PURE__*/jsxs(TableCell, {
-          className: tableHeadCellStyle,
-          style: {
-            width: '15%'
-          },
-          children: ["Linear Weight (", getUnitDisplay('massPerLength'), ")"]
-        }), /*#__PURE__*/jsxs(TableCell, {
-          className: tableHeadCellStyle,
-          style: {
-            width: '10%'
-          },
-          children: ["Length (", getUnitDisplay('length'), ")"]
-        }), /*#__PURE__*/jsxs(TableCell, {
-          className: tableHeadCellStyle,
-          style: {
-            width: '10%'
-          },
-          children: ["Weight (", getUnitDisplay('mass'), ")"]
-        }), /*#__PURE__*/jsxs(TableCell, {
-          className: tableHeadCellStyle,
-          style: {
-            width: '13%'
-          },
-          children: ["Cum.Length (", getUnitDisplay('length'), ")"]
-        }), /*#__PURE__*/jsx(TableCell, {
-          className: tableHeadCellStyle,
-          style: {
-            width: '7%'
-          },
-          children: "Grade"
-        }), /*#__PURE__*/jsx(TableCell, {
-          className: tableHeadCellStyle,
-          style: {
-            width: '3%'
-          }
-        })]
-      })
-    }), /*#__PURE__*/jsx(TableBody, {
-      children: components.map(function (component, idx) {
-        return /*#__PURE__*/jsx(BHAComponent, {
-          component: component,
-          order: idx + 1,
-          onSelect: onSelectComponent
-        }, component.id);
-      })
-    })]
-  });
-}
-BHATable.propTypes = {
-  components: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
-  onSelectComponent: PropTypes.func.isRequired
-};
-var BHATable$1 = memo(BHATable);
-
-export { BHATable$1 as default };
-//# sourceMappingURL=index.js.map
+import{memo as e}from"react";import t from"prop-types";import{makeStyles as l,Table as r,TableHead as a,TableRow as s,TableCell as i,TableBody as n}from"@material-ui/core";import o from"./BHAComponent.js";import{getUnitDisplay as d}from"../../../utils/index.js";import{jsxs as c,jsx as h}from"react/jsx-runtime";var m=l({tableStyle:{tableLayout:"fixed"},tableHeadCellStyle:{height:"38px",padding:"0px",color:"#999999",fontSize:"12px",borderTop:"1px solid rgba(81, 81, 81, 1)"}});function p(e){var t=e.components,l=e.onSelectComponent,p=m(),y=p.tableStyle,f=p.tableHeadCellStyle;return c(r,{className:y,children:[h(a,{children:c(s,{children:[h(i,{className:f,style:{width:"2%"},children:"#"}),h(i,{className:f,style:{width:"13%",paddingLeft:44},children:"Category"}),h(i,{className:f,style:{width:"13%"},children:"Name"}),c(i,{className:f,style:{width:"7%"},children:["OD (",d("shortLength"),")"]}),c(i,{className:f,style:{width:"7%"},children:["ID (",d("shortLength"),")"]}),c(i,{className:f,style:{width:"15%"},children:["Linear Weight (",d("massPerLength"),")"]}),c(i,{className:f,style:{width:"10%"},children:["Length (",d("length"),")"]}),c(i,{className:f,style:{width:"10%"},children:["Weight (",d("mass"),")"]}),c(i,{className:f,style:{width:"13%"},children:["Cum.Length (",d("length"),")"]}),h(i,{className:f,style:{width:"7%"},children:"Grade"}),h(i,{className:f,style:{width:"3%"}})]})}),h(n,{children:t.map((function(e,t){return h(o,{component:e,order:t+1,onSelect:l},e.id)}))})]})}p.propTypes={components:t.arrayOf(t.shape({})).isRequired,onSelectComponent:t.func.isRequired};var y=e(p);export{y as default};