@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/Drillstring/BHAComponentDetail/index.js

@@ -1,235 +1 @@
-import { get, map, includes } from 'lodash';
-import { getUnitDisplay } from '../../../utils/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles, Button, Grid } from '@material-ui/core';
-import { memo } from 'react';
-import PropTypes from 'prop-types';
-import { BHA_COMPONENT_TYPES, BHA_GENERAL_FIELD_TYPES, BHA_TABLE_FIELD_TYPES, UR_ACTIVATION_LOGIC_TYPES, BHA_ALTERNATIVE_FIELD_TYPES, BHA_STABILIZER_FIELD_TYPES, FLOW_RATE_UNIT, UR_ACTIVATION_LOGIC_KEYS } from './constants.js';
-
-var useStyles = makeStyles({
-  header: {
-    marginBottom: '10px',
-    borderBottom: '1px solid #888'
-  },
-  title: {
-    fontWeight: 'bold',
-    fontSize: '2rem',
-    marginTop: '0px'
-  },
-  done_button: {
-    float: 'right'
-  },
-  field_label: {
-    color: '#ccc',
-    fontSize: '0.8rem'
-  },
-  field_value: {
-    fontSize: '1.2rem',
-    lineHeight: '2rem',
-    fontWeight: 'bold'
-  },
-  thead: {
-    borderBottom: '0px'
-  },
-  th: {
-    color: '#ccc',
-    fontSize: '0.8rem',
-    padding: '0px'
-  },
-  td: {
-    fontSize: '1.2rem',
-    padding: '0px'
-  },
-  col: {
-    padding: '0 0.75rem'
-  },
-  row: {
-    marginBottom: '20px'
-  },
-  sub_title: {
-    fontWeight: 'bold',
-    fontSize: '1.5rem',
-    marginTop: '10px',
-    padding: '0 0.75rem'
-  }
-});
-
-var getURLogicNameByKey = function getURLogicNameByKey(key) {
-  return (UR_ACTIVATION_LOGIC_TYPES.find(function (item) {
-    return item.type === key;
-  }) || {}).name;
-};
-
-function BHAComponentDetail(_ref) {
-  var component = _ref.component,
-      onDone = _ref.onDone,
-      currentUser = _ref.currentUser;
-  var classes = useStyles();
-  var family = component && get(component, 'family');
-  var userSegment = currentUser ? get(currentUser, ['preference', 'segment'], []) : [];
-  var userCurrentSegment = currentUser && get(currentUser, 'current_segment');
-  var doesNotExist = userSegment.indexOf(userCurrentSegment) === -1;
-  var currentSegment = doesNotExist ? userSegment[0] : userCurrentSegment;
-  var filterComponents = BHA_COMPONENT_TYPES.filter(function (type) {
-    return type.family === family;
-  });
-  var curComponent = filterComponents && filterComponents[0];
-  var curComponentData = curComponent && curComponent.data;
-
-  var componentLabelField = function componentLabelField(path) {
-    var label = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    var colSize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
-    var unitType = arguments.length > 3 ? arguments[3] : undefined;
-    var unitFromSegment = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-    var value = get(component, path) || '';
-    var newUnitType = unitFromSegment ? FLOW_RATE_UNIT[currentSegment].unitType : unitType;
-    var units = newUnitType ? "(".concat(getUnitDisplay(newUnitType), ")") : '';
-    return /*#__PURE__*/jsxs(Grid, {
-      item: true,
-      md: colSize,
-      xs: 12,
-      className: classes.col,
-      children: [/*#__PURE__*/jsx("span", {
-        className: classes.field_label,
-        children: "".concat(label, " ").concat(units)
-      }), /*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsx("span", {
-        className: classes.field_value,
-        children: value.fixFloat ? value.fixFloat(3) : value || 'n/a'
-      })]
-    }, label);
-  };
-
-  var generalFieldItems = function generalFieldItems(colSize, fields) {
-    return fields ? map(BHA_GENERAL_FIELD_TYPES, function (element) {
-      return includes(fields, element.name) && (!element.cond || element.cond && get(component, element.cond, false)) && (!element.family || element.family === family) && (element.unit ? componentLabelField([element.name], element.label, element.col_size || colSize, element.unit) : componentLabelField([element.name], element.label, element.col_size || colSize));
-    }) : null;
-  };
-
-  var subTitleItem = function subTitleItem(subTitle) {
-    return subTitle ? /*#__PURE__*/jsx(Grid, {
-      item: true,
-      xs: 12,
-      className: classes.sub_title,
-      children: subTitle
-    }, "subTitle") : null;
-  };
-
-  var tableFieldItems = function tableFieldItems(tbField, tbHead, tbBody) {
-    return /*#__PURE__*/jsx(Grid, {
-      item: true,
-      xs: 12,
-      className: classes.col,
-      children: get(component, tbField, []).length > 0 && /*#__PURE__*/jsxs("table", {
-        children: [/*#__PURE__*/jsx("thead", {
-          className: classes.thead,
-          children: /*#__PURE__*/jsx("tr", {
-            children: map(tbHead, function (element, idx) {
-              return /*#__PURE__*/jsx("th", {
-                className: classes.th,
-                children: element
-              }, idx);
-            })
-          })
-        }), /*#__PURE__*/jsx("tbody", {
-          children: map(get(component, tbField, []), function (pl, index) {
-            return /*#__PURE__*/jsx("tr", {
-              children: map(tbBody, function (element, idx) {
-                return /*#__PURE__*/jsx("td", {
-                  className: classes.td,
-                  children: element.isNumber ? get(pl, element.field) && get(pl, element.field).fixFloat(3) : get(pl, element.field)
-                }, idx);
-              })
-            }, index);
-          })
-        })]
-      })
-    }, "tbField");
-  };
-
-  var subFieldItems = function subFieldItems(colSize, subKey, subFields, activationLogic, isDepthActivation) {
-    return subKey ? /*#__PURE__*/jsxs(Grid, {
-      container: true,
-      children: [subFields && map(BHA_TABLE_FIELD_TYPES, function (element) {
-        return includes(subFields, element.name) && (!element.cond || element.cond && get(component, element.cond, false)) && (element.unit || element.unit_from_segment ? componentLabelField([element.name], element.label, element.col_size || colSize, element.unit, element.unit_from_segment) : componentLabelField([element.name], element.label, element.col_size || colSize));
-      }), /*#__PURE__*/jsxs(Grid, {
-        item: true,
-        md: 4,
-        xs: 12,
-        className: classes.col,
-        children: [/*#__PURE__*/jsx("span", {
-          className: classes.field_label,
-          children: "Activation Logic"
-        }), /*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsx("span", {
-          className: classes.field_value,
-          children: getURLogicNameByKey(activationLogic) || 'n/a'
-        })]
-      }), isDepthActivation && includes(subFields, 'ur_opened_depth') && componentLabelField(['ur_opened_depth'], 'Activation Depth', colSize, 'length')]
-    }, subKey) : null;
-  };
-
-  var alternativeFieldItems = function alternativeFieldItems(colSize, fields) {
-    return fields ? map(BHA_ALTERNATIVE_FIELD_TYPES, function (element) {
-      return includes(fields, element.name) && (!element.cond || element.cond && get(component, element.cond, false)) && (!element.family || element.family === family) && (element.unit ? componentLabelField([element.name], element.label, element.col_size || colSize, element.unit) : componentLabelField([element.name], element.label, element.col_size || colSize));
-    }) : null;
-  };
-
-  var stabilizerFieldItems = function stabilizerFieldItems(colSize, stablizerFields) {
-    return stablizerFields && get(component, 'has_stabilizer') ? map(BHA_STABILIZER_FIELD_TYPES, function (element) {
-      return includes(stablizerFields, element.name) && (!element.cond || element.cond && get(component, element.cond, false)) && (!element.family || element.family === family) && (element.unit ? componentLabelField(['stabilizer', element.name], element.label, element.col_size || colSize, element.unit) : componentLabelField(['stabilizer', element.name], element.label, element.col_size || colSize));
-    }) : null;
-  };
-
-  var generalizedRow = function generalizedRow(item) {
-    var colSize = item && +get(item, 'col_size');
-    var fields = item && get(item, 'fields');
-    var stablizerFields = item && get(item, 'stablizer_fields');
-    var subTitle = item && get(item, 'sub_title');
-    var subKey = item && get(item, 'sub_key');
-    var subFields = item && get(item, 'sub_fields');
-    var tbField = item && get(item, 'tb_field');
-    var tbHead = item && get(item, 'tb_head');
-    var tbBody = item && get(item, 'tb_body');
-    var activationLogic = get(component, 'activation_logic');
-    var isDepthActivation = activationLogic === UR_ACTIVATION_LOGIC_KEYS.DEPTH_ACTIVATION;
-    return /*#__PURE__*/jsxs(Grid, {
-      container: true,
-      className: classes.row,
-      children: [generalFieldItems(colSize, fields), subTitleItem(subTitle), tableFieldItems(tbField, tbHead, tbBody), subFieldItems(colSize, subKey, subFields, activationLogic, isDepthActivation), alternativeFieldItems(colSize, fields), stabilizerFieldItems(colSize, stablizerFields)]
-    }, item.key);
-  };
-
-  return /*#__PURE__*/jsxs("div", {
-    children: [/*#__PURE__*/jsxs("header", {
-      className: classes.header,
-      children: [/*#__PURE__*/jsx(Button, {
-        variant: "contained",
-        className: classes.done_button,
-        onClick: onDone,
-        children: "Close"
-      }), /*#__PURE__*/jsxs("h4", {
-        className: classes.title,
-        children: [get(component, 'name'), " ( ", get(component, 'family'), " )"]
-      })]
-    }), /*#__PURE__*/jsx(Grid, {
-      container: true,
-      children: /*#__PURE__*/jsx(Grid, {
-        item: true,
-        xs: 12,
-        className: classes.col,
-        children: map(curComponentData, function (item) {
-          return generalizedRow(item);
-        })
-      })
-    })]
-  });
-}
-
-BHAComponentDetail.propTypes = {
-  component: PropTypes.shape({}).isRequired,
-  onDone: PropTypes.func.isRequired,
-  currentUser: PropTypes.shape({}).isRequired
-};
-var BHAComponentDetail$1 = memo(BHAComponentDetail);
-
-export default BHAComponentDetail$1;
-//# sourceMappingURL=index.js.map
+import{memo as e}from"react";import n from"prop-types";import{get as i,map as t,includes as l}from"lodash";import{makeStyles as r,Button as o,Grid as a}from"@material-ui/core";import{getUnitDisplay as c}from"../../../utils/index.js";import{BHA_COMPONENT_TYPES as d,BHA_GENERAL_FIELD_TYPES as m,BHA_TABLE_FIELD_TYPES as s,UR_ACTIVATION_LOGIC_TYPES as u,BHA_ALTERNATIVE_FIELD_TYPES as f,BHA_STABILIZER_FIELD_TYPES as h,FLOW_RATE_UNIT as p,UR_ACTIVATION_LOGIC_KEYS as b}from"./constants.js";import{jsxs as _,jsx as g}from"react/jsx-runtime";var x=r({header:{marginBottom:"10px",borderBottom:"1px solid #888"},title:{fontWeight:"bold",fontSize:"2rem",marginTop:"0px"},done_button:{float:"right"},field_label:{color:"#ccc",fontSize:"0.8rem"},field_value:{fontSize:"1.2rem",lineHeight:"2rem",fontWeight:"bold"},thead:{borderBottom:"0px"},th:{color:"#ccc",fontSize:"0.8rem",padding:"0px"},td:{fontSize:"1.2rem",padding:"0px"},col:{padding:"0 0.75rem"},row:{marginBottom:"20px"},sub_title:{fontWeight:"bold",fontSize:"1.5rem",marginTop:"10px",padding:"0 0.75rem"}});function z(e){var n=e.component,r=e.onDone,z=e.currentUser,v=x(),N=n&&i(n,"family"),y=z?i(z,["preference","segment"],[]):[],T=z&&i(z,"current_segment"),S=-1===y.indexOf(T)?y[0]:T,A=d.filter((function(e){return e.family===N})),B=A&&A[0],D=B&&B.data,F=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:2,r=arguments.length>3?arguments[3]:void 0,o=arguments.length>4&&void 0!==arguments[4]&&arguments[4],d=i(n,e)||"",m=o?p[S].unitType:r,s=m?"(".concat(c(m),")"):"";return _(a,{item:!0,md:l,xs:12,className:v.col,children:[g("span",{className:v.field_label,children:"".concat(t," ").concat(s)}),g("br",{}),g("span",{className:v.field_value,children:d.fixFloat?d.fixFloat(3):d||"n/a"})]},t)},j=function(e,r){return r?t(m,(function(t){return l(r,t.name)&&(!t.cond||t.cond&&i(n,t.cond,!1))&&(!t.family||t.family===N)&&(t.unit?F([t.name],t.label,t.col_size||e,t.unit):F([t.name],t.label,t.col_size||e))})):null},k=function(e){return e?g(a,{item:!0,xs:12,className:v.sub_title,children:e},"subTitle"):null},q=function(e,l,r){return g(a,{item:!0,xs:12,className:v.col,children:i(n,e,[]).length>0&&_("table",{children:[g("thead",{className:v.thead,children:g("tr",{children:t(l,(function(e,n){return g("th",{className:v.th,children:e},n)}))})}),g("tbody",{children:t(i(n,e,[]),(function(e,n){return g("tr",{children:t(r,(function(n,t){return g("td",{className:v.td,children:n.isNumber?i(e,n.field)&&i(e,n.field).fixFloat(3):i(e,n.field)},t)}))},n)}))})]})},"tbField")},C=function(e,r,o,c,d){return r?_(a,{container:!0,children:[o&&t(s,(function(t){return l(o,t.name)&&(!t.cond||t.cond&&i(n,t.cond,!1))&&(t.unit||t.unit_from_segment?F([t.name],t.label,t.col_size||e,t.unit,t.unit_from_segment):F([t.name],t.label,t.col_size||e))})),_(a,{item:!0,md:4,xs:12,className:v.col,children:[g("span",{className:v.field_label,children:"Activation Logic"}),g("br",{}),g("span",{className:v.field_value,children:(m=c,(u.find((function(e){return e.type===m}))||{}).name||"n/a")})]}),d&&l(o,"ur_opened_depth")&&F(["ur_opened_depth"],"Activation Depth",e,"length")]},r):null;var m},R=function(e,r){return r?t(f,(function(t){return l(r,t.name)&&(!t.cond||t.cond&&i(n,t.cond,!1))&&(!t.family||t.family===N)&&(t.unit?F([t.name],t.label,t.col_size||e,t.unit):F([t.name],t.label,t.col_size||e))})):null},W=function(e,r){return r&&i(n,"has_stabilizer")?t(h,(function(t){return l(r,t.name)&&(!t.cond||t.cond&&i(n,t.cond,!1))&&(!t.family||t.family===N)&&(t.unit?F(["stabilizer",t.name],t.label,t.col_size||e,t.unit):F(["stabilizer",t.name],t.label,t.col_size||e))})):null};return _("div",{children:[_("header",{className:v.header,children:[g(o,{variant:"contained",className:v.done_button,onClick:r,children:"Close"}),_("h4",{className:v.title,children:[i(n,"name")," ( ",i(n,"family")," )"]})]}),g(a,{container:!0,children:g(a,{item:!0,xs:12,className:v.col,children:t(D,(function(e){return function(e){var t=e&&+i(e,"col_size"),l=e&&i(e,"fields"),r=e&&i(e,"stablizer_fields"),o=e&&i(e,"sub_title"),c=e&&i(e,"sub_key"),d=e&&i(e,"sub_fields"),m=e&&i(e,"tb_field"),s=e&&i(e,"tb_head"),u=e&&i(e,"tb_body"),f=i(n,"activation_logic"),h=f===b.DEPTH_ACTIVATION;return _(a,{container:!0,className:v.row,children:[j(t,l),k(o),q(m,s,u),C(t,c,d,f,h),R(t,l),W(t,r)]},e.key)}(e)}))})})]})}z.propTypes={component:n.shape({}).isRequired,onDone:n.func.isRequired,currentUser:n.shape({}).isRequired};var v=e(z);export{v as default};

package/components/Drillstring/BHAComponentIcon.js

@@ -1,83 +1 @@
-import { jsx } from 'react/jsx-runtime';
-import PropTypes from 'prop-types';
-
-var DrillPipe = "/static/media/6759264eb8d567906e58b084287a9198.png";
-var DrillCollar = "/static/media/bd46ae1cd29ed1553fd36d3fb9b6ca9e.png";
-var DrillCollarWhite = "/static/media/295e64ff7484f9d57144e6e30a80cc62.png";
-var HeavyWeightDrillPipe = "/static/media/771d537f0b0f13e9da457cd7a6902e94.png";
-var Jar = "/static/media/97a4cd873c23cb17d330e7fdd81c9ee5.png";
-var Motor = "/static/media/3cc5e4545bc0acd8ef49b198575ef5f4.png";
-var Mwd = "/static/media/1269c45c311ef6105dbf399cc51aee49.png";
-var Rss = "/static/media/51967cd9d2bab6a1a6805a38199aabfc.png";
-var Sub = "/static/media/bd46ae1cd29ed1553fd36d3fb9b6ca9e.png";
-var SubWhite = "/static/media/295e64ff7484f9d57144e6e30a80cc62.png";
-var Agitator = "/static/media/14bae90fcc6aa08163744cfad4081de5.png";
-var Stabilizer = "/static/media/d0932d02143b0fe340150d523c0bf437.png";
-var BitPdc = "/static/media/856c2afa6ad5f8a570d26c3b60a70827.png";
-var BitCone = "/static/media/f5e653a472efce6a197a32e0946db802.png";
-var UnderReamer = "/static/media/73fa0fdbe9c990d889ffb68984ca6381.png";
-var Lwd = "/static/media/7f0a9a40a7f11250ce780c274026ff30.png";
-
-function ComponentIcon(_ref) {
-  var component = _ref.component,
-      width = _ref.width,
-      height = _ref.height;
-  var family = component.family,
-      material = component.material,
-      bitType = component.bit_type;
-  var icon;
-
-  if (family === 'dp') {
-    icon = DrillPipe;
-  } else if (family === 'dc') {
-    icon = material !== 'Steel' ? DrillCollarWhite : DrillCollar;
-  } else if (family === 'hwdp') {
-    icon = HeavyWeightDrillPipe;
-  } else if (family === 'pdm') {
-    icon = Motor;
-  } else if (family === 'mwd') {
-    icon = Mwd;
-  } else if (family === 'jar') {
-    icon = Jar;
-  } else if (family === 'rss') {
-    icon = Rss;
-  } else if (family === 'sub') {
-    icon = material !== 'Steel' ? SubWhite : Sub;
-  } else if (family === 'agitator') {
-    icon = Agitator;
-  } else if (family === 'stabilizer') {
-    icon = Stabilizer;
-  } else if (family === 'bit') {
-    icon = bitType === 'Tri Cone' ? BitCone : BitPdc;
-  } else if (family === 'ur') {
-    icon = UnderReamer;
-  } else if (family === 'lwd') {
-    icon = Lwd;
-  } else {
-    icon = null;
-  }
-
-  return /*#__PURE__*/jsx("img", {
-    src: icon,
-    alt: family,
-    width: width,
-    height: height
-  });
-}
-
-ComponentIcon.propTypes = {
-  width: PropTypes.number,
-  height: PropTypes.number,
-  component: PropTypes.shape({
-    family: PropTypes.string,
-    material: PropTypes.string,
-    bit_type: PropTypes.string
-  }).isRequired
-};
-ComponentIcon.defaultProps = {
-  width: 32,
-  height: 48
-};
-
-export default ComponentIcon;
-//# sourceMappingURL=BHAComponentIcon.js.map
+import a from"prop-types";import{jsx as e}from"react/jsx-runtime";function t(a){var t=a.component,d=a.width,i=a.height,c=t.family,f=t.material,p=t.bit_type;return e("img",{src:"dp"===c?"/static/media/6759264eb8d567906e58b084287a9198.png":"dc"===c?"Steel"!==f?"/static/media/295e64ff7484f9d57144e6e30a80cc62.png":"/static/media/bd46ae1cd29ed1553fd36d3fb9b6ca9e.png":"hwdp"===c?"/static/media/771d537f0b0f13e9da457cd7a6902e94.png":"pdm"===c?"/static/media/3cc5e4545bc0acd8ef49b198575ef5f4.png":"mwd"===c?"/static/media/1269c45c311ef6105dbf399cc51aee49.png":"jar"===c?"/static/media/97a4cd873c23cb17d330e7fdd81c9ee5.png":"rss"===c?"/static/media/51967cd9d2bab6a1a6805a38199aabfc.png":"sub"===c?"Steel"!==f?"/static/media/295e64ff7484f9d57144e6e30a80cc62.png":"/static/media/bd46ae1cd29ed1553fd36d3fb9b6ca9e.png":"agitator"===c?"/static/media/14bae90fcc6aa08163744cfad4081de5.png":"stabilizer"===c?"/static/media/d0932d02143b0fe340150d523c0bf437.png":"bit"===c?"Tri Cone"===p?"/static/media/f5e653a472efce6a197a32e0946db802.png":"/static/media/856c2afa6ad5f8a570d26c3b60a70827.png":"ur"===c?"/static/media/73fa0fdbe9c990d889ffb68984ca6381.png":"lwd"===c?"/static/media/7f0a9a40a7f11250ce780c274026ff30.png":null,alt:c,width:d,height:i})}t.propTypes={width:a.number,height:a.number,component:a.shape({family:a.string,material:a.string,bit_type:a.string}).isRequired},t.defaultProps={width:32,height:48};export{t as default};

package/components/Drillstring/BHASchematic.js

@@ -1,181 +1 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useEffect } from 'react';
-import PropTypes from 'prop-types';
-
-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 default BHASchematic;
-//# 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,106 +1 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles, TableRow, TableCell } from '@material-ui/core';
-import { memo } from 'react';
-import { shape, number, func } from 'prop-types';
-import { InfoOutlined } from '@material-ui/icons';
-import ComponentIcon from '../BHAComponentIcon.js';
-
-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 default BHAComponent$1;
-//# 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};