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

package/components/Drillstring/BHAComponentsTable/components/shared/SaveButton.js

@@ -1 +1,33 @@
-import e from"prop-types";import{Tooltip as r,IconButton as a}from"@material-ui/core";import{Check as i}from"@material-ui/icons";import{useStyles as o}from"../sharedStyles.js";import{jsx as t}from"react/jsx-runtime";function l(e){var l=e.handleSave,s=e.disabled,d=o();return t(r,{title:s?"":"Save Changes",children:t(a,{className:d.actionButton,onClick:l,disabled:s,children:t(i,{className:d.actionIcon,color:s?"disabled":"primary"})})})}l.propTypes={handleSave:e.func.isRequired,disabled:e.bool},l.defaultProps={disabled:!1};export{l as SaveButton};
+import PropTypes from 'prop-types';
+import { Tooltip, IconButton } from '@material-ui/core';
+import { Check } from '@material-ui/icons';
+import { useStyles } from '../sharedStyles.js';
+import { jsx } from 'react/jsx-runtime';
+
+function SaveButton(_ref) {
+  var handleSave = _ref.handleSave,
+    disabled = _ref.disabled;
+  var classes = useStyles();
+  return /*#__PURE__*/jsx(Tooltip, {
+    title: disabled ? '' : 'Save Changes',
+    children: /*#__PURE__*/jsx(IconButton, {
+      className: classes.actionButton,
+      onClick: handleSave,
+      disabled: disabled,
+      children: /*#__PURE__*/jsx(Check, {
+        className: classes.actionIcon,
+        color: disabled ? 'disabled' : 'primary'
+      })
+    })
+  });
+}
+SaveButton.propTypes = {
+  handleSave: PropTypes.func.isRequired,
+  disabled: PropTypes.bool
+};
+SaveButton.defaultProps = {
+  disabled: false
+};
+
+export { SaveButton };
+//# sourceMappingURL=SaveButton.js.map

package/components/Drillstring/BHAComponentsTable/components/shared/SaveButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveButton.js","sources":["../../../../../../src/components/Drillstring/BHAComponentsTable/components/shared/SaveButton.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Tooltip, IconButton } from '@material-ui/core';\nimport { Check as CheckIcon } from '@material-ui/icons';\nimport { useStyles } from '../sharedStyles';\n\nexport function SaveButton({ handleSave, disabled }) {\n  const classes = useStyles();\n\n  return (\n    <Tooltip title={disabled ? '' : 'Save Changes'}>\n      <IconButton className={classes.actionButton} onClick={handleSave} disabled={disabled}>\n        <CheckIcon className={classes.actionIcon} color={disabled ? 'disabled' : 'primary'} />\n      </IconButton>\n    </Tooltip>\n  );\n}\n\nSaveButton.propTypes = {\n  handleSave: PropTypes.func.isRequired,\n  disabled: PropTypes.bool,\n};\n\nSaveButton.defaultProps = {\n  disabled: false,\n};\n"],"names":["SaveButton","handleSave","disabled","classes","useStyles","_jsx","actionButton","CheckIcon","actionIcon","propTypes","PropTypes","func","isRequired","bool","defaultProps"],"mappings":";;;;;;AAKO,SAASA,UAAU,CAA2B,IAAA,EAAA;EAAA,IAAxBC,UAAU,QAAVA,UAAU;AAAEC,IAAAA,QAAQ,QAARA,QAAQ,CAAA;EAC/C,IAAMC,OAAO,GAAGC,SAAS,EAAE,CAAA;AAE3B,EAAA,oBACEC,IAAC,OAAO,EAAA;AAAC,IAAA,KAAK,EAAEH,QAAQ,GAAG,EAAE,GAAG,cAAe;AAAA,IAAA,QAAA,eAC7CG,IAAC,UAAU,EAAA;MAAC,SAAS,EAAEF,OAAO,CAACG,YAAa;AAAC,MAAA,OAAO,EAAEL,UAAW;AAAC,MAAA,QAAQ,EAAEC,QAAS;AAAA,MAAA,QAAA,eACnFG,IAACE,KAAS,EAAA;QAAC,SAAS,EAAEJ,OAAO,CAACK,UAAW;AAAC,QAAA,KAAK,EAAEN,QAAQ,GAAG,UAAU,GAAG,SAAA;AAAU,OAAA,CAAA;AAAG,KAAA,CAAA;GAEhF,CAAA,CAAA;AAEd,CAAA;AAEAF,UAAU,CAACS,SAAS,GAAG;AACrBR,EAAAA,UAAU,EAAES,SAAS,CAACC,IAAI,CAACC,UAAU;EACrCV,QAAQ,EAAEQ,SAAS,CAACG,IAAAA;AACtB,CAAC,CAAA;AAEDb,UAAU,CAACc,YAAY,GAAG;AACxBZ,EAAAA,QAAQ,EAAE,KAAA;AACZ,CAAC;;;;"}

package/components/Drillstring/BHAComponentsTable/components/shared/SelectField.js

@@ -1 +1,86 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"prop-types";import{Grid as i,FormControl as l,Tooltip as s,InputLabel as t,Select as n,MenuItem as a,FormHelperText as o}from"@material-ui/core";import{isMobileDetected as u}from"../../../../../utils/mobileDetect.js";import{getUnitDisplay as d}from"../../../../../utils/index.js";import{useStyles as m}from"../sharedStyles.js";import{jsx as c,jsxs as p}from"react/jsx-runtime";function b(r){var b=r.type,f=r.options,h=r.label,g=r.unit,y=r.value,q=r.error,v=r.disabled,x=r.onChangeField,R=r.xs,N=r.className,j=m({isMobile:u}),C=q||" ",F=!!q,L=g?"".concat(h," (").concat(d(g),")"):h;return c(i,{item:!0,xs:R,className:e({},j.cellInnerMobile,u),classes:{"grid-xs-2":N},children:p(l,{fullWidth:!0,error:F,disabled:v,children:[h&&c(s,{title:L,children:c(t,{className:j.inputLabel,children:L})}),c(n,{value:y||"",onChange:function(e){x(b,e.target.value)},children:f.map((function(e){var r=e.name,i=e.type;return c(a,{value:i,children:r},i)}))}),q&&c(s,{title:q||"",children:c(o,{className:j.inputLabel,children:C})})]})})}b.propTypes={type:r.string.isRequired,options:r.arrayOf(r.shape({})).isRequired,label:r.string.isRequired,unit:r.string,value:r.any.isRequired,error:r.string.isRequired,disabled:r.bool,onChangeField:r.func.isRequired,xs:r.number.isRequired,className:r.string},b.defaultProps={unit:null,disabled:!1,className:null};export{b as SelectField};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+import { Grid, FormControl, Tooltip, InputLabel, Select, MenuItem, FormHelperText } from '@material-ui/core';
+import { isMobileDetected } from '../../../../../utils/mobileDetect.js';
+import { getUnitDisplay } from '../../../../../utils/index.js';
+import { useStyles } from '../sharedStyles.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function SelectField(_ref) {
+  var type = _ref.type,
+    options = _ref.options,
+    label = _ref.label,
+    unit = _ref.unit,
+    value = _ref.value,
+    error = _ref.error,
+    disabled = _ref.disabled,
+    onChangeField = _ref.onChangeField,
+    xs = _ref.xs,
+    className = _ref.className;
+  var classes = useStyles({
+    isMobile: isMobileDetected
+  });
+  var helperText = error || ' ';
+  var hasError = !!error;
+  var labelWithUnit = unit ? "".concat(label, " (").concat(getUnitDisplay(unit), ")") : label;
+  return /*#__PURE__*/jsx(Grid, {
+    item: true,
+    xs: xs,
+    className: _defineProperty({}, classes.cellInnerMobile, isMobileDetected),
+    classes: {
+      'grid-xs-2': className
+    },
+    children: /*#__PURE__*/jsxs(FormControl, {
+      fullWidth: true,
+      error: hasError,
+      disabled: disabled,
+      children: [label && /*#__PURE__*/jsx(Tooltip, {
+        title: labelWithUnit,
+        children: /*#__PURE__*/jsx(InputLabel, {
+          className: classes.inputLabel,
+          children: labelWithUnit
+        })
+      }), /*#__PURE__*/jsx(Select, {
+        value: value || '',
+        onChange: function onChange(e) {
+          onChangeField(type, e.target.value);
+        },
+        children: options.map(function (_ref3) {
+          var name = _ref3.name,
+            type = _ref3.type;
+          return /*#__PURE__*/jsx(MenuItem, {
+            value: type,
+            children: name
+          }, type);
+        })
+      }), error && /*#__PURE__*/jsx(Tooltip, {
+        title: error || '',
+        children: /*#__PURE__*/jsx(FormHelperText, {
+          className: classes.inputLabel,
+          children: helperText
+        })
+      })]
+    })
+  });
+}
+SelectField.propTypes = {
+  type: PropTypes.string.isRequired,
+  options: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  label: PropTypes.string.isRequired,
+  unit: PropTypes.string,
+  // eslint-disable-next-line react/forbid-prop-types
+  value: PropTypes.any.isRequired,
+  error: PropTypes.string.isRequired,
+  disabled: PropTypes.bool,
+  onChangeField: PropTypes.func.isRequired,
+  xs: PropTypes.number.isRequired,
+  className: PropTypes.string
+};
+SelectField.defaultProps = {
+  unit: null,
+  disabled: false,
+  className: null
+};
+
+export { SelectField };
+//# sourceMappingURL=SelectField.js.map

package/components/Drillstring/BHAComponentsTable/components/shared/SelectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.js","sources":["../../../../../../src/components/Drillstring/BHAComponentsTable/components/shared/SelectField.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {\n  Grid,\n  MenuItem,\n  Select,\n  FormControl,\n  FormHelperText,\n  InputLabel,\n  Tooltip,\n} from '@material-ui/core';\nimport { isMobileDetected } from '~/utils/mobileDetect';\nimport { getUnitDisplay } from '~/utils';\nimport { useStyles } from '../sharedStyles';\n\nexport function SelectField({\n  type,\n  options,\n  label,\n  unit,\n  value,\n  error,\n  disabled,\n  onChangeField,\n  xs,\n  className,\n}) {\n  const classes = useStyles({ isMobile: isMobileDetected });\n  const helperText = error || ' ';\n  const hasError = !!error;\n  const labelWithUnit = unit ? `${label} (${getUnitDisplay(unit)})` : label;\n\n  return (\n    <Grid\n      item\n      xs={xs}\n      className={{ [classes.cellInnerMobile]: isMobileDetected }}\n      classes={{ 'grid-xs-2': className }}\n    >\n      <FormControl fullWidth error={hasError} disabled={disabled}>\n        {label && (\n          <Tooltip title={labelWithUnit}>\n            <InputLabel className={classes.inputLabel}>{labelWithUnit}</InputLabel>\n          </Tooltip>\n        )}\n        <Select\n          value={value || ''}\n          onChange={e => {\n            onChangeField(type, e.target.value);\n          }}\n        >\n          {options.map(({ name, type }) => (\n            <MenuItem key={type} value={type}>\n              {name}\n            </MenuItem>\n          ))}\n        </Select>\n        {error && (\n          <Tooltip title={error || ''}>\n            <FormHelperText className={classes.inputLabel}>{helperText}</FormHelperText>\n          </Tooltip>\n        )}\n      </FormControl>\n    </Grid>\n  );\n}\n\nSelectField.propTypes = {\n  type: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  label: PropTypes.string.isRequired,\n  unit: PropTypes.string,\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any.isRequired,\n  error: PropTypes.string.isRequired,\n  disabled: PropTypes.bool,\n  onChangeField: PropTypes.func.isRequired,\n  xs: PropTypes.number.isRequired,\n  className: PropTypes.string,\n};\n\nSelectField.defaultProps = {\n  unit: null,\n  disabled: false,\n  className: null,\n};\n"],"names":["SelectField","type","options","label","unit","value","error","disabled","onChangeField","xs","className","classes","useStyles","isMobile","isMobileDetected","helperText","hasError","labelWithUnit","getUnitDisplay","_jsx","cellInnerMobile","_jsxs","inputLabel","e","target","map","name","propTypes","PropTypes","string","isRequired","arrayOf","shape","any","bool","func","number","defaultProps"],"mappings":"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"}

package/components/Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js

@@ -1 +1,89 @@
-import{useMemo as e}from"react";import r from"prop-types";import{isMobileDetected as t}from"../../../../../utils/mobileDetect.js";import{COMPONENT_FAMILIES as i}from"../../../../../constants/drillstring.js";import{COMPONENT_FAMILIES as n}from"../../../../../constants/casing.js";import{InputText as a}from"./InputText.js";import{SelectField as o}from"./SelectField.js";import{useStyles as l}from"../sharedStyles.js";import{jsxs as s,Fragment as m,jsx as d}from"react/jsx-runtime";function g(r){var g=r.component,u=r.getError,p=r.onChange,h=r.isCasing,c=l(),f=t?6:2,C=e((function(){return h?n:i.drilling}));return s(m,{children:[d(o,{type:"family",options:C,label:"Component",value:g.family,error:u("family"),xs:f,onChangeField:p,className:c.editorHeaderCell}),d(a,{type:"outer_diameter",label:"OD",unit:"shortLength",value:g.outer_diameter,error:u("outer_diameter"),xs:f,onChangeField:p,className:c.editorHeaderCell}),d(a,{type:"inner_diameter",label:"ID",unit:"shortLength",value:g.inner_diameter,error:u("inner_diameter"),xs:f,onChangeField:p,className:c.editorHeaderCell}),d(a,{type:"linear_weight",label:"Linear Weight",unit:"massPerLength",value:g.linear_weight,error:u("linear_weight"),xs:f,onChangeField:p,className:c.editorHeaderCell}),d(a,{type:"length",label:"Length",unit:"length",value:g.length,error:u("length"),xs:f,onChangeField:p,className:c.editorHeaderCell}),d("div",{className:c.editorGap})]})}g.propTypes={component:r.shape({family:r.string,outer_diameter:r.number,inner_diameter:r.number,linear_weight:r.number,length:r.number}).isRequired,getError:r.func.isRequired,onChange:r.func.isRequired,isCasing:r.bool},g.defaultProps={isCasing:!1};export{g as SharedEditorElements};
+import { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { isMobileDetected } from '../../../../../utils/mobileDetect.js';
+import { COMPONENT_FAMILIES as COMPONENT_FAMILIES$1 } from '../../../../../constants/drillstring.js';
+import { COMPONENT_FAMILIES } from '../../../../../constants/casing.js';
+import { InputText } from './InputText.js';
+import { SelectField } from './SelectField.js';
+import { useStyles } from '../sharedStyles.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function SharedEditorElements(_ref) {
+  var component = _ref.component,
+    getError = _ref.getError,
+    onChange = _ref.onChange,
+    isCasing = _ref.isCasing;
+  var classes = useStyles();
+  var xs = isMobileDetected ? 6 : 2;
+  var familes = useMemo(function () {
+    return isCasing ? COMPONENT_FAMILIES : COMPONENT_FAMILIES$1.drilling;
+  });
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(SelectField, {
+      type: "family",
+      options: familes,
+      label: "Component",
+      value: component.family,
+      error: getError('family'),
+      xs: xs,
+      onChangeField: onChange,
+      className: classes.editorHeaderCell
+    }), /*#__PURE__*/jsx(InputText, {
+      type: "outer_diameter",
+      label: "OD",
+      unit: "shortLength",
+      value: component.outer_diameter,
+      error: getError('outer_diameter'),
+      xs: xs,
+      onChangeField: onChange,
+      className: classes.editorHeaderCell
+    }), /*#__PURE__*/jsx(InputText, {
+      type: "inner_diameter",
+      label: "ID",
+      unit: "shortLength",
+      value: component.inner_diameter,
+      error: getError('inner_diameter'),
+      xs: xs,
+      onChangeField: onChange,
+      className: classes.editorHeaderCell
+    }), /*#__PURE__*/jsx(InputText, {
+      type: "linear_weight",
+      label: "Linear Weight",
+      unit: "massPerLength",
+      value: component.linear_weight,
+      error: getError('linear_weight'),
+      xs: xs,
+      onChangeField: onChange,
+      className: classes.editorHeaderCell
+    }), /*#__PURE__*/jsx(InputText, {
+      type: "length",
+      label: "Length",
+      unit: "length",
+      value: component.length,
+      error: getError('length'),
+      xs: xs,
+      onChangeField: onChange,
+      className: classes.editorHeaderCell
+    }), /*#__PURE__*/jsx("div", {
+      className: classes.editorGap
+    })]
+  });
+}
+SharedEditorElements.propTypes = {
+  component: PropTypes.shape({
+    family: PropTypes.string,
+    outer_diameter: PropTypes.number,
+    inner_diameter: PropTypes.number,
+    linear_weight: PropTypes.number,
+    length: PropTypes.number
+  }).isRequired,
+  getError: PropTypes.func.isRequired,
+  onChange: PropTypes.func.isRequired,
+  isCasing: PropTypes.bool
+};
+SharedEditorElements.defaultProps = {
+  isCasing: false
+};
+
+export { SharedEditorElements };
+//# sourceMappingURL=SharedEditorElements.js.map

package/components/Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharedEditorElements.js","sources":["../../../../../../src/components/Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js"],"sourcesContent":["import { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { isMobileDetected } from '~/utils/mobileDetect';\nimport { COMPONENT_FAMILIES as DRILLSTRING_FAMILES } from '~/constants/drillstring';\nimport { COMPONENT_FAMILIES as CASING_BHA_FAMILES } from '~/constants/casing';\nimport { InputText } from './InputText';\nimport { SelectField } from './SelectField';\nimport { useStyles } from '../sharedStyles';\n\nexport function SharedEditorElements({ component, getError, onChange, isCasing }) {\n  const classes = useStyles();\n  const xs = isMobileDetected ? 6 : 2;\n\n  const familes = useMemo(() => {\n    return isCasing ? CASING_BHA_FAMILES : DRILLSTRING_FAMILES.drilling;\n  });\n\n  return (\n    <>\n      <SelectField\n        type=\"family\"\n        options={familes}\n        label=\"Component\"\n        value={component.family}\n        error={getError('family')}\n        xs={xs}\n        onChangeField={onChange}\n        className={classes.editorHeaderCell}\n      />\n      <InputText\n        type=\"outer_diameter\"\n        label=\"OD\"\n        unit=\"shortLength\"\n        value={component.outer_diameter}\n        error={getError('outer_diameter')}\n        xs={xs}\n        onChangeField={onChange}\n        className={classes.editorHeaderCell}\n      />\n      <InputText\n        type=\"inner_diameter\"\n        label=\"ID\"\n        unit=\"shortLength\"\n        value={component.inner_diameter}\n        error={getError('inner_diameter')}\n        xs={xs}\n        onChangeField={onChange}\n        className={classes.editorHeaderCell}\n      />\n      <InputText\n        type=\"linear_weight\"\n        label=\"Linear Weight\"\n        unit=\"massPerLength\"\n        value={component.linear_weight}\n        error={getError('linear_weight')}\n        xs={xs}\n        onChangeField={onChange}\n        className={classes.editorHeaderCell}\n      />\n      <InputText\n        type=\"length\"\n        label=\"Length\"\n        unit=\"length\"\n        value={component.length}\n        error={getError('length')}\n        xs={xs}\n        onChangeField={onChange}\n        className={classes.editorHeaderCell}\n      />\n      <div className={classes.editorGap} />\n    </>\n  );\n}\n\nSharedEditorElements.propTypes = {\n  component: PropTypes.shape({\n    family: PropTypes.string,\n    outer_diameter: PropTypes.number,\n    inner_diameter: PropTypes.number,\n    linear_weight: PropTypes.number,\n    length: PropTypes.number,\n  }).isRequired,\n  getError: PropTypes.func.isRequired,\n  onChange: PropTypes.func.isRequired,\n  isCasing: PropTypes.bool,\n};\n\nSharedEditorElements.defaultProps = {\n  isCasing: false,\n};\n"],"names":["SharedEditorElements","component","getError","onChange","isCasing","classes","useStyles","xs","isMobileDetected","familes","useMemo","CASING_BHA_FAMILES","DRILLSTRING_FAMILES","drilling","_jsxs","_Fragment","_jsx","family","editorHeaderCell","outer_diameter","inner_diameter","linear_weight","length","editorGap","propTypes","PropTypes","shape","string","number","isRequired","func","bool","defaultProps"],"mappings":"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"}

package/components/Drillstring/BHAComponentsTable/components/shared/StaticField.js

@@ -1 +1,60 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"prop-types";import{Grid as l,Tooltip as t}from"@material-ui/core";import{isMobileDetected as i}from"../../../../../utils/mobileDetect.js";import{getUnitDisplay as o}from"../../../../../utils/index.js";import{FormatedNumber as a}from"./FormatedNumber.js";import{useStyles as m}from"../sharedStyles.js";import{CONTAINER_XS as s}from"../constants.js";import{jsxs as n,jsx as c}from"react/jsx-runtime";function p(r){var p=r.label,u=r.unit,d=r.value,f=r.format,b=r.placeholder,h=r.xs,v=m({isMobile:i}),j=u?"".concat(p," (").concat(o(u),")"):p;return n(l,{item:!0,xs:i?s:h,className:e({},v.cellInnerMobile,i),children:[c(t,{title:j,children:c("div",{className:v.cellLabel,children:j})}),c("div",{className:v.cellValue,children:f?c(a,{value:d,format:f,placeholder:b}):d||b})]})}p.propTypes={label:r.string.isRequired,unit:r.string,value:r.any,format:r.string,placeholder:r.string,xs:r.number.isRequired},p.defaultProps={unit:null,value:null,format:"0.00",placeholder:"—"};export{p as StaticField};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+import { Grid, Tooltip } from '@material-ui/core';
+import { isMobileDetected } from '../../../../../utils/mobileDetect.js';
+import { getUnitDisplay } from '../../../../../utils/index.js';
+import { FormatedNumber } from './FormatedNumber.js';
+import { useStyles } from '../sharedStyles.js';
+import { CONTAINER_XS } from '../constants.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function StaticField(_ref) {
+  var label = _ref.label,
+    unit = _ref.unit,
+    value = _ref.value,
+    format = _ref.format,
+    placeholder = _ref.placeholder,
+    xs = _ref.xs;
+  var classes = useStyles({
+    isMobile: isMobileDetected
+  });
+  var labelWithUnit = unit ? "".concat(label, " (").concat(getUnitDisplay(unit), ")") : label;
+  var xsValue = isMobileDetected ? CONTAINER_XS : xs;
+  return /*#__PURE__*/jsxs(Grid, {
+    item: true,
+    xs: xsValue,
+    className: _defineProperty({}, classes.cellInnerMobile, isMobileDetected),
+    children: [/*#__PURE__*/jsx(Tooltip, {
+      title: labelWithUnit,
+      children: /*#__PURE__*/jsx("div", {
+        className: classes.cellLabel,
+        children: labelWithUnit
+      })
+    }), /*#__PURE__*/jsx("div", {
+      className: classes.cellValue,
+      children: format ? /*#__PURE__*/jsx(FormatedNumber, {
+        value: value,
+        format: format,
+        placeholder: placeholder
+      }) : value || placeholder
+    })]
+  });
+}
+StaticField.propTypes = {
+  label: PropTypes.string.isRequired,
+  unit: PropTypes.string,
+  // eslint-disable-next-line react/forbid-prop-types
+  value: PropTypes.any,
+  format: PropTypes.string,
+  placeholder: PropTypes.string,
+  xs: PropTypes.number.isRequired
+};
+StaticField.defaultProps = {
+  unit: null,
+  value: null,
+  format: '0.00',
+  placeholder: '—'
+};
+
+export { StaticField };
+//# sourceMappingURL=StaticField.js.map

package/components/Drillstring/BHAComponentsTable/components/shared/StaticField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticField.js","sources":["../../../../../../src/components/Drillstring/BHAComponentsTable/components/shared/StaticField.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Grid, Tooltip } from '@material-ui/core';\nimport { isMobileDetected } from '~/utils/mobileDetect';\nimport { getUnitDisplay } from '~/utils';\nimport { FormatedNumber } from './FormatedNumber';\nimport { useStyles } from '../sharedStyles';\nimport { CONTAINER_XS } from '../constants';\n\nexport function StaticField({ label, unit, value, format, placeholder, xs }) {\n  const classes = useStyles({ isMobile: isMobileDetected });\n  const labelWithUnit = unit ? `${label} (${getUnitDisplay(unit)})` : label;\n  const xsValue = isMobileDetected ? CONTAINER_XS : xs;\n\n  return (\n    <Grid item xs={xsValue} className={{ [classes.cellInnerMobile]: isMobileDetected }}>\n      <Tooltip title={labelWithUnit}>\n        <div className={classes.cellLabel}>{labelWithUnit}</div>\n      </Tooltip>\n      <div className={classes.cellValue}>\n        {format ? (\n          <FormatedNumber value={value} format={format} placeholder={placeholder} />\n        ) : (\n          value || placeholder\n        )}\n      </div>\n    </Grid>\n  );\n}\n\nStaticField.propTypes = {\n  label: PropTypes.string.isRequired,\n  unit: PropTypes.string,\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n  format: PropTypes.string,\n  placeholder: PropTypes.string,\n  xs: PropTypes.number.isRequired,\n};\n\nStaticField.defaultProps = {\n  unit: null,\n  value: null,\n  format: '0.00',\n  placeholder: '—',\n};\n"],"names":["StaticField","label","unit","value","format","placeholder","xs","classes","useStyles","isMobile","isMobileDetected","labelWithUnit","getUnitDisplay","xsValue","CONTAINER_XS","_jsxs","cellInnerMobile","_jsx","cellLabel","cellValue","propTypes","PropTypes","string","isRequired","any","number","defaultProps"],"mappings":";;;;;;;;;;AAQO,SAASA,WAAW,CAAkD,IAAA,EAAA;EAAA,IAA/CC,KAAK,QAALA,KAAK;AAAEC,IAAAA,IAAI,QAAJA,IAAI;AAAEC,IAAAA,KAAK,QAALA,KAAK;AAAEC,IAAAA,MAAM,QAANA,MAAM;AAAEC,IAAAA,WAAW,QAAXA,WAAW;AAAEC,IAAAA,EAAE,QAAFA,EAAE,CAAA;EACvE,IAAMC,OAAO,GAAGC,SAAS,CAAC;AAAEC,IAAAA,QAAQ,EAAEC,gBAAAA;AAAiB,GAAC,CAAC,CAAA;EACzD,IAAMC,aAAa,GAAGT,IAAI,GAAMD,EAAAA,CAAAA,MAAAA,CAAAA,KAAK,EAAKW,IAAAA,CAAAA,CAAAA,MAAAA,CAAAA,cAAc,CAACV,IAAI,CAAC,EAAA,GAAA,CAAA,GAAMD,KAAK,CAAA;AACzE,EAAA,IAAMY,OAAO,GAAGH,gBAAgB,GAAGI,YAAY,GAAGR,EAAE,CAAA;AAEpD,EAAA,oBACES,KAAC,IAAI,EAAA;IAAC,IAAI,EAAA,IAAA;AAAC,IAAA,EAAE,EAAEF,OAAQ;AAAC,IAAA,SAAS,sBAAKN,OAAO,CAACS,eAAe,EAAGN,gBAAgB,CAAG;AAAA,IAAA,QAAA,EAAA,cACjFO,IAAC,OAAO,EAAA;AAAC,MAAA,KAAK,EAAEN,aAAc;MAAA,QAC5B,eAAAM,GAAA,CAAA,KAAA,EAAA;QAAK,SAAS,EAAEV,OAAO,CAACW,SAAU;QAAA,QAAEP,EAAAA,aAAAA;AAAa,OAAA,CAAA;AAAO,KAAA,CAChD,eACVM,GAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEV,OAAO,CAACY,SAAU;MAAA,QAC/Bf,EAAAA,MAAM,gBACLa,GAAA,CAAC,cAAc,EAAA;AAAC,QAAA,KAAK,EAAEd,KAAM;AAAC,QAAA,MAAM,EAAEC,MAAO;AAAC,QAAA,WAAW,EAAEC,WAAAA;OAAe,CAAA,GAE1EF,KAAK,IAAIE,WAAAA;KAEP,CAAA,CAAA;GACD,CAAA,CAAA;AAEX,CAAA;AAEAL,WAAW,CAACoB,SAAS,GAAG;AACtBnB,EAAAA,KAAK,EAAEoB,SAAS,CAACC,MAAM,CAACC,UAAU;EAClCrB,IAAI,EAAEmB,SAAS,CAACC,MAAM;AACtB;EACAnB,KAAK,EAAEkB,SAAS,CAACG,GAAG;EACpBpB,MAAM,EAAEiB,SAAS,CAACC,MAAM;EACxBjB,WAAW,EAAEgB,SAAS,CAACC,MAAM;AAC7BhB,EAAAA,EAAE,EAAEe,SAAS,CAACI,MAAM,CAACF,UAAAA;AACvB,CAAC,CAAA;AAEDvB,WAAW,CAAC0B,YAAY,GAAG;AACzBxB,EAAAA,IAAI,EAAE,IAAI;AACVC,EAAAA,KAAK,EAAE,IAAI;AACXC,EAAAA,MAAM,EAAE,MAAM;AACdC,EAAAA,WAAW,EAAE,GAAA;AACf,CAAC;;;;"}

package/components/Drillstring/BHAComponentsTable/components/sharedStyles.js

@@ -1 +1,193 @@
-import{makeStyles as t}from"@material-ui/core";var e=t((function(t){return{component:{display:"flex",flexDirection:"column",width:"100%","&:hover":{background:function(t){var e=t.isEditing,i=t.isDragComponent;return!e&&!i&&"rgba(255, 255, 255, 0.03)"}},padding:0},componentActive:{background:function(t){return!t.isEditing&&"rgba(255, 255, 255, 0.03)"},"& $moreButton":{color:t.palette.primary.text1,backgroundColor:"rgba(255, 255, 255, 0.08)"}},componentMobile:{height:"72px",marginBottom:"8px",padding:"0px 12px",borderRadius:"4px",justifyContent:"center",backgroundColor:t.palette.background.b7},componentExpandedMobile:{height:"fit-content",paddingBottom:"16px"},detailedView:{padding:"24px 80px 16px 40px"},detailedViewMobile:{padding:"0px 4px"},editorContainer:{padding:"16px 0"},editorComponentSize:{width:"40px"},eidtorContentContainer:{width:function(t){return t.isMobile?"100%":"calc(100% - 120px)"}},eidtorActionGroup:{width:"80px",textAlign:"right"},eidtorNozzleView:{padding:0,paddingLeft:"8px"},editorHeaderCell:{maxWidth:"20%",flexBasis:"20%"},editorGap:{width:"100%",height:"8px"},row:{display:"flex"},rowExpanded:{marginTop:"12px",marginBottom:"8px"},cell:function(e){var i=e.isMobile;return{display:"flex",alignItems:"center",fontSize:i?"14px":"13px",fontWeight:400,color:t.palette.primary.text1,paddingBottom:i?0:1}},ratioWidth:{width:"calc((100% - 120px) / 5)",paddingLeft:"8px"},actionCell:{display:"flex",width:"80px",minWidth:"80px",justifyContent:"flex-end",alignItems:"center",flex:1},actionButton:{padding:"8px",color:t.palette.primary.text6,"&:hover":{color:t.palette.primary.text1}},actionIcon:{fontSize:"16px"},moreButton:{},componentMobileCell:{marginLeft:"36px"},cellInnerMobile:{display:"flex",flexDirection:"row",justifyContent:"space-between"},cellLabel:function(e){var i=e.isMobile;return{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",color:t.palette.primary.text6,fontSize:i?"13px":"12px",fontWeight:500,letterSpacing:"0.4px",lineHeight:i?"14px":"17px"}},cellValue:function(e){var i=e.isMobile;return{marginTop:i?0:5,paddingLeft:i&&"12px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontSize:i?"13px":"16px",fontWeight:400,color:t.palette.primary.text1,lineHeight:i?"14px":"22px"}},largeFontSize:{fontSize:"16px"},inputLabel:{width:"100%",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},subGroup:{width:"100%"},subTitle:function(t){var e=t.isMobile;return{fontSize:"14px",fontWeight:e?600:700,marginLeft:e?"4px":"40px",marginTop:e&&"16px",marginBottom:e&&"16px"}},subTitleEditing:{marginLeft:"8px !important"},additionalTitle:function(t){return{fontSize:"14px",fontWeight:t.isMobile?600:700}},addButton:{padding:"8px",margin:"8px 12px"},addIcon:{fontSize:"20px"}}}));export{e as useStyles};
+import { makeStyles } from '@material-ui/core';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    component: {
+      display: 'flex',
+      flexDirection: 'column',
+      width: '100%',
+      '&:hover': {
+        background: function background(_ref) {
+          var isEditing = _ref.isEditing,
+            isDragComponent = _ref.isDragComponent;
+          return !isEditing && !isDragComponent && 'rgba(255, 255, 255, 0.03)';
+        }
+      },
+      padding: 0
+    },
+    componentActive: {
+      background: function background(_ref2) {
+        var isEditing = _ref2.isEditing;
+        return !isEditing && 'rgba(255, 255, 255, 0.03)';
+      },
+      '& $moreButton': {
+        color: theme.palette.primary.text1,
+        backgroundColor: 'rgba(255, 255, 255, 0.08)'
+      }
+    },
+    componentMobile: {
+      height: '72px',
+      marginBottom: '8px',
+      padding: '0px 12px',
+      borderRadius: '4px',
+      justifyContent: 'center',
+      backgroundColor: theme.palette.background.b7
+    },
+    componentExpandedMobile: {
+      height: 'fit-content',
+      paddingBottom: '16px'
+    },
+    detailedView: {
+      padding: '24px 80px 16px 40px'
+    },
+    detailedViewMobile: {
+      padding: '0px 4px'
+    },
+    editorContainer: {
+      padding: '16px 0'
+    },
+    editorComponentSize: {
+      width: '40px'
+    },
+    eidtorContentContainer: {
+      width: function width(_ref3) {
+        var isMobile = _ref3.isMobile;
+        return isMobile ? '100%' : 'calc(100% - 120px)';
+      }
+    },
+    eidtorActionGroup: {
+      width: '80px',
+      textAlign: 'right'
+    },
+    eidtorNozzleView: {
+      padding: 0,
+      paddingLeft: '8px'
+    },
+    editorHeaderCell: {
+      maxWidth: '20%',
+      flexBasis: '20%'
+    },
+    editorGap: {
+      width: '100%',
+      height: '8px'
+    },
+    row: {
+      display: 'flex'
+    },
+    rowExpanded: {
+      marginTop: '12px',
+      marginBottom: '8px'
+    },
+    cell: function cell(_ref4) {
+      var isMobile = _ref4.isMobile;
+      return {
+        display: 'flex',
+        alignItems: 'center',
+        fontSize: isMobile ? '14px' : '13px',
+        fontWeight: 400,
+        color: theme.palette.primary.text1,
+        paddingBottom: isMobile ? 0 : 1
+      };
+    },
+    ratioWidth: {
+      width: 'calc((100% - 120px) / 5)',
+      paddingLeft: '8px'
+    },
+    actionCell: {
+      display: 'flex',
+      width: '80px',
+      minWidth: '80px',
+      justifyContent: 'flex-end',
+      alignItems: 'center',
+      flex: 1
+    },
+    actionButton: {
+      padding: '8px',
+      color: theme.palette.primary.text6,
+      '&:hover': {
+        color: theme.palette.primary.text1
+      }
+    },
+    actionIcon: {
+      fontSize: '16px'
+    },
+    moreButton: {},
+    componentMobileCell: {
+      marginLeft: '36px'
+    },
+    cellInnerMobile: {
+      display: 'flex',
+      flexDirection: 'row',
+      justifyContent: 'space-between'
+    },
+    cellLabel: function cellLabel(_ref5) {
+      var isMobile = _ref5.isMobile;
+      return {
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        color: theme.palette.primary.text6,
+        fontSize: isMobile ? '13px' : '12px',
+        fontWeight: 500,
+        letterSpacing: '0.4px',
+        lineHeight: isMobile ? '14px' : '17px'
+      };
+    },
+    cellValue: function cellValue(_ref6) {
+      var isMobile = _ref6.isMobile;
+      return {
+        marginTop: isMobile ? 0 : 5,
+        paddingLeft: isMobile && '12px',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        fontSize: isMobile ? '13px' : '16px',
+        fontWeight: 400,
+        color: theme.palette.primary.text1,
+        lineHeight: isMobile ? '14px' : '22px'
+      };
+    },
+    largeFontSize: {
+      fontSize: '16px'
+    },
+    inputLabel: {
+      width: '100%',
+      whiteSpace: 'nowrap',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis'
+    },
+    subGroup: {
+      width: '100%'
+    },
+    subTitle: function subTitle(_ref7) {
+      var isMobile = _ref7.isMobile;
+      return {
+        fontSize: '14px',
+        fontWeight: isMobile ? 600 : 700,
+        marginLeft: isMobile ? '4px' : '40px',
+        marginTop: isMobile && '16px',
+        marginBottom: isMobile && '16px'
+      };
+    },
+    subTitleEditing: {
+      marginLeft: '8px !important'
+    },
+    additionalTitle: function additionalTitle(_ref8) {
+      var isMobile = _ref8.isMobile;
+      return {
+        fontSize: '14px',
+        fontWeight: isMobile ? 600 : 700
+      };
+    },
+    addButton: {
+      padding: '8px',
+      margin: '8px 12px'
+    },
+    addIcon: {
+      fontSize: '20px'
+    }
+  };
+});
+
+export { useStyles };
+//# sourceMappingURL=sharedStyles.js.map

package/components/Drillstring/BHAComponentsTable/components/sharedStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sharedStyles.js","sources":["../../../../../src/components/Drillstring/BHAComponentsTable/components/sharedStyles.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nexport const useStyles = makeStyles(theme => ({\n  component: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    '&:hover': {\n      background: ({ isEditing, isDragComponent }) =>\n        !isEditing && !isDragComponent && 'rgba(255, 255, 255, 0.03)',\n    },\n    padding: 0,\n  },\n  componentActive: {\n    background: ({ isEditing }) => !isEditing && 'rgba(255, 255, 255, 0.03)',\n    '& $moreButton': {\n      color: theme.palette.primary.text1,\n      backgroundColor: 'rgba(255, 255, 255, 0.08)',\n    },\n  },\n  componentMobile: {\n    height: '72px',\n    marginBottom: '8px',\n    padding: '0px 12px',\n    borderRadius: '4px',\n    justifyContent: 'center',\n    backgroundColor: theme.palette.background.b7,\n  },\n  componentExpandedMobile: {\n    height: 'fit-content',\n    paddingBottom: '16px',\n  },\n  detailedView: {\n    padding: '24px 80px 16px 40px',\n  },\n  detailedViewMobile: {\n    padding: '0px 4px',\n  },\n  editorContainer: {\n    padding: '16px 0',\n  },\n  editorComponentSize: {\n    width: '40px',\n  },\n  eidtorContentContainer: {\n    width: ({ isMobile }) => (isMobile ? '100%' : 'calc(100% - 120px)'),\n  },\n  eidtorActionGroup: {\n    width: '80px',\n    textAlign: 'right',\n  },\n  eidtorNozzleView: {\n    padding: 0,\n    paddingLeft: '8px',\n  },\n  editorHeaderCell: {\n    maxWidth: '20%',\n    flexBasis: '20%',\n  },\n  editorGap: {\n    width: '100%',\n    height: '8px',\n  },\n  row: {\n    display: 'flex',\n  },\n  rowExpanded: {\n    marginTop: '12px',\n    marginBottom: '8px',\n  },\n  cell: ({ isMobile }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    fontSize: isMobile ? '14px' : '13px',\n    fontWeight: 400,\n    color: theme.palette.primary.text1,\n    paddingBottom: isMobile ? 0 : 1,\n  }),\n  ratioWidth: {\n    width: 'calc((100% - 120px) / 5)',\n    paddingLeft: '8px',\n  },\n  actionCell: {\n    display: 'flex',\n    width: '80px',\n    minWidth: '80px',\n    justifyContent: 'flex-end',\n    alignItems: 'center',\n    flex: 1,\n  },\n  actionButton: {\n    padding: '8px',\n    color: theme.palette.primary.text6,\n    '&:hover': {\n      color: theme.palette.primary.text1,\n    },\n  },\n  actionIcon: {\n    fontSize: '16px',\n  },\n  moreButton: {},\n  componentMobileCell: {\n    marginLeft: '36px',\n  },\n  cellInnerMobile: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  cellLabel: ({ isMobile }) => ({\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    color: theme.palette.primary.text6,\n    fontSize: isMobile ? '13px' : '12px',\n    fontWeight: 500,\n    letterSpacing: '0.4px',\n    lineHeight: isMobile ? '14px' : '17px',\n  }),\n  cellValue: ({ isMobile }) => ({\n    marginTop: isMobile ? 0 : 5,\n    paddingLeft: isMobile && '12px',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    fontSize: isMobile ? '13px' : '16px',\n    fontWeight: 400,\n    color: theme.palette.primary.text1,\n    lineHeight: isMobile ? '14px' : '22px',\n  }),\n  largeFontSize: {\n    fontSize: '16px',\n  },\n  inputLabel: {\n    width: '100%',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n  subGroup: {\n    width: '100%',\n  },\n  subTitle: ({ isMobile }) => ({\n    fontSize: '14px',\n    fontWeight: isMobile ? 600 : 700,\n    marginLeft: isMobile ? '4px' : '40px',\n    marginTop: isMobile && '16px',\n    marginBottom: isMobile && '16px',\n  }),\n  subTitleEditing: {\n    marginLeft: '8px !important',\n  },\n  additionalTitle: ({ isMobile }) => ({\n    fontSize: '14px',\n    fontWeight: isMobile ? 600 : 700,\n  }),\n  addButton: {\n    padding: '8px',\n    margin: '8px 12px',\n  },\n  addIcon: {\n    fontSize: '20px',\n  },\n}));\n"],"names":["useStyles","makeStyles","theme","component","display","flexDirection","width","background","isEditing","isDragComponent","padding","componentActive","color","palette","primary","text1","backgroundColor","componentMobile","height","marginBottom","borderRadius","justifyContent","b7","componentExpandedMobile","paddingBottom","detailedView","detailedViewMobile","editorContainer","editorComponentSize","eidtorContentContainer","isMobile","eidtorActionGroup","textAlign","eidtorNozzleView","paddingLeft","editorHeaderCell","maxWidth","flexBasis","editorGap","row","rowExpanded","marginTop","cell","alignItems","fontSize","fontWeight","ratioWidth","actionCell","minWidth","flex","actionButton","text6","actionIcon","moreButton","componentMobileCell","marginLeft","cellInnerMobile","cellLabel","whiteSpace","overflow","textOverflow","letterSpacing","lineHeight","cellValue","largeFontSize","inputLabel","subGroup","subTitle","subTitleEditing","additionalTitle","addButton","margin","addIcon"],"mappings":"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"}

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

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