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

package/components/Drillstring/BHAComponentsTable/components/EditComponentDialog.js

@@ -1 +1,213 @@
-import r from"@babel/runtime/helpers/defineProperty";import{memo as e}from"react";import i from"prop-types";import{makeStyles as o,Dialog as t,DialogTitle as n,Typography as s,DialogContent as a,DialogActions as l,Button as p}from"@material-ui/core";import{Close as c,ArrowBackIos as m}from"@material-ui/icons";import{COMPONENT_FAMILIES as d}from"../../../../constants/drillstring.js";import"./DrillPipe/Browser.js";import f from"./DrillPipe/Editor.js";import"./Agitator/Browser.js";import u from"./Agitator/Editor.js";import"./Bit/Browser.js";import b from"./Bit/Editor.js";import"./DrillCollar/Browser.js";import g from"./DrillCollar/Editor.js";import"./Jar/Browser.js";import h from"./Jar/Editor.js";import"./Lwd/Browser.js";import j from"./Lwd/Editor.js";import"./Mwd/Browser.js";import w from"./Mwd/Editor.js";import"./Pdm/Browser.js";import y from"./Pdm/Editor.js";import"./Rss/Browser.js";import x from"./Rss/Editor.js";import"./Stabilizer/Browser.js";import v from"./Stabilizer/Editor.js";import"./Sub/Browser.js";import C from"./Sub/Editor.js";import"./Ur/Browser.js";import O from"./Ur/Editor.js";import{jsxs as B,jsx as E}from"react/jsx-runtime";function S(r,e){var i=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),i.push.apply(i,o)}return i}function M(e){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?S(Object(o),!0).forEach((function(i){r(e,i,o[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):S(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var D=o((function(r){return{paper:{background:r.isLightTheme?r.palette.primary.text1:r.palette.background.b5},dialogTitle:{padding:"12px 0",borderBottom:"1px solid ".concat(r.palette.background.b7)},titleWrapper:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 16px"},title:{fontSize:"20px",fontWeight:400},closeIcon:{color:r.palette.primary.text6,"&:hover":{color:r.palette.primary.text1}},dialogContent:{padding:"0px 0px 0px 16px",flexDirection:"column",height:"100%",width:"100%",position:"relative"},dialogActions:{padding:"8px 16px",justifyContent:"space-between"},contentView:{display:"flex",height:"100%"},componentListView:{height:"100%",flex:1,overflowY:"auto",paddingRight:"16px"},bottomGradient:{position:"absolute",height:"16px",left:0,right:0,bottom:0,background:"linear-gradient(180deg, rgba(33, 33, 33, 0) 0%, ".concat(r.palette.background.b5," 100%)")}}}));function P(r){var e=r.component,i=r.isDraft,o=r.error,S=r.onChange,P=r.onUseSuggestion,k=r.onCancel,R=r.onSave,N=r.onClose,q={component:e,isDraft:i,error:o,onChange:S,onUseSuggestion:P,onCancel:k,onSave:R},U=D(),L=e.family;return B(t,{open:!0,onBackdropClick:N,onEscapeKeyDown:N,maxWidth:"xs",fullWidth:!0,fullScreen:!0,classes:{paper:U.paper},children:[E(n,{className:U.dialogTitle,children:B("div",{className:U.titleWrapper,children:[E(s,{className:U.title,children:function(r){if(!r)return"—";var e=d.drilling.find((function(e){return e.type===r}));return(null==e?void 0:e.name)||r.toUpperCase()}(L)}),E(c,{onClick:N,className:U.closeIcon})]})}),E(a,{className:U.dialogContent,children:B("div",{className:U.contentView,children:[B("div",{className:U.componentListView,children:[("dp"===L||"hwdp"===L)&&E(f,M(M({},q),{},{isMobile:!0})),"stabilizer"===L&&E(v,M(M({},q),{},{isMobile:!0})),"dc"===L&&E(g,M(M({},q),{},{isMobile:!0})),"jar"===L&&E(h,M(M({},q),{},{isMobile:!0})),"sub"===L&&E(C,M(M({},q),{},{isMobile:!0})),"mwd"===L&&E(w,M(M({},q),{},{isMobile:!0})),"agitator"===L&&E(u,M(M({},q),{},{isMobile:!0})),"rss"===L&&E(x,M(M({},q),{},{isMobile:!0})),"pdm"===L&&E(y,M(M({},q),{},{isMobile:!0})),"bit"===L&&E(b,M(M({},q),{},{isMobile:!0})),"lwd"===L&&E(j,M(M({},q),{},{isMobile:!0})),"ur"===L&&E(O,M(M({},q),{},{isMobile:!0}))]}),E("div",{className:U.bottomGradient})]})}),B(l,{className:U.dialogActions,children:[E(p,{startIcon:E(m,{}),onClick:N}),B("div",{children:[E(p,{color:"primary",style:{marginRight:"12px"},onClick:N,children:"Cancel"}),E(p,{variant:"contained",color:"primary",onClick:R,children:"Save"})]})]})]})}P.propTypes={component:i.shape({family:i.string}).isRequired,isDraft:i.bool.isRequired,error:i.shape({}).isRequired,onChange:i.func.isRequired,onUseSuggestion:i.func.isRequired,onCancel:i.func.isRequired,onSave:i.func.isRequired,onClose:i.func.isRequired};var k=e(P);export{k as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { memo } from 'react';
+import PropTypes from 'prop-types';
+import { makeStyles, Dialog, DialogTitle, Typography, DialogContent, DialogActions, Button } from '@material-ui/core';
+import { Close, ArrowBackIos } from '@material-ui/icons';
+import { COMPONENT_FAMILIES } from '../../../../constants/drillstring.js';
+import './DrillPipe/Browser.js';
+import DrillPipeEditor from './DrillPipe/Editor.js';
+import './Agitator/Browser.js';
+import AgitatorEditor from './Agitator/Editor.js';
+import './Bit/Browser.js';
+import BitEditor from './Bit/Editor.js';
+import './DrillCollar/Browser.js';
+import DrillCollarEditor from './DrillCollar/Editor.js';
+import './Jar/Browser.js';
+import JarEditor from './Jar/Editor.js';
+import './Lwd/Browser.js';
+import LwdEditor from './Lwd/Editor.js';
+import './Mwd/Browser.js';
+import MwdEditor from './Mwd/Editor.js';
+import './Pdm/Browser.js';
+import PdmEditor from './Pdm/Editor.js';
+import './Rss/Browser.js';
+import RssEditor from './Rss/Editor.js';
+import './Stabilizer/Browser.js';
+import StabilizerEditor from './Stabilizer/Editor.js';
+import './Sub/Browser.js';
+import SubEditor from './Sub/Editor.js';
+import './Ur/Browser.js';
+import UrEditor from './Ur/Editor.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; }
+var useStyles = makeStyles(function (theme) {
+  return {
+    paper: {
+      background: theme.isLightTheme ? theme.palette.primary.text1 : theme.palette.background.b5
+    },
+    dialogTitle: {
+      padding: '12px 0',
+      borderBottom: "1px solid ".concat(theme.palette.background.b7)
+    },
+    titleWrapper: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      padding: '0 16px'
+    },
+    title: {
+      fontSize: '20px',
+      fontWeight: 400
+    },
+    closeIcon: {
+      color: theme.palette.primary.text6,
+      '&:hover': {
+        color: theme.palette.primary.text1
+      }
+    },
+    dialogContent: {
+      padding: '0px 0px 0px 16px',
+      flexDirection: 'column',
+      height: '100%',
+      width: '100%',
+      position: 'relative'
+    },
+    dialogActions: {
+      padding: '8px 16px',
+      justifyContent: 'space-between'
+    },
+    contentView: {
+      display: 'flex',
+      height: '100%'
+    },
+    componentListView: {
+      height: '100%',
+      flex: 1,
+      overflowY: 'auto',
+      paddingRight: '16px'
+    },
+    bottomGradient: {
+      position: 'absolute',
+      height: '16px',
+      left: 0,
+      right: 0,
+      bottom: 0,
+      background: "linear-gradient(180deg, rgba(33, 33, 33, 0) 0%, ".concat(theme.palette.background.b5, " 100%)")
+    }
+  };
+});
+function EditComponentDialog(_ref) {
+  var component = _ref.component,
+    isDraft = _ref.isDraft,
+    error = _ref.error,
+    onChange = _ref.onChange,
+    onUseSuggestion = _ref.onUseSuggestion,
+    onCancel = _ref.onCancel,
+    onSave = _ref.onSave,
+    onClose = _ref.onClose;
+  var tempComponentProps = {
+    component: component,
+    isDraft: isDraft,
+    error: error,
+    onChange: onChange,
+    onUseSuggestion: onUseSuggestion,
+    onCancel: onCancel,
+    onSave: onSave
+  };
+  var classes = useStyles();
+  var family = component.family;
+  var getComponentName = function getComponentName(type) {
+    if (!type) return '—';
+    var matchedItem = COMPONENT_FAMILIES.drilling.find(function (item) {
+      return item.type === type;
+    });
+    return (matchedItem === null || matchedItem === void 0 ? void 0 : matchedItem.name) || type.toUpperCase();
+  };
+  return /*#__PURE__*/jsxs(Dialog, {
+    open: true,
+    onBackdropClick: onClose,
+    onEscapeKeyDown: onClose,
+    maxWidth: "xs",
+    fullWidth: true,
+    fullScreen: true,
+    classes: {
+      paper: classes.paper
+    },
+    children: [/*#__PURE__*/jsx(DialogTitle, {
+      className: classes.dialogTitle,
+      children: /*#__PURE__*/jsxs("div", {
+        className: classes.titleWrapper,
+        children: [/*#__PURE__*/jsx(Typography, {
+          className: classes.title,
+          children: getComponentName(family)
+        }), /*#__PURE__*/jsx(Close, {
+          onClick: onClose,
+          className: classes.closeIcon
+        })]
+      })
+    }), /*#__PURE__*/jsx(DialogContent, {
+      className: classes.dialogContent,
+      children: /*#__PURE__*/jsxs("div", {
+        className: classes.contentView,
+        children: [/*#__PURE__*/jsxs("div", {
+          className: classes.componentListView,
+          children: [(family === 'dp' || family === 'hwdp') && /*#__PURE__*/jsx(DrillPipeEditor, _objectSpread(_objectSpread({}, tempComponentProps), {}, {
+            isMobile: true
+          })), family === 'stabilizer' && /*#__PURE__*/jsx(StabilizerEditor, _objectSpread(_objectSpread({}, tempComponentProps), {}, {
+            isMobile: true
+          })), family === 'dc' && /*#__PURE__*/jsx(DrillCollarEditor, _objectSpread(_objectSpread({}, tempComponentProps), {}, {
+            isMobile: true
+          })), family === 'jar' && /*#__PURE__*/jsx(JarEditor, _objectSpread(_objectSpread({}, tempComponentProps), {}, {
+            isMobile: true
+          })), family === 'sub' && /*#__PURE__*/jsx(SubEditor, _objectSpread(_objectSpread({}, tempComponentProps), {}, {
+            isMobile: true
+          })), family === 'mwd' && /*#__PURE__*/jsx(MwdEditor, _objectSpread(_objectSpread({}, tempComponentProps), {}, {
+            isMobile: true
+          })), family === 'agitator' && /*#__PURE__*/jsx(AgitatorEditor, _objectSpread(_objectSpread({}, tempComponentProps), {}, {
+            isMobile: true
+          })), family === 'rss' && /*#__PURE__*/jsx(RssEditor, _objectSpread(_objectSpread({}, tempComponentProps), {}, {
+            isMobile: true
+          })), family === 'pdm' && /*#__PURE__*/jsx(PdmEditor, _objectSpread(_objectSpread({}, tempComponentProps), {}, {
+            isMobile: true
+          })), family === 'bit' && /*#__PURE__*/jsx(BitEditor, _objectSpread(_objectSpread({}, tempComponentProps), {}, {
+            isMobile: true
+          })), family === 'lwd' && /*#__PURE__*/jsx(LwdEditor, _objectSpread(_objectSpread({}, tempComponentProps), {}, {
+            isMobile: true
+          })), family === 'ur' && /*#__PURE__*/jsx(UrEditor, _objectSpread(_objectSpread({}, tempComponentProps), {}, {
+            isMobile: true
+          }))]
+        }), /*#__PURE__*/jsx("div", {
+          className: classes.bottomGradient
+        })]
+      })
+    }), /*#__PURE__*/jsxs(DialogActions, {
+      className: classes.dialogActions,
+      children: [/*#__PURE__*/jsx(Button, {
+        startIcon: /*#__PURE__*/jsx(ArrowBackIos, {}),
+        onClick: onClose
+      }), /*#__PURE__*/jsxs("div", {
+        children: [/*#__PURE__*/jsx(Button, {
+          color: "primary",
+          style: {
+            marginRight: '12px'
+          },
+          onClick: onClose,
+          children: "Cancel"
+        }), /*#__PURE__*/jsx(Button, {
+          variant: "contained",
+          color: "primary",
+          onClick: onSave,
+          children: "Save"
+        })]
+      })]
+    })]
+  });
+}
+EditComponentDialog.propTypes = {
+  component: PropTypes.shape({
+    family: PropTypes.string
+  }).isRequired,
+  isDraft: PropTypes.bool.isRequired,
+  error: PropTypes.shape({}).isRequired,
+  onChange: PropTypes.func.isRequired,
+  onUseSuggestion: PropTypes.func.isRequired,
+  onCancel: PropTypes.func.isRequired,
+  onSave: PropTypes.func.isRequired,
+  onClose: PropTypes.func.isRequired
+};
+var EditComponentDialog$1 = memo(EditComponentDialog);
+
+export { EditComponentDialog$1 as default };
+//# sourceMappingURL=EditComponentDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditComponentDialog.js","sources":["../../../../../src/components/Drillstring/BHAComponentsTable/components/EditComponentDialog.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  Button,\n  Typography,\n  makeStyles,\n} from '@material-ui/core';\nimport { Close as CloseIcon, ArrowBackIos as BackIcon } from '@material-ui/icons';\n\nimport { COMPONENT_FAMILIES } from '~/constants/drillstring';\n\nimport { Editor as DrillPipeEditor } from './DrillPipe';\nimport { Editor as AgitatorEditor } from './Agitator';\nimport { Editor as BitEditor } from './Bit';\nimport { Editor as DrillCollarEditor } from './DrillCollar';\nimport { Editor as JarEditor } from './Jar';\nimport { Editor as LwdEditor } from './Lwd';\nimport { Editor as MwdEditor } from './Mwd';\nimport { Editor as PdmEditor } from './Pdm';\nimport { Editor as RssEditor } from './Rss';\nimport { Editor as StabilizerEditor } from './Stabilizer';\nimport { Editor as SubEditor } from './Sub';\nimport { Editor as UrEditor } from './Ur';\n\nconst useStyles = makeStyles(theme => ({\n  paper: {\n    background: theme.isLightTheme ? theme.palette.primary.text1 : theme.palette.background.b5,\n  },\n  dialogTitle: {\n    padding: '12px 0',\n    borderBottom: `1px solid ${theme.palette.background.b7}`,\n  },\n  titleWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    padding: '0 16px',\n  },\n  title: {\n    fontSize: '20px',\n    fontWeight: 400,\n  },\n  closeIcon: {\n    color: theme.palette.primary.text6,\n    '&:hover': {\n      color: theme.palette.primary.text1,\n    },\n  },\n  dialogContent: {\n    padding: '0px 0px 0px 16px',\n    flexDirection: 'column',\n    height: '100%',\n    width: '100%',\n    position: 'relative',\n  },\n  dialogActions: {\n    padding: '8px 16px',\n    justifyContent: 'space-between',\n  },\n  contentView: {\n    display: 'flex',\n    height: '100%',\n  },\n  componentListView: {\n    height: '100%',\n    flex: 1,\n    overflowY: 'auto',\n    paddingRight: '16px',\n  },\n  bottomGradient: {\n    position: 'absolute',\n    height: '16px',\n    left: 0,\n    right: 0,\n    bottom: 0,\n    background: `linear-gradient(180deg, rgba(33, 33, 33, 0) 0%, ${theme.palette.background.b5} 100%)`,\n  },\n}));\n\nfunction EditComponentDialog({\n  component,\n  isDraft,\n  error,\n  onChange,\n  onUseSuggestion,\n  onCancel,\n  onSave,\n  onClose,\n}) {\n  const tempComponentProps = {\n    component,\n    isDraft,\n    error,\n    onChange,\n    onUseSuggestion,\n    onCancel,\n    onSave,\n  };\n  const classes = useStyles();\n  const { family } = component;\n\n  const getComponentName = type => {\n    if (!type) return '—';\n    const matchedItem = COMPONENT_FAMILIES.drilling.find(item => item.type === type);\n    return matchedItem?.name || type.toUpperCase();\n  };\n\n  return (\n    <Dialog\n      open\n      onBackdropClick={onClose}\n      onEscapeKeyDown={onClose}\n      maxWidth=\"xs\"\n      fullWidth\n      fullScreen\n      classes={{ paper: classes.paper }}\n    >\n      <DialogTitle className={classes.dialogTitle}>\n        <div className={classes.titleWrapper}>\n          <Typography className={classes.title}>{getComponentName(family)}</Typography>\n          <CloseIcon onClick={onClose} className={classes.closeIcon} />\n        </div>\n      </DialogTitle>\n      <DialogContent className={classes.dialogContent}>\n        <div className={classes.contentView}>\n          <div className={classes.componentListView}>\n            {(family === 'dp' || family === 'hwdp') && (\n              <DrillPipeEditor {...tempComponentProps} isMobile />\n            )}\n            {family === 'stabilizer' && <StabilizerEditor {...tempComponentProps} isMobile />}\n            {family === 'dc' && <DrillCollarEditor {...tempComponentProps} isMobile />}\n            {family === 'jar' && <JarEditor {...tempComponentProps} isMobile />}\n            {family === 'sub' && <SubEditor {...tempComponentProps} isMobile />}\n            {family === 'mwd' && <MwdEditor {...tempComponentProps} isMobile />}\n            {family === 'agitator' && <AgitatorEditor {...tempComponentProps} isMobile />}\n            {family === 'rss' && <RssEditor {...tempComponentProps} isMobile />}\n            {family === 'pdm' && <PdmEditor {...tempComponentProps} isMobile />}\n            {family === 'bit' && <BitEditor {...tempComponentProps} isMobile />}\n            {family === 'lwd' && <LwdEditor {...tempComponentProps} isMobile />}\n            {family === 'ur' && <UrEditor {...tempComponentProps} isMobile />}\n          </div>\n          <div className={classes.bottomGradient} />\n        </div>\n      </DialogContent>\n      <DialogActions className={classes.dialogActions}>\n        <Button startIcon={<BackIcon />} onClick={onClose} />\n        <div>\n          <Button color=\"primary\" style={{ marginRight: '12px' }} onClick={onClose}>\n            Cancel\n          </Button>\n          <Button variant=\"contained\" color=\"primary\" onClick={onSave}>\n            Save\n          </Button>\n        </div>\n      </DialogActions>\n    </Dialog>\n  );\n}\n\nEditComponentDialog.propTypes = {\n  component: PropTypes.shape({ family: PropTypes.string }).isRequired,\n  isDraft: PropTypes.bool.isRequired,\n  error: PropTypes.shape({}).isRequired,\n  onChange: PropTypes.func.isRequired,\n  onUseSuggestion: PropTypes.func.isRequired,\n  onCancel: PropTypes.func.isRequired,\n  onSave: PropTypes.func.isRequired,\n  onClose: PropTypes.func.isRequired,\n};\n\nexport default memo(EditComponentDialog);\n"],"names":["useStyles","makeStyles","theme","paper","background","isLightTheme","palette","primary","text1","b5","dialogTitle","padding","borderBottom","b7","titleWrapper","display","alignItems","justifyContent","title","fontSize","fontWeight","closeIcon","color","text6","dialogContent","flexDirection","height","width","position","dialogActions","contentView","componentListView","flex","overflowY","paddingRight","bottomGradient","left","right","bottom","EditComponentDialog","component","isDraft","error","onChange","onUseSuggestion","onCancel","onSave","onClose","tempComponentProps","classes","family","getComponentName","type","matchedItem","COMPONENT_FAMILIES","drilling","find","item","name","toUpperCase","_jsxs","_jsx","CloseIcon","BackIcon","marginRight","propTypes","PropTypes","shape","string","isRequired","bool","func","memo"],"mappings":"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"}

package/components/Drillstring/BHAComponentsTable/components/Header.js

@@ -1 +1,68 @@
-import{makeStyles as e}from"@material-ui/core";import t from"classnames";import{getUnitDisplay as a}from"../../../../utils/index.js";import{jsxs as i,jsx as l}from"react/jsx-runtime";var d=e((function(e){return{header:{display:"flex",width:"100%",position:"sticky",top:0,background:e.palette.background.b5,zIndex:2},headCell:{display:"flex",alignItems:"center",height:"50px",padding:"8px 0px 8px 8px",borderTop:"1px solid ".concat(e.palette.background.b8),borderBottom:"1px solid ".concat(e.palette.background.b8),background:e.palette.background.b5,color:e.palette.primary.text7,fontSize:"12px"},componentCell:{width:"calc(40px + (100% - 120px) / 5)"},ratioWidth:{width:"calc((100% - 120px) / 5)"},actionCell:{justifyContent:"flex-end",width:"80px",minWidth:"80px",paddingRight:"8px"}}}));function r(){var e=d();return i("div",{className:e.header,children:[l("div",{className:t(e.headCell,e.componentCell),children:"Component"}),i("div",{className:t(e.headCell,e.ratioWidth),children:["OD (",a("shortLength"),")"]}),i("div",{className:t(e.headCell,e.ratioWidth),children:["ID (",a("shortLength"),")"]}),i("div",{className:t(e.headCell,e.ratioWidth),children:["Linear Weight (",a("massPerLength"),")"]}),i("div",{className:t(e.headCell,e.ratioWidth),children:["Length (",a("length"),")"]}),l("div",{className:t(e.headCell,e.actionCell),children:"Action"})]})}export{r as default};
+import { makeStyles } from '@material-ui/core';
+import classNames from 'classnames';
+import { getUnitDisplay } from '../../../../utils/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    header: {
+      display: 'flex',
+      width: '100%',
+      position: 'sticky',
+      top: 0,
+      background: theme.palette.background.b5,
+      zIndex: 2
+    },
+    headCell: {
+      display: 'flex',
+      alignItems: 'center',
+      height: '50px',
+      padding: '8px 0px 8px 8px',
+      borderTop: "1px solid ".concat(theme.palette.background.b8),
+      borderBottom: "1px solid ".concat(theme.palette.background.b8),
+      background: theme.palette.background.b5,
+      color: theme.palette.primary.text7,
+      fontSize: '12px'
+    },
+    componentCell: {
+      width: 'calc(40px + (100% - 120px) / 5)'
+    },
+    ratioWidth: {
+      width: 'calc((100% - 120px) / 5)'
+    },
+    actionCell: {
+      justifyContent: 'flex-end',
+      width: '80px',
+      minWidth: '80px',
+      paddingRight: '8px'
+    }
+  };
+});
+function Header() {
+  var classes = useStyles();
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.header,
+    children: [/*#__PURE__*/jsx("div", {
+      className: classNames(classes.headCell, classes.componentCell),
+      children: "Component"
+    }), /*#__PURE__*/jsxs("div", {
+      className: classNames(classes.headCell, classes.ratioWidth),
+      children: ["OD (", getUnitDisplay('shortLength'), ")"]
+    }), /*#__PURE__*/jsxs("div", {
+      className: classNames(classes.headCell, classes.ratioWidth),
+      children: ["ID (", getUnitDisplay('shortLength'), ")"]
+    }), /*#__PURE__*/jsxs("div", {
+      className: classNames(classes.headCell, classes.ratioWidth),
+      children: ["Linear Weight (", getUnitDisplay('massPerLength'), ")"]
+    }), /*#__PURE__*/jsxs("div", {
+      className: classNames(classes.headCell, classes.ratioWidth),
+      children: ["Length (", getUnitDisplay('length'), ")"]
+    }), /*#__PURE__*/jsx("div", {
+      className: classNames(classes.headCell, classes.actionCell),
+      children: "Action"
+    })]
+  });
+}
+
+export { Header as default };
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../../src/components/Drillstring/BHAComponentsTable/components/Header.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\nimport { getUnitDisplay } from '~/utils';\n\nconst useStyles = makeStyles(theme => ({\n  header: {\n    display: 'flex',\n    width: '100%',\n    position: 'sticky',\n    top: 0,\n    background: theme.palette.background.b5,\n    zIndex: 2,\n  },\n  headCell: {\n    display: 'flex',\n    alignItems: 'center',\n    height: '50px',\n    padding: '8px 0px 8px 8px',\n    borderTop: `1px solid ${theme.palette.background.b8}`,\n    borderBottom: `1px solid ${theme.palette.background.b8}`,\n    background: theme.palette.background.b5,\n    color: theme.palette.primary.text7,\n    fontSize: '12px',\n  },\n  componentCell: {\n    width: 'calc(40px + (100% - 120px) / 5)',\n  },\n  ratioWidth: {\n    width: 'calc((100% - 120px) / 5)',\n  },\n  actionCell: {\n    justifyContent: 'flex-end',\n    width: '80px',\n    minWidth: '80px',\n    paddingRight: '8px',\n  },\n}));\n\nfunction Header() {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.header}>\n      <div className={classNames(classes.headCell, classes.componentCell)}>Component</div>\n      <div className={classNames(classes.headCell, classes.ratioWidth)}>\n        OD ({getUnitDisplay('shortLength')})\n      </div>\n      <div className={classNames(classes.headCell, classes.ratioWidth)}>\n        ID ({getUnitDisplay('shortLength')})\n      </div>\n      <div className={classNames(classes.headCell, classes.ratioWidth)}>\n        Linear Weight ({getUnitDisplay('massPerLength')})\n      </div>\n      <div className={classNames(classes.headCell, classes.ratioWidth)}>\n        Length ({getUnitDisplay('length')})\n      </div>\n      <div className={classNames(classes.headCell, classes.actionCell)}>Action</div>\n    </div>\n  );\n}\n\nexport default Header;\n"],"names":["useStyles","makeStyles","theme","header","display","width","position","top","background","palette","b5","zIndex","headCell","alignItems","height","padding","borderTop","b8","borderBottom","color","primary","text7","fontSize","componentCell","ratioWidth","actionCell","justifyContent","minWidth","paddingRight","Header","classes","_jsxs","_jsx","classNames","getUnitDisplay"],"mappings":"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"}

package/components/Drillstring/BHAComponentsTable/components/Jar/Browser.js

@@ -1 +1,78 @@
-import e from"@babel/runtime/helpers/defineProperty";import{memo as r}from"react";import t from"classnames";import o from"prop-types";import{Grid as a}from"@material-ui/core";import{isMobileDetected as i}from"../../../../../utils/mobileDetect.js";import"../shared/CancelButton.js";import"../shared/ExpandCollapseButton.js";import"../shared/FormatedNumber.js";import"../shared/InputText.js";import"../shared/MoreButton.js";import"../shared/SaveButton.js";import"../shared/SelectField.js";import{StaticField as m}from"../shared/StaticField.js";import"../shared/SharedEditorElements.js";import"../shared/ConfirmationPopup.js";import{useStyles as n}from"../sharedStyles.js";import{CONTAINER_XS as s}from"../constants.js";import{jsx as l,Fragment as p,jsxs as u}from"react/jsx-runtime";function d(r){var o=r.component,d=r.columns,c=n(),h=s/d;return l(p,{children:u(a,{container:!0,spacing:2,className:t(c.detailedView,e({},c.detailedViewMobile,i)),children:[l(m,{label:"Name",value:o.name,format:null,xs:h}),l(m,{label:"Sub Category",value:o.sub_category,format:null,xs:h}),l(m,{label:"T.Weight",unit:"mass",value:o.weight,xs:h}),l(m,{label:"Connection Type",value:o.connection_type,format:null,xs:h}),l(m,{label:"Material",value:o.material,format:null,xs:h})]})})}d.propTypes={component:o.shape({family:o.string,sub_category:o.string,outer_diameter:o.number,inner_diameter:o.number,linear_weight:o.number,length:o.number,name:o.string,weight:o.number,connection_type:o.string,material:o.string}).isRequired,columns:o.number.isRequired};var c=r(d);export{c as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { memo } from 'react';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import { Grid } from '@material-ui/core';
+import { isMobileDetected } from '../../../../../utils/mobileDetect.js';
+import '../shared/CancelButton.js';
+import '../shared/ExpandCollapseButton.js';
+import '../shared/FormatedNumber.js';
+import '../shared/InputText.js';
+import '../shared/MoreButton.js';
+import '../shared/SaveButton.js';
+import '../shared/SelectField.js';
+import { StaticField } from '../shared/StaticField.js';
+import '../shared/SharedEditorElements.js';
+import '../shared/ConfirmationPopup.js';
+import { useStyles } from '../sharedStyles.js';
+import { CONTAINER_XS } from '../constants.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+function Jar(_ref) {
+  var component = _ref.component,
+    columns = _ref.columns;
+  var classes = useStyles();
+  var xs = CONTAINER_XS / columns;
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsxs(Grid, {
+      container: true,
+      spacing: 2,
+      className: classNames(classes.detailedView, _defineProperty({}, classes.detailedViewMobile, isMobileDetected)),
+      children: [/*#__PURE__*/jsx(StaticField, {
+        label: "Name",
+        value: component.name,
+        format: null,
+        xs: xs
+      }), /*#__PURE__*/jsx(StaticField, {
+        label: "Sub Category",
+        value: component.sub_category,
+        format: null,
+        xs: xs
+      }), /*#__PURE__*/jsx(StaticField, {
+        label: "T.Weight",
+        unit: "mass",
+        value: component.weight,
+        xs: xs
+      }), /*#__PURE__*/jsx(StaticField, {
+        label: "Connection Type",
+        value: component.connection_type,
+        format: null,
+        xs: xs
+      }), /*#__PURE__*/jsx(StaticField, {
+        label: "Material",
+        value: component.material,
+        format: null,
+        xs: xs
+      })]
+    })
+  });
+}
+Jar.propTypes = {
+  component: PropTypes.shape({
+    family: PropTypes.string,
+    sub_category: PropTypes.string,
+    outer_diameter: PropTypes.number,
+    inner_diameter: PropTypes.number,
+    linear_weight: PropTypes.number,
+    length: PropTypes.number,
+    name: PropTypes.string,
+    weight: PropTypes.number,
+    connection_type: PropTypes.string,
+    material: PropTypes.string
+  }).isRequired,
+  columns: PropTypes.number.isRequired
+};
+var JarBrowser = memo(Jar);
+
+export { JarBrowser as default };
+//# sourceMappingURL=Browser.js.map

package/components/Drillstring/BHAComponentsTable/components/Jar/Browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Browser.js","sources":["../../../../../../src/components/Drillstring/BHAComponentsTable/components/Jar/Browser.js"],"sourcesContent":["import { memo } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@material-ui/core';\nimport { isMobileDetected } from '~/utils/mobileDetect';\n\nimport { StaticField } from '../shared';\nimport { useStyles } from '../sharedStyles';\nimport { CONTAINER_XS } from '../constants';\n\nfunction Jar({ component, columns }) {\n  const classes = useStyles();\n  const xs = CONTAINER_XS / columns;\n\n  return (\n    <>\n      <Grid\n        container\n        spacing={2}\n        className={classNames(classes.detailedView, {\n          [classes.detailedViewMobile]: isMobileDetected,\n        })}\n      >\n        <StaticField label=\"Name\" value={component.name} format={null} xs={xs} />\n        <StaticField label=\"Sub Category\" value={component.sub_category} format={null} xs={xs} />\n        <StaticField label=\"T.Weight\" unit=\"mass\" value={component.weight} xs={xs} />\n        <StaticField\n          label=\"Connection Type\"\n          value={component.connection_type}\n          format={null}\n          xs={xs}\n        />\n        <StaticField label=\"Material\" value={component.material} format={null} xs={xs} />\n      </Grid>\n    </>\n  );\n}\n\nJar.propTypes = {\n  component: PropTypes.shape({\n    family: PropTypes.string,\n    sub_category: PropTypes.string,\n    outer_diameter: PropTypes.number,\n    inner_diameter: PropTypes.number,\n    linear_weight: PropTypes.number,\n    length: PropTypes.number,\n    name: PropTypes.string,\n    weight: PropTypes.number,\n    connection_type: PropTypes.string,\n    material: PropTypes.string,\n  }).isRequired,\n  columns: PropTypes.number.isRequired,\n};\n\nexport default memo(Jar);\n"],"names":["Jar","component","columns","classes","useStyles","xs","CONTAINER_XS","_jsx","_Fragment","_jsxs","classNames","detailedView","detailedViewMobile","isMobileDetected","name","sub_category","weight","connection_type","material","propTypes","PropTypes","shape","family","string","outer_diameter","number","inner_diameter","linear_weight","length","isRequired","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;AAUA,SAASA,GAAG,CAAyB,IAAA,EAAA;EAAA,IAAtBC,SAAS,QAATA,SAAS;AAAEC,IAAAA,OAAO,QAAPA,OAAO,CAAA;EAC/B,IAAMC,OAAO,GAAGC,SAAS,EAAE,CAAA;AAC3B,EAAA,IAAMC,EAAE,GAAGC,YAAY,GAAGJ,OAAO,CAAA;EAEjC,oBACEK,GAAA,CAAAC,QAAA,EAAA;AAAA,IAAA,QAAA,eACEC,KAAC,IAAI,EAAA;MACH,SAAS,EAAA,IAAA;AACT,MAAA,OAAO,EAAE,CAAE;AACX,MAAA,SAAS,EAAEC,UAAU,CAACP,OAAO,CAACQ,YAAY,EACvCR,eAAAA,CAAAA,EAAAA,EAAAA,OAAO,CAACS,kBAAkB,EAAGC,gBAAgB,CAC7C,CAAA;AAAA,MAAA,QAAA,EAAA,cAEHN,IAAC,WAAW,EAAA;AAAC,QAAA,KAAK,EAAC,MAAM;QAAC,KAAK,EAAEN,SAAS,CAACa,IAAK;AAAC,QAAA,MAAM,EAAE,IAAK;AAAC,QAAA,EAAE,EAAET,EAAAA;OAAM,CAAA,eACzEE,IAAC,WAAW,EAAA;AAAC,QAAA,KAAK,EAAC,cAAc;QAAC,KAAK,EAAEN,SAAS,CAACc,YAAa;AAAC,QAAA,MAAM,EAAE,IAAK;AAAC,QAAA,EAAE,EAAEV,EAAAA;OAAM,CAAA,eACzFE,IAAC,WAAW,EAAA;AAAC,QAAA,KAAK,EAAC,UAAU;AAAC,QAAA,IAAI,EAAC,MAAM;QAAC,KAAK,EAAEN,SAAS,CAACe,MAAO;AAAC,QAAA,EAAE,EAAEX,EAAAA;OAAM,CAAA,eAC7EE,IAAC,WAAW,EAAA;AACV,QAAA,KAAK,EAAC,iBAAiB;QACvB,KAAK,EAAEN,SAAS,CAACgB,eAAgB;AACjC,QAAA,MAAM,EAAE,IAAK;AACb,QAAA,EAAE,EAAEZ,EAAAA;OACJ,CAAA,eACFE,IAAC,WAAW,EAAA;AAAC,QAAA,KAAK,EAAC,UAAU;QAAC,KAAK,EAAEN,SAAS,CAACiB,QAAS;AAAC,QAAA,MAAM,EAAE,IAAK;AAAC,QAAA,EAAE,EAAEb,EAAAA;OAAM,CAAA,CAAA;AAAA,KAAA,CAAA;GAElF,CAAA,CAAA;AAEP,CAAA;AAEAL,GAAG,CAACmB,SAAS,GAAG;AACdlB,EAAAA,SAAS,EAAEmB,SAAS,CAACC,KAAK,CAAC;IACzBC,MAAM,EAAEF,SAAS,CAACG,MAAM;IACxBR,YAAY,EAAEK,SAAS,CAACG,MAAM;IAC9BC,cAAc,EAAEJ,SAAS,CAACK,MAAM;IAChCC,cAAc,EAAEN,SAAS,CAACK,MAAM;IAChCE,aAAa,EAAEP,SAAS,CAACK,MAAM;IAC/BG,MAAM,EAAER,SAAS,CAACK,MAAM;IACxBX,IAAI,EAAEM,SAAS,CAACG,MAAM;IACtBP,MAAM,EAAEI,SAAS,CAACK,MAAM;IACxBR,eAAe,EAAEG,SAAS,CAACG,MAAM;IACjCL,QAAQ,EAAEE,SAAS,CAACG,MAAAA;GACrB,CAAC,CAACM,UAAU;AACb3B,EAAAA,OAAO,EAAEkB,SAAS,CAACK,MAAM,CAACI,UAAAA;AAC5B,CAAC,CAAA;AAED,iBAAeC,IAAI,CAAC9B,GAAG,CAAC;;;;"}