@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/Drillstring/BHATable/BHAComponent.js

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

package/components/Drillstring/BHATable/BHAComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BHAComponent.js","sources":["../../../../src/components/Drillstring/BHATable/BHAComponent.js"],"sourcesContent":["import { memo } from 'react';\nimport { shape, number, func } from 'prop-types';\nimport { TableCell, TableRow, makeStyles } from '@material-ui/core';\nimport { InfoOutlined } from '@material-ui/icons';\n\nimport BHAComponentIcon from '../BHAComponentIcon';\n\nconst useStyles = makeStyles({\n  tableBodyCell: { padding: 0, borderBottom: 'none', height: 49, fontSize: '13px' },\n  componentIconCell: {\n    padding: 0,\n    borderBottom: 'none',\n    height: 49,\n    display: 'flex',\n    alignItems: 'center',\n    fontSize: '13px',\n  },\n  infoIcon: {\n    fontSize: 16,\n    color: '#ccc',\n    cursor: 'pointer',\n  },\n  iconWrapper: {\n    width: '40px',\n    height: '48px',\n    display: 'flex',\n    justifyContent: 'center',\n    marginRight: '4px',\n  },\n});\n\nconst BHAComponent = ({ component, order, onSelect }) => {\n  const { tableBodyCell, componentIconCell, iconWrapper, infoIcon } = useStyles();\n\n  return (\n    <TableRow>\n      <TableCell className={tableBodyCell}>{order}</TableCell>\n      <TableCell className={componentIconCell}>\n        <div className={iconWrapper}>\n          <BHAComponentIcon component={component} />\n        </div>\n        <div>{component.family_name || component.family}</div>\n      </TableCell>\n      <TableCell className={tableBodyCell}>{component.name}</TableCell>\n      <TableCell className={tableBodyCell}>{component.outer_diameter}</TableCell>\n      <TableCell className={tableBodyCell}>{component.inner_diameter}</TableCell>\n      <TableCell className={tableBodyCell}>{component.linear_weight}</TableCell>\n      <TableCell className={tableBodyCell}>{component.length}</TableCell>\n      <TableCell className={tableBodyCell}>{component.weight}</TableCell>\n      <TableCell className={tableBodyCell}>\n        {Number.isFinite(component.c_length) ? component.c_length.toFixed(2) : ''}\n      </TableCell>\n      <TableCell className={tableBodyCell}>{component.grade}</TableCell>\n      <TableCell className={tableBodyCell}>\n        <InfoOutlined className={infoIcon} onClick={() => onSelect(component)} />\n      </TableCell>\n    </TableRow>\n  );\n};\n\nBHAComponent.propTypes = {\n  component: shape({}).isRequired,\n  order: number.isRequired,\n  onSelect: func.isRequired,\n};\n\nexport default memo(BHAComponent);\n"],"names":["useStyles","makeStyles","tableBodyCell","padding","borderBottom","height","fontSize","componentIconCell","display","alignItems","infoIcon","color","cursor","iconWrapper","width","justifyContent","marginRight","BHAComponent","component","order","onSelect","_jsxs","_jsx","BHAComponentIcon","family_name","family","name","outer_diameter","inner_diameter","linear_weight","length","weight","Number","isFinite","c_length","toFixed","grade","propTypes","shape","isRequired","number","func","memo"],"mappings":"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"}

package/components/Drillstring/BHATable/index.js

@@ -1 +1,120 @@
-import{memo as e}from"react";import t from"prop-types";import{makeStyles as l,Table as r,TableHead as a,TableRow as s,TableCell as i,TableBody as n}from"@material-ui/core";import{getUnitDisplay as o}from"../../../utils/index.js";import d from"./BHAComponent.js";import{jsxs as c,jsx as h}from"react/jsx-runtime";var m=l({tableStyle:{tableLayout:"fixed"},tableHeadCellStyle:{height:"38px",padding:"0px",color:"#999999",fontSize:"12px",borderTop:"1px solid rgba(81, 81, 81, 1)"}});function p(e){var t=e.components,l=e.onSelectComponent,p=m(),y=p.tableStyle,f=p.tableHeadCellStyle;return c(r,{className:y,children:[h(a,{children:c(s,{children:[h(i,{className:f,style:{width:"2%"},children:"#"}),h(i,{className:f,style:{width:"13%",paddingLeft:44},children:"Category"}),h(i,{className:f,style:{width:"13%"},children:"Name"}),c(i,{className:f,style:{width:"7%"},children:["OD (",o("shortLength"),")"]}),c(i,{className:f,style:{width:"7%"},children:["ID (",o("shortLength"),")"]}),c(i,{className:f,style:{width:"15%"},children:["Linear Weight (",o("massPerLength"),")"]}),c(i,{className:f,style:{width:"10%"},children:["Length (",o("length"),")"]}),c(i,{className:f,style:{width:"10%"},children:["Weight (",o("mass"),")"]}),c(i,{className:f,style:{width:"13%"},children:["Cum.Length (",o("length"),")"]}),h(i,{className:f,style:{width:"7%"},children:"Grade"}),h(i,{className:f,style:{width:"3%"}})]})}),h(n,{children:t.map((function(e,t){return h(d,{component:e,order:t+1,onSelect:l},e.id)}))})]})}p.propTypes={components:t.arrayOf(t.shape({})).isRequired,onSelectComponent:t.func.isRequired};var y=e(p);export{y as default};
+import { getUnitDisplay } from '../../../utils/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, Table, TableHead, TableRow, TableCell, TableBody } from '@material-ui/core';
+import { memo } from 'react';
+import PropTypes from 'prop-types';
+import BHAComponent from './BHAComponent.js';
+
+var useStyles = makeStyles({
+  tableStyle: {
+    tableLayout: 'fixed'
+  },
+  tableHeadCellStyle: {
+    height: '38px',
+    padding: '0px',
+    color: '#999999',
+    fontSize: '12px',
+    borderTop: '1px solid rgba(81, 81, 81, 1)'
+  }
+});
+
+function BHATable(_ref) {
+  var components = _ref.components,
+      onSelectComponent = _ref.onSelectComponent;
+
+  var _useStyles = useStyles(),
+      tableStyle = _useStyles.tableStyle,
+      tableHeadCellStyle = _useStyles.tableHeadCellStyle;
+
+  return /*#__PURE__*/jsxs(Table, {
+    className: tableStyle,
+    children: [/*#__PURE__*/jsx(TableHead, {
+      children: /*#__PURE__*/jsxs(TableRow, {
+        children: [/*#__PURE__*/jsx(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '2%'
+          },
+          children: "#"
+        }), /*#__PURE__*/jsx(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '13%',
+            paddingLeft: 44
+          },
+          children: "Category"
+        }), /*#__PURE__*/jsx(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '13%'
+          },
+          children: "Name"
+        }), /*#__PURE__*/jsxs(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '7%'
+          },
+          children: ["OD (", getUnitDisplay('shortLength'), ")"]
+        }), /*#__PURE__*/jsxs(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '7%'
+          },
+          children: ["ID (", getUnitDisplay('shortLength'), ")"]
+        }), /*#__PURE__*/jsxs(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '15%'
+          },
+          children: ["Linear Weight (", getUnitDisplay('massPerLength'), ")"]
+        }), /*#__PURE__*/jsxs(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '10%'
+          },
+          children: ["Length (", getUnitDisplay('length'), ")"]
+        }), /*#__PURE__*/jsxs(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '10%'
+          },
+          children: ["Weight (", getUnitDisplay('mass'), ")"]
+        }), /*#__PURE__*/jsxs(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '13%'
+          },
+          children: ["Cum.Length (", getUnitDisplay('length'), ")"]
+        }), /*#__PURE__*/jsx(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '7%'
+          },
+          children: "Grade"
+        }), /*#__PURE__*/jsx(TableCell, {
+          className: tableHeadCellStyle,
+          style: {
+            width: '3%'
+          }
+        })]
+      })
+    }), /*#__PURE__*/jsx(TableBody, {
+      children: components.map(function (component, idx) {
+        return /*#__PURE__*/jsx(BHAComponent, {
+          component: component,
+          order: idx + 1,
+          onSelect: onSelectComponent
+        }, component.id);
+      })
+    })]
+  });
+}
+
+BHATable.propTypes = {
+  components: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  onSelectComponent: PropTypes.func.isRequired
+};
+var BHATable$1 = memo(BHATable);
+
+export default BHATable$1;
+//# sourceMappingURL=index.js.map

package/components/Drillstring/BHATable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Drillstring/BHATable/index.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { Table, TableHead, TableCell, TableBody, TableRow, makeStyles } from '@material-ui/core';\nimport { getUnitDisplay } from '~/utils';\n\nimport BHAComponent from './BHAComponent';\n\nconst useStyles = makeStyles({\n  tableStyle: { tableLayout: 'fixed' },\n  tableHeadCellStyle: {\n    height: '38px',\n    padding: '0px',\n    color: '#999999',\n    fontSize: '12px',\n    borderTop: '1px solid rgba(81, 81, 81, 1)',\n  },\n});\n\nfunction BHATable({ components, onSelectComponent }) {\n  const { tableStyle, tableHeadCellStyle } = useStyles();\n\n  return (\n    <Table className={tableStyle}>\n      <TableHead>\n        <TableRow>\n          <TableCell className={tableHeadCellStyle} style={{ width: '2%' }}>\n            #\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '13%', paddingLeft: 44 }}>\n            Category\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '13%' }}>\n            Name\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '7%' }}>\n            OD ({getUnitDisplay('shortLength')})\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '7%' }}>\n            ID ({getUnitDisplay('shortLength')})\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '15%' }}>\n            Linear Weight ({getUnitDisplay('massPerLength')})\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '10%' }}>\n            Length ({getUnitDisplay('length')})\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '10%' }}>\n            Weight ({getUnitDisplay('mass')})\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '13%' }}>\n            Cum.Length ({getUnitDisplay('length')})\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '7%' }}>\n            Grade\n          </TableCell>\n          <TableCell className={tableHeadCellStyle} style={{ width: '3%' }} />\n        </TableRow>\n      </TableHead>\n      <TableBody>\n        {components.map((component, idx) => (\n          <BHAComponent\n            key={component.id}\n            component={component}\n            order={idx + 1}\n            onSelect={onSelectComponent}\n          />\n        ))}\n      </TableBody>\n    </Table>\n  );\n}\n\nBHATable.propTypes = {\n  components: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  onSelectComponent: PropTypes.func.isRequired,\n};\n\nexport default memo(BHATable);\n"],"names":["useStyles","makeStyles","tableStyle","tableLayout","tableHeadCellStyle","height","padding","color","fontSize","borderTop","BHATable","components","onSelectComponent","_jsxs","_jsx","width","paddingLeft","getUnitDisplay","map","component","idx","id","propTypes","PropTypes","arrayOf","shape","isRequired","func","memo"],"mappings":"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"}

package/components/Drillstring/BhaIndicator/BhaIndicator.js

@@ -1 +1,72 @@
-import a from"@babel/runtime/helpers/defineProperty";import{oneOf as i}from"prop-types";import r from"classnames";import e from"./styles.css.js";import{jsxs as d,jsx as l}from"react/jsx-runtime";var c="left",o="right",t=function(i){var t,s=i.align;return d("div",{className:r(e.bhaIndicator,(t={},a(t,e.bhaIndicatorLeft,s===c),a(t,e.bhaIndicatorRight,s===o),t)),children:[d("div",{children:[l("div",{className:e.bhaIndicatorColorBit}),l("div",{className:e.bhaIndicatorLabel,children:"Bit"})]}),d("div",{children:[l("div",{className:e.bhaIndicatorColorUr}),l("div",{className:e.bhaIndicatorLabel,children:"Under Reamer"})]}),d("div",{children:[l("div",{className:e.bhaIndicatorColorRss}),l("div",{className:e.bhaIndicatorLabel,children:"RSS"})]}),d("div",{children:[l("div",{className:e.bhaIndicatorColorPdm}),l("div",{className:e.bhaIndicatorLabel,children:"PDM"})]}),d("div",{children:[l("div",{className:e.bhaIndicatorColorOther}),l("div",{className:e.bhaIndicatorLabel,children:"Non-mag"})]}),d("div",{children:[l("div",{className:e.bhaIndicatorColorStabilizer}),l("div",{className:e.bhaIndicatorLabel,children:"Stabilizer"})]})]})};t.propTypes={align:i(["left","right"])},t.defaultProps={align:"right"};export{t as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { oneOf } from 'prop-types';
+import classNames from 'classnames';
+import styles from './styles.css.js';
+
+var ALIGNS = {
+  left: 'left',
+  right: 'right'
+};
+
+var BhaIndicator = function BhaIndicator(_ref) {
+  var _classNames;
+
+  var align = _ref.align;
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(styles.bhaIndicator, (_classNames = {}, _defineProperty(_classNames, styles.bhaIndicatorLeft, align === ALIGNS.left), _defineProperty(_classNames, styles.bhaIndicatorRight, align === ALIGNS.right), _classNames)),
+    children: [/*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorColorBit
+      }), /*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorLabel,
+        children: "Bit"
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorColorUr
+      }), /*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorLabel,
+        children: "Under Reamer"
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorColorRss
+      }), /*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorLabel,
+        children: "RSS"
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorColorPdm
+      }), /*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorLabel,
+        children: "PDM"
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorColorOther
+      }), /*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorLabel,
+        children: "Non-mag"
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorColorStabilizer
+      }), /*#__PURE__*/jsx("div", {
+        className: styles.bhaIndicatorLabel,
+        children: "Stabilizer"
+      })]
+    })]
+  });
+};
+
+BhaIndicator.propTypes = {
+  align: oneOf(['left', 'right'])
+};
+BhaIndicator.defaultProps = {
+  align: 'right'
+};
+
+export default BhaIndicator;
+//# sourceMappingURL=BhaIndicator.js.map

package/components/Drillstring/BhaIndicator/BhaIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BhaIndicator.js","sources":["../../../../src/components/Drillstring/BhaIndicator/BhaIndicator.js"],"sourcesContent":["import { oneOf } from 'prop-types';\nimport classNames from 'classnames';\n\nimport styles from './styles.css';\n\nconst ALIGNS = {\n  left: 'left',\n  right: 'right',\n};\n\nconst BhaIndicator = ({\n  align,\n}) => (\n  <div className={classNames(styles.bhaIndicator, {\n    [styles.bhaIndicatorLeft]: align === ALIGNS.left,\n    [styles.bhaIndicatorRight]: align === ALIGNS.right,\n  })}\n  >\n    <div>\n      <div className={styles.bhaIndicatorColorBit} />\n      <div className={styles.bhaIndicatorLabel}>\n        Bit\n      </div>\n    </div>\n    <div>\n      <div className={styles.bhaIndicatorColorUr} />\n      <div className={styles.bhaIndicatorLabel}>\n        Under Reamer\n      </div>\n    </div>\n    <div>\n      <div className={styles.bhaIndicatorColorRss} />\n      <div className={styles.bhaIndicatorLabel}>\n        RSS\n      </div>\n    </div>\n    <div>\n      <div className={styles.bhaIndicatorColorPdm} />\n      <div className={styles.bhaIndicatorLabel}>\n        PDM\n      </div>\n    </div>\n    <div>\n      <div className={styles.bhaIndicatorColorOther} />\n      <div className={styles.bhaIndicatorLabel}>\n        Non-mag\n      </div>\n    </div>\n    <div>\n      <div className={styles.bhaIndicatorColorStabilizer} />\n      <div className={styles.bhaIndicatorLabel}>\n        Stabilizer\n      </div>\n    </div>\n  </div>\n);\n\nBhaIndicator.propTypes = {\n  align: oneOf(['left', 'right']),\n};\n\nBhaIndicator.defaultProps = {\n  align: 'right',\n};\n\nexport default BhaIndicator;\n"],"names":["ALIGNS","left","right","BhaIndicator","align","_jsxs","classNames","styles","bhaIndicator","bhaIndicatorLeft","bhaIndicatorRight","_jsx","bhaIndicatorColorBit","bhaIndicatorLabel","bhaIndicatorColorUr","bhaIndicatorColorRss","bhaIndicatorColorPdm","bhaIndicatorColorOther","bhaIndicatorColorStabilizer","propTypes","oneOf","defaultProps"],"mappings":";;;;;;AAKA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE,MADO;AAEbC,EAAAA,KAAK,EAAE;AAFM,CAAf;;IAKMC,YAAY,GAAG,SAAfA,YAAe;AAAA;;AAAA,MACnBC,KADmB,QACnBA,KADmB;AAAA,sBAGnBC;AAAK,IAAA,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,YAAR,kDACvBD,MAAM,CAACE,gBADgB,EACGL,KAAK,KAAKJ,MAAM,CAACC,IADpB,gCAEvBM,MAAM,CAACG,iBAFgB,EAEIN,KAAK,KAAKJ,MAAM,CAACE,KAFrB,gBAA1B;AAAA,4BAKEG;AAAA,8BACEM;AAAK,QAAA,SAAS,EAAEJ,MAAM,CAACK;AAAvB,QADF,eAEED;AAAK,QAAA,SAAS,EAAEJ,MAAM,CAACM,iBAAvB;AAAA;AAAA,QAFF;AAAA,MALF,eAWER;AAAA,8BACEM;AAAK,QAAA,SAAS,EAAEJ,MAAM,CAACO;AAAvB,QADF,eAEEH;AAAK,QAAA,SAAS,EAAEJ,MAAM,CAACM,iBAAvB;AAAA;AAAA,QAFF;AAAA,MAXF,eAiBER;AAAA,8BACEM;AAAK,QAAA,SAAS,EAAEJ,MAAM,CAACQ;AAAvB,QADF,eAEEJ;AAAK,QAAA,SAAS,EAAEJ,MAAM,CAACM,iBAAvB;AAAA;AAAA,QAFF;AAAA,MAjBF,eAuBER;AAAA,8BACEM;AAAK,QAAA,SAAS,EAAEJ,MAAM,CAACS;AAAvB,QADF,eAEEL;AAAK,QAAA,SAAS,EAAEJ,MAAM,CAACM,iBAAvB;AAAA;AAAA,QAFF;AAAA,MAvBF,eA6BER;AAAA,8BACEM;AAAK,QAAA,SAAS,EAAEJ,MAAM,CAACU;AAAvB,QADF,eAEEN;AAAK,QAAA,SAAS,EAAEJ,MAAM,CAACM,iBAAvB;AAAA;AAAA,QAFF;AAAA,MA7BF,eAmCER;AAAA,8BACEM;AAAK,QAAA,SAAS,EAAEJ,MAAM,CAACW;AAAvB,QADF,eAEEP;AAAK,QAAA,SAAS,EAAEJ,MAAM,CAACM,iBAAvB;AAAA;AAAA,QAFF;AAAA,MAnCF;AAAA,IAHmB;AAAA;;AA+CrBV,YAAY,CAACgB,SAAb,GAAyB;AACvBf,EAAAA,KAAK,EAAEgB,KAAK,CAAC,CAAC,MAAD,EAAS,OAAT,CAAD;AADW,CAAzB;AAIAjB,YAAY,CAACkB,YAAb,GAA4B;AAC1BjB,EAAAA,KAAK,EAAE;AADmB,CAA5B;;;;"}

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

@@ -1 +1,8 @@
-import t from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var o={bhaIndicator:"styles_bhaIndicator__DQ-XS",bhaIndicatorRight:"styles_bhaIndicatorRight__zjldo",bhaIndicatorLeft:"styles_bhaIndicatorLeft__4o0L5",bhaIndicatorColorBit:"styles_bhaIndicatorColorBit__AOi-F",bhaIndicatorColorRss:"styles_bhaIndicatorColorRss__w--OQ",bhaIndicatorColorPdm:"styles_bhaIndicatorColorPdm__V-VSL",bhaIndicatorColorOther:"styles_bhaIndicatorColorOther__z6zBV",bhaIndicatorColorStabilizer:"styles_bhaIndicatorColorStabilizer__j7t46",bhaIndicatorColorUr:"styles_bhaIndicatorColorUr__BORpN",bhaIndicatorLabel:"styles_bhaIndicatorLabel__yr4ef",cDashboardReportAppLightTheme:"styles_cDashboardReportAppLightTheme__3aYPR"};t(".styles_bhaIndicator__DQ-XS{display:flex;height:20px;justify-content:flex-end;padding:5px 0}.styles_bhaIndicatorRight__zjldo{justify-content:flex-end}.styles_bhaIndicatorLeft__4o0L5{justify-content:flex-start}.styles_bhaIndicator__DQ-XS>div{align-items:center;display:flex}.styles_bhaIndicatorRight__zjldo>div{margin-left:10px}.styles_bhaIndicatorLeft__4o0L5>div{margin-right:10px}.styles_bhaIndicatorColorBit__AOi-F{background-color:#239fe6;height:10px;width:10px}.styles_bhaIndicatorColorRss__w--OQ{background-color:#dd375e;height:10px;width:10px}.styles_bhaIndicatorColorPdm__V-VSL{background-color:#c208df;height:10px;width:10px}.styles_bhaIndicatorColorOther__z6zBV{background-color:#8398a5;height:10px;width:10px}.styles_bhaIndicatorColorStabilizer__j7t46{background-color:#ff0;height:10px;width:10px}.styles_bhaIndicatorColorUr__BORpN{background-color:#4f4;height:10px;width:10px}.styles_bhaIndicatorLabel__yr4ef{font-size:.75rem;margin-left:5px}.styles_cDashboardReportAppLightTheme__3aYPR .styles_bhaIndicatorLabel__yr4ef{color:rgba(0,0,0,.54)}");export{o as default};
+import styleInject from '../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_bhaIndicator__3e7RQ {\n  height: 20px;\n  display: flex;\n  justify-content: flex-end;\n  padding: 5px 0;\n}\n.styles_bhaIndicatorRight__2-0KZ {\n  justify-content: flex-end;\n}\n.styles_bhaIndicatorLeft__20Pld {\n  justify-content: flex-start;\n}\n.styles_bhaIndicator__3e7RQ > div {\n  display: flex;\n  align-items: center;\n}\n.styles_bhaIndicatorRight__2-0KZ > div {\n  margin-left: 10px;\n}\n.styles_bhaIndicatorLeft__20Pld > div {\n  margin-right: 10px;\n}\n.styles_bhaIndicatorColorBit__2oS_7 {\n  width: 10px;\n  height: 10px;\n  background-color: #239FE6;\n}\n.styles_bhaIndicatorColorRss__3SHrJ {\n  width: 10px;\n  height: 10px;\n  background-color: #dd375e;\n}\n.styles_bhaIndicatorColorPdm__3wesh {\n  width: 10px;\n  height: 10px;\n  background-color: #C208DF;\n}\n.styles_bhaIndicatorColorOther__39Jjt {\n  width: 10px;\n  height: 10px;\n  background-color: #8398A5;\n}\n.styles_bhaIndicatorColorStabilizer__3YvOX {\n  width: 10px;\n  height: 10px;\n  background-color: yellow;\n}\n.styles_bhaIndicatorColorUr__IYYDE {\n  width: 10px;\n  height: 10px;\n  background-color: #44ff44;\n}\n.styles_bhaIndicatorLabel__1niVa {\n  font-size: 0.75rem;\n  margin-left: 5px;\n}\n.styles_cDashboardReportAppLightTheme__2nQKR .styles_bhaIndicatorLabel__1niVa {\n  color: rgba(0, 0, 0, 0.54);\n}\n";
+var styles = {"bhaIndicator":"styles_bhaIndicator__3e7RQ","bhaIndicatorRight":"styles_bhaIndicatorRight__2-0KZ","bhaIndicatorLeft":"styles_bhaIndicatorLeft__20Pld","bhaIndicatorColorBit":"styles_bhaIndicatorColorBit__2oS_7","bhaIndicatorColorRss":"styles_bhaIndicatorColorRss__3SHrJ","bhaIndicatorColorPdm":"styles_bhaIndicatorColorPdm__3wesh","bhaIndicatorColorOther":"styles_bhaIndicatorColorOther__39Jjt","bhaIndicatorColorStabilizer":"styles_bhaIndicatorColorStabilizer__3YvOX","bhaIndicatorColorUr":"styles_bhaIndicatorColorUr__IYYDE","bhaIndicatorLabel":"styles_bhaIndicatorLabel__1niVa","cDashboardReportAppLightTheme":"styles_cDashboardReportAppLightTheme__2nQKR"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=styles.css.js.map

package/components/Drillstring/BhaIndicator/styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,uDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}

package/components/Drillstring/DrillstringDetail/DrillstringDetail.js

@@ -1 +1,91 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{shape as i,number as n,string as r,func as o}from"prop-types";import{useState as t,useMemo as l}from"react";import{Button as a,Dialog as d,DialogContent as s}from"@material-ui/core";import{convertValue as c}from"@corva/ui/utils";import p from"../BHATable/index.js";import m from"../BHAComponentDetail/index.js";import u from"./styles.css.js";import{jsxs as f,jsx as h}from"react/jsx-runtime";var v=function(i){var n,r,o,v=i.onDone,T=i.drillStringInfo,D=i.holeDepth,N=i.unit,A=t(),C=e(A,2),S=C[0],j=C[1],q=null===(n=T.data)||void 0===n?void 0:n.id,x=Math.floor(c(null===(r=T.data)||void 0===r?void 0:r.start_depth,"length","ft")),y=(null===(o=T.data)||void 0===o?void 0:o.components)||[],B=l((function(){return y.find((function(e){return e.id===S}))}),[y,S]);return f("div",{className:u.detailsPane,children:[f("header",{children:[h(a,{variant:"contained",className:u.detailDone,onClick:v,children:"Close"}),f("div",{className:u.detailTitleGroup,children:[h("span",{className:u.detailTitle,children:"BHA Details"}),h("span",{className:u.detailTitleSeparator,children:" · "}),f("span",{className:u.detailTitleMore,children:["BHA # ",q]}),h("span",{className:u.detailTitleSeparator,children:" · "}),h("span",{className:u.detailTitleMore,children:"".concat(x," - ").concat(D," ").concat(N)})]})]}),h(p,{components:y,onSelectComponent:function(e){var i=e.id;return j(i)}}),h(d,{open:!!S,onClose:function(){return j(null)},scroll:"paper",children:h(s,{children:h(m,{component:B,onDone:function(){return j(null)}})})})]})};v.propTypes={drillStringInfo:i().isRequired,holeDepth:n.isRequired,unit:r.isRequired,onDone:o.isRequired};export{v as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button, Dialog, DialogContent } from '@material-ui/core';
+import { useState, useMemo } from 'react';
+import { shape, number, string, func } from 'prop-types';
+import BHATable from '../BHATable/index.js';
+import BHAComponentDetail from '../BHAComponentDetail/index.js';
+import { convertValue } from '@corva/ui/utils';
+import styles from './styles.css.js';
+
+var DrillstringDetail = function DrillstringDetail(_ref) {
+  var _drillStringInfo$data, _drillStringInfo$data2, _drillStringInfo$data3;
+
+  var onDone = _ref.onDone,
+      drillStringInfo = _ref.drillStringInfo,
+      holeDepth = _ref.holeDepth,
+      unit = _ref.unit;
+
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      selectedComponentId = _useState2[0],
+      setSelectedComponentId = _useState2[1];
+
+  var bhaId = (_drillStringInfo$data = drillStringInfo.data) === null || _drillStringInfo$data === void 0 ? void 0 : _drillStringInfo$data.id;
+  var startDepth = Math.floor(convertValue((_drillStringInfo$data2 = drillStringInfo.data) === null || _drillStringInfo$data2 === void 0 ? void 0 : _drillStringInfo$data2.start_depth, 'length', 'ft'));
+  var bhaComponents = ((_drillStringInfo$data3 = drillStringInfo.data) === null || _drillStringInfo$data3 === void 0 ? void 0 : _drillStringInfo$data3.components) || [];
+  var selectedBHAComponent = useMemo(function () {
+    return bhaComponents.find(function (component) {
+      return component.id === selectedComponentId;
+    });
+  }, [bhaComponents, selectedComponentId]);
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.detailsPane,
+    children: [/*#__PURE__*/jsxs("header", {
+      children: [/*#__PURE__*/jsx(Button, {
+        variant: "contained",
+        className: styles.detailDone,
+        onClick: onDone,
+        children: "Close"
+      }), /*#__PURE__*/jsxs("div", {
+        className: styles.detailTitleGroup,
+        children: [/*#__PURE__*/jsx("span", {
+          className: styles.detailTitle,
+          children: "BHA Details"
+        }), /*#__PURE__*/jsx("span", {
+          className: styles.detailTitleSeparator,
+          children: " \xB7 "
+        }), /*#__PURE__*/jsxs("span", {
+          className: styles.detailTitleMore,
+          children: ["BHA # ", bhaId]
+        }), /*#__PURE__*/jsx("span", {
+          className: styles.detailTitleSeparator,
+          children: " \xB7 "
+        }), /*#__PURE__*/jsx("span", {
+          className: styles.detailTitleMore,
+          children: "".concat(startDepth, " - ").concat(holeDepth, " ").concat(unit)
+        })]
+      })]
+    }), /*#__PURE__*/jsx(BHATable, {
+      components: bhaComponents,
+      onSelectComponent: function onSelectComponent(_ref2) {
+        var id = _ref2.id;
+        return setSelectedComponentId(id);
+      }
+    }), /*#__PURE__*/jsx(Dialog, {
+      open: !!selectedComponentId,
+      onClose: function onClose() {
+        return setSelectedComponentId(null);
+      },
+      scroll: "paper",
+      children: /*#__PURE__*/jsx(DialogContent, {
+        children: /*#__PURE__*/jsx(BHAComponentDetail, {
+          component: selectedBHAComponent,
+          onDone: function onDone() {
+            return setSelectedComponentId(null);
+          }
+        })
+      })
+    })]
+  });
+};
+
+DrillstringDetail.propTypes = {
+  drillStringInfo: shape().isRequired,
+  holeDepth: number.isRequired,
+  unit: string.isRequired,
+  onDone: func.isRequired
+};
+
+export default DrillstringDetail;
+//# sourceMappingURL=DrillstringDetail.js.map

package/components/Drillstring/DrillstringDetail/DrillstringDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrillstringDetail.js","sources":["../../../../src/components/Drillstring/DrillstringDetail/DrillstringDetail.js"],"sourcesContent":["import { string, number, shape, func } from 'prop-types';\nimport { useState, useMemo } from 'react';\n\nimport { Button, Dialog, DialogContent } from '@material-ui/core';\n\nimport { convertValue } from '@corva/ui/utils';\n\nimport BHATable from '../BHATable';\nimport BHAComponentDetail from '../BHAComponentDetail';\n\nimport styles from './styles.css';\n\nconst DrillstringDetail = ({ onDone, drillStringInfo, holeDepth, unit }) => {\n  const [selectedComponentId, setSelectedComponentId] = useState();\n\n  const bhaId = drillStringInfo.data?.id;\n  const startDepth = Math.floor(convertValue(drillStringInfo.data?.start_depth, 'length', 'ft'));\n\n  const bhaComponents = drillStringInfo.data?.components || [];\n\n  const selectedBHAComponent = useMemo(() => {\n    return bhaComponents.find(component => component.id === selectedComponentId);\n  }, [bhaComponents, selectedComponentId]);\n\n  return (\n    <div className={styles.detailsPane}>\n      <header>\n        <Button variant=\"contained\" className={styles.detailDone} onClick={onDone}>\n          Close\n        </Button>\n        <div className={styles.detailTitleGroup}>\n          <span className={styles.detailTitle}>BHA Details</span>\n          <span className={styles.detailTitleSeparator}> &middot; </span>\n          <span className={styles.detailTitleMore}>BHA # {bhaId}</span>\n          <span className={styles.detailTitleSeparator}> &middot; </span>\n          <span className={styles.detailTitleMore}>{`${startDepth} - ${holeDepth} ${unit}`}</span>\n        </div>\n      </header>\n\n      <BHATable\n        components={bhaComponents}\n        onSelectComponent={({ id }) => setSelectedComponentId(id)}\n      />\n\n      <Dialog\n        open={!!selectedComponentId}\n        onClose={() => setSelectedComponentId(null)}\n        scroll=\"paper\"\n      >\n        <DialogContent>\n          <BHAComponentDetail\n            component={selectedBHAComponent}\n            onDone={() => setSelectedComponentId(null)}\n          />\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n};\n\nDrillstringDetail.propTypes = {\n  drillStringInfo: shape().isRequired,\n  holeDepth: number.isRequired,\n  unit: string.isRequired,\n  onDone: func.isRequired,\n};\n\nexport default DrillstringDetail;\n"],"names":["DrillstringDetail","onDone","drillStringInfo","holeDepth","unit","useState","selectedComponentId","setSelectedComponentId","bhaId","data","id","startDepth","Math","floor","convertValue","start_depth","bhaComponents","components","selectedBHAComponent","useMemo","find","component","_jsxs","styles","detailsPane","_jsx","detailDone","detailTitleGroup","detailTitle","detailTitleSeparator","detailTitleMore","propTypes","shape","isRequired","number","string","func"],"mappings":";;;;;;;;;;IAYMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAAkD;AAAA;;AAAA,MAA/CC,MAA+C,QAA/CA,MAA+C;AAAA,MAAvCC,eAAuC,QAAvCA,eAAuC;AAAA,MAAtBC,SAAsB,QAAtBA,SAAsB;AAAA,MAAXC,IAAW,QAAXA,IAAW;;AAAA,kBACpBC,QAAQ,EADY;AAAA;AAAA,MACnEC,mBADmE;AAAA,MAC9CC,sBAD8C;;AAG1E,MAAMC,KAAK,4BAAGN,eAAe,CAACO,IAAnB,0DAAG,sBAAsBC,EAApC;AACA,MAAMC,UAAU,GAAGC,IAAI,CAACC,KAAL,CAAWC,YAAY,2BAACZ,eAAe,CAACO,IAAjB,2DAAC,uBAAsBM,WAAvB,EAAoC,QAApC,EAA8C,IAA9C,CAAvB,CAAnB;AAEA,MAAMC,aAAa,GAAG,2BAAAd,eAAe,CAACO,IAAhB,kFAAsBQ,UAAtB,KAAoC,EAA1D;AAEA,MAAMC,oBAAoB,GAAGC,OAAO,CAAC,YAAM;AACzC,WAAOH,aAAa,CAACI,IAAd,CAAmB,UAAAC,SAAS;AAAA,aAAIA,SAAS,CAACX,EAAV,KAAiBJ,mBAArB;AAAA,KAA5B,CAAP;AACD,GAFmC,EAEjC,CAACU,aAAD,EAAgBV,mBAAhB,CAFiC,CAApC;AAIA,sBACEgB;AAAK,IAAA,SAAS,EAAEC,MAAM,CAACC,WAAvB;AAAA,4BACEF;AAAA,8BACEG,IAAC,MAAD;AAAQ,QAAA,OAAO,EAAC,WAAhB;AAA4B,QAAA,SAAS,EAAEF,MAAM,CAACG,UAA9C;AAA0D,QAAA,OAAO,EAAEzB,MAAnE;AAAA;AAAA,QADF,eAIEqB;AAAK,QAAA,SAAS,EAAEC,MAAM,CAACI,gBAAvB;AAAA,gCACEF;AAAM,UAAA,SAAS,EAAEF,MAAM,CAACK,WAAxB;AAAA;AAAA,UADF,eAEEH;AAAM,UAAA,SAAS,EAAEF,MAAM,CAACM,oBAAxB;AAAA;AAAA,UAFF,eAGEP;AAAM,UAAA,SAAS,EAAEC,MAAM,CAACO,eAAxB;AAAA,+BAAgDtB,KAAhD;AAAA,UAHF,eAIEiB;AAAM,UAAA,SAAS,EAAEF,MAAM,CAACM,oBAAxB;AAAA;AAAA,UAJF,eAKEJ;AAAM,UAAA,SAAS,EAAEF,MAAM,CAACO,eAAxB;AAAA,8BAA6CnB,UAA7C,gBAA6DR,SAA7D,cAA0EC,IAA1E;AAAA,UALF;AAAA,QAJF;AAAA,MADF,eAcEqB,IAAC,QAAD;AACE,MAAA,UAAU,EAAET,aADd;AAEE,MAAA,iBAAiB,EAAE;AAAA,YAAGN,EAAH,SAAGA,EAAH;AAAA,eAAYH,sBAAsB,CAACG,EAAD,CAAlC;AAAA;AAFrB,MAdF,eAmBEe,IAAC,MAAD;AACE,MAAA,IAAI,EAAE,CAAC,CAACnB,mBADV;AAEE,MAAA,OAAO,EAAE;AAAA,eAAMC,sBAAsB,CAAC,IAAD,CAA5B;AAAA,OAFX;AAGE,MAAA,MAAM,EAAC,OAHT;AAAA,6BAKEkB,IAAC,aAAD;AAAA,+BACEA,IAAC,kBAAD;AACE,UAAA,SAAS,EAAEP,oBADb;AAEE,UAAA,MAAM,EAAE;AAAA,mBAAMX,sBAAsB,CAAC,IAAD,CAA5B;AAAA;AAFV;AADF;AALF,MAnBF;AAAA,IADF;AAkCD;;AAEDP,iBAAiB,CAAC+B,SAAlB,GAA8B;AAC5B7B,EAAAA,eAAe,EAAE8B,KAAK,GAAGC,UADG;AAE5B9B,EAAAA,SAAS,EAAE+B,MAAM,CAACD,UAFU;AAG5B7B,EAAAA,IAAI,EAAE+B,MAAM,CAACF,UAHe;AAI5BhC,EAAAA,MAAM,EAAEmC,IAAI,CAACH;AAJe,CAA9B;;;;"}

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

@@ -1 +1,8 @@
-import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var t={detailsPane:"styles_detailsPane__Tis-d",detailTitleGroup:"styles_detailTitleGroup__71Svc",detailTitle:"styles_detailTitle__zzIr1",detailTitleSeparator:"styles_detailTitleSeparator__9vMfR",detailTitleMore:"styles_detailTitleMore__YXkV2",detailDone:"styles_detailDone__vrZYN"};e(".styles_detailsPane__Tis-d header{border-bottom:1px solid #888}.styles_detailTitleGroup__71Svc{padding:12px}.styles_detailTitle__zzIr1{color:#ccc;font-size:2rem;font-weight:700;margin-top:0}.styles_detailTitleSeparator__9vMfR{font-size:2rem;font-weight:700;margin-left:10px;margin-right:10px}.styles_detailTitleMore__YXkV2{font-size:1.5rem}.styles_detailDone__vrZYN{float:right}");export{t as default};
+import styleInject from '../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_detailsPane__3EW_n header {\n  border-bottom: 1px solid #888;\n}\n\n.styles_detailTitleGroup__2Tuef {\n  padding: 12px;\n}\n\n.styles_detailTitle__aJJJN {\n  font-weight: bold;\n  font-size: 2rem;\n  margin-top: 0px;\n  color: #ccc;\n}\n\n.styles_detailTitleSeparator__21JR5 {\n  font-size: 2rem;\n  font-weight: bold;\n  margin-left: 10px;\n  margin-right: 10px;\n}\n\n.styles_detailTitleMore__21mkM {\n  font-size: 1.5rem;\n}\n\n.styles_detailDone__1RiK7 {\n  float: right;\n}\n";
+var styles = {"detailsPane":"styles_detailsPane__3EW_n","detailTitleGroup":"styles_detailTitleGroup__2Tuef","detailTitle":"styles_detailTitle__aJJJN","detailTitleSeparator":"styles_detailTitleSeparator__21JR5","detailTitleMore":"styles_detailTitleMore__21mkM","detailDone":"styles_detailDone__1RiK7"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=styles.css.js.map

package/components/Drillstring/DrillstringDetail/styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,uDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}