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

package/components/Casing/CasingTable/index.js

@@ -1 +1,112 @@
-import{memo as e}from"react";import{arrayOf as t,shape as l}from"prop-types";import{makeStyles as a,Table as r,TableHead as s,TableRow as i,TableCell as n,TableBody as d}from"@material-ui/core";import{getUnitDisplay as c}from"../../../utils/index.js";import h from"./CasingComponent.js";import{jsxs as o,jsx as m}from"react/jsx-runtime";var p=a({tableStyle:{tableLayout:"fixed"},tableHeadCellStyle:{padding:"14px 0px",color:"#9E9E9E",borderTop:"1px solid rgba(81, 81, 81, 1)"}}),y=function(e){var t=e.components,l=p(),a=l.tableStyle,y=l.tableHeadCellStyle;return o(r,{"aria-label":"casing table",className:a,children:[m(s,{children:o(i,{children:[m(n,{className:y,style:{width:"2%"},children:"#"}),m(n,{className:y,style:{width:"13%",paddingLeft:44},children:"Category"}),m(n,{className:y,style:{width:"13%"},children:"Name"}),o(n,{className:y,style:{width:"7%"},children:["OD (",c("shortLength"),")"]}),o(n,{className:y,style:{width:"7%"},children:["ID (",c("shortLength"),")"]}),o(n,{className:y,style:{width:"15%"},children:["Linear Weight (",c("massPerLength"),")"]}),o(n,{className:y,style:{width:"10%"},children:["Length (",c("length"),")"]}),o(n,{className:y,style:{width:"10%"},children:["Weight (",c("mass"),")"]}),o(n,{className:y,style:{width:"13%"},children:["Cum.Length (",c("length"),")"]}),m(n,{className:y,style:{width:"7%"},children:"Grade"}),m(n,{className:y,style:{width:"3%"}})]})}),m(d,{children:t.map((function(e,t){return m(h,{component:e,order:t+1},e.id)}))})]})};y.propTypes={components:t(l({})).isRequired};var g=e(y);export{g as default};
+import { memo } from 'react';
+import { arrayOf, shape } from 'prop-types';
+import { makeStyles, Table, TableHead, TableRow, TableCell, TableBody } from '@material-ui/core';
+import { getUnitDisplay } from '../../../utils/index.js';
+import CasingComponent from './CasingComponent.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles({
+  tableStyle: {
+    tableLayout: 'fixed'
+  },
+  tableHeadCellStyle: {
+    padding: '14px 0px',
+    color: '#9E9E9E',
+    borderTop: '1px solid rgba(81, 81, 81, 1)'
+  }
+});
+var CasingTable = function CasingTable(_ref) {
+  var components = _ref.components;
+  var _useStyles = useStyles(),
+    tableStyle = _useStyles.tableStyle,
+    tableHeadCellStyle = _useStyles.tableHeadCellStyle;
+  return /*#__PURE__*/jsxs(Table, {
+    "aria-label": "casing 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(CasingComponent, {
+          component: component,
+          order: idx + 1
+        }, component.id);
+      })
+    })]
+  });
+};
+CasingTable.propTypes = {
+  components: arrayOf(shape({})).isRequired
+};
+var index = memo(CasingTable);
+
+export { index as default };
+//# sourceMappingURL=index.js.map

package/components/Casing/CasingTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Casing/CasingTable/index.js"],"sourcesContent":["import { memo } from 'react';\nimport { arrayOf, shape } from 'prop-types';\nimport { Table, TableHead, TableCell, TableBody, TableRow, makeStyles } from '@material-ui/core';\nimport { getUnitDisplay } from '~/utils';\n\nimport CasingComponent from './CasingComponent';\n\nconst useStyles = makeStyles({\n  tableStyle: { tableLayout: 'fixed' },\n  tableHeadCellStyle: {\n    padding: '14px 0px',\n    color: '#9E9E9E',\n    borderTop: '1px solid rgba(81, 81, 81, 1)',\n  },\n});\n\nconst CasingTable = ({ components }) => {\n  const { tableStyle, tableHeadCellStyle } = useStyles();\n\n  return (\n    <Table aria-label=\"casing 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          <CasingComponent key={component.id} component={component} order={idx + 1} />\n        ))}\n      </TableBody>\n    </Table>\n  );\n};\n\nCasingTable.propTypes = {\n  components: arrayOf(shape({})).isRequired,\n};\n\nexport default memo(CasingTable);\n"],"names":["useStyles","makeStyles","tableStyle","tableLayout","tableHeadCellStyle","padding","color","borderTop","CasingTable","components","_jsxs","_jsx","width","paddingLeft","getUnitDisplay","map","component","idx","id","propTypes","arrayOf","shape","isRequired","memo"],"mappings":";;;;;;;AAOA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,WAAW,EAAE,OAAA;GAAS;AACpCC,EAAAA,kBAAkB,EAAE;AAClBC,IAAAA,OAAO,EAAE,UAAU;AACnBC,IAAAA,KAAK,EAAE,SAAS;AAChBC,IAAAA,SAAS,EAAE,+BAAA;AACb,GAAA;AACF,CAAC,CAAC,CAAA;AAEF,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAuB,IAAA,EAAA;EAAA,IAAjBC,UAAU,QAAVA,UAAU,CAAA;AAC/B,EAAA,IAAA,UAAA,GAA2CT,SAAS,EAAE;AAA9CE,IAAAA,UAAU,cAAVA,UAAU;AAAEE,IAAAA,kBAAkB,cAAlBA,kBAAkB,CAAA;AAEtC,EAAA,oBACEM,KAAC,KAAK,EAAA;AAAC,IAAA,YAAA,EAAW,cAAc;AAAC,IAAA,SAAS,EAAER,UAAW;AAAA,IAAA,QAAA,EAAA,cACrDS,IAAC,SAAS,EAAA;AAAA,MAAA,QAAA,eACRD,KAAC,QAAQ,EAAA;AAAA,QAAA,QAAA,EAAA,cACPC,IAAC,SAAS,EAAA;AAAC,UAAA,SAAS,EAAEP,kBAAmB;AAAC,UAAA,KAAK,EAAE;AAAEQ,YAAAA,KAAK,EAAE,IAAA;WAAO;AAAA,UAAA,QAAA,EAAA,GAAA;SAErD,CAAA,eACZD,IAAC,SAAS,EAAA;AAAC,UAAA,SAAS,EAAEP,kBAAmB;AAAC,UAAA,KAAK,EAAE;AAAEQ,YAAAA,KAAK,EAAE,KAAK;AAAEC,YAAAA,WAAW,EAAE,EAAA;WAAK;AAAA,UAAA,QAAA,EAAA,UAAA;SAEvE,CAAA,eACZF,IAAC,SAAS,EAAA;AAAC,UAAA,SAAS,EAAEP,kBAAmB;AAAC,UAAA,KAAK,EAAE;AAAEQ,YAAAA,KAAK,EAAE,KAAA;WAAQ;AAAA,UAAA,QAAA,EAAA,MAAA;SAEtD,CAAA,eACZF,KAAC,SAAS,EAAA;AAAC,UAAA,SAAS,EAAEN,kBAAmB;AAAC,UAAA,KAAK,EAAE;AAAEQ,YAAAA,KAAK,EAAE,IAAA;WAAO;UAAA,QAC1DE,EAAAA,CAAAA,MAAAA,EAAAA,cAAc,CAAC,aAAa,CAAC,EAAA,GAAA,CAAA;SACxB,CAAA,eACZJ,KAAC,SAAS,EAAA;AAAC,UAAA,SAAS,EAAEN,kBAAmB;AAAC,UAAA,KAAK,EAAE;AAAEQ,YAAAA,KAAK,EAAE,IAAA;WAAO;UAAA,QAC1DE,EAAAA,CAAAA,MAAAA,EAAAA,cAAc,CAAC,aAAa,CAAC,EAAA,GAAA,CAAA;SACxB,CAAA,eACZJ,KAAC,SAAS,EAAA;AAAC,UAAA,SAAS,EAAEN,kBAAmB;AAAC,UAAA,KAAK,EAAE;AAAEQ,YAAAA,KAAK,EAAE,KAAA;WAAQ;UAAA,QAChDE,EAAAA,CAAAA,iBAAAA,EAAAA,cAAc,CAAC,eAAe,CAAC,EAAA,GAAA,CAAA;SACrC,CAAA,eACZJ,KAAC,SAAS,EAAA;AAAC,UAAA,SAAS,EAAEN,kBAAmB;AAAC,UAAA,KAAK,EAAE;AAAEQ,YAAAA,KAAK,EAAE,KAAA;WAAQ;UAAA,QACvDE,EAAAA,CAAAA,UAAAA,EAAAA,cAAc,CAAC,QAAQ,CAAC,EAAA,GAAA,CAAA;SACvB,CAAA,eACZJ,KAAC,SAAS,EAAA;AAAC,UAAA,SAAS,EAAEN,kBAAmB;AAAC,UAAA,KAAK,EAAE;AAAEQ,YAAAA,KAAK,EAAE,KAAA;WAAQ;UAAA,QACvDE,EAAAA,CAAAA,UAAAA,EAAAA,cAAc,CAAC,MAAM,CAAC,EAAA,GAAA,CAAA;SACrB,CAAA,eACZJ,KAAC,SAAS,EAAA;AAAC,UAAA,SAAS,EAAEN,kBAAmB;AAAC,UAAA,KAAK,EAAE;AAAEQ,YAAAA,KAAK,EAAE,KAAA;WAAQ;UAAA,QACnDE,EAAAA,CAAAA,cAAAA,EAAAA,cAAc,CAAC,QAAQ,CAAC,EAAA,GAAA,CAAA;SAC3B,CAAA,eACZH,IAAC,SAAS,EAAA;AAAC,UAAA,SAAS,EAAEP,kBAAmB;AAAC,UAAA,KAAK,EAAE;AAAEQ,YAAAA,KAAK,EAAE,IAAA;WAAO;AAAA,UAAA,QAAA,EAAA,OAAA;SAErD,CAAA,eACZD,IAAC,SAAS,EAAA;AAAC,UAAA,SAAS,EAAEP,kBAAmB;AAAC,UAAA,KAAK,EAAE;AAAEQ,YAAAA,KAAK,EAAE,IAAA;AAAK,WAAA;SAAK,CAAA,CAAA;AAAA,OAAA,CAAA;KAE5D,CAAA,eACZD,IAAC,SAAS,EAAA;AAAA,MAAA,QAAA,EACPF,UAAU,CAACM,GAAG,CAAC,UAACC,SAAS,EAAEC,GAAG,EAAA;AAAA,QAAA,oBAC7BN,IAAC,eAAe,EAAA;AAAoB,UAAA,SAAS,EAAEK,SAAU;UAAC,KAAK,EAAEC,GAAG,GAAG,CAAA;SAAjDD,EAAAA,SAAS,CAACE,EAAE,CAA0C,CAAA;OAC7E,CAAA;KACS,CAAA,CAAA;GACN,CAAA,CAAA;AAEZ,CAAC,CAAA;AAEDV,WAAW,CAACW,SAAS,GAAG;EACtBV,UAAU,EAAEW,OAAO,CAACC,KAAK,CAAC,EAAE,CAAC,CAAC,CAACC,UAAAA;AACjC,CAAC,CAAA;AAED,YAAeC,IAAI,CAACf,WAAW,CAAC;;;;"}

package/components/Casing/CasingTableV2/CasingTableV2.css.js

@@ -1 +1,8 @@
-import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var t={container:"CasingTableV2_container__-LiRS",tableContent:"CasingTableV2_tableContent__CGxFe",contentMobile:"CasingTableV2_contentMobile__IXQXN",topGradient:"CasingTableV2_topGradient__Bv90-",visible:"CasingTableV2_visible__1vXwU",bottomGradient:"CasingTableV2_bottomGradient__iSowJ"};e(".CasingTableV2_container__-LiRS{display:flex;flex-direction:column;height:100%;position:relative}.CasingTableV2_tableContent__CGxFe{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto;padding-bottom:16px;padding-right:12px}.CasingTableV2_tableContent__CGxFe::-webkit-scrollbar-track{margin-top:50px}.CasingTableV2_contentMobile__IXQXN{margin-top:1px;padding:0 16px 16px}.CasingTableV2_contentMobile__IXQXN::-webkit-scrollbar-track{margin-top:0}.CasingTableV2_topGradient__Bv90-{background:linear-gradient(0deg,rgba(39,39,39,0) 0,var(--palette-background-b-5) 100%);height:16px;left:0;opacity:0;position:absolute;right:0;top:50px}.CasingTableV2_visible__1vXwU{opacity:1}.CasingTableV2_bottomGradient__iSowJ{background:linear-gradient(180deg,rgba(39,39,39,0) 0,var(--palette-background-b-5) 100%);bottom:0;height:16px;left:0;position:absolute;right:0}");export{t as default};
+import styleInject from './../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".CasingTableV2_container__-LiRS {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n\n.CasingTableV2_tableContent__CGxFe {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  padding-right: 12px;\n  padding-bottom: 16px;\n}\n\n.CasingTableV2_tableContent__CGxFe::-webkit-scrollbar-track {\n  margin-top: 50px;\n}\n\n.CasingTableV2_contentMobile__IXQXN {\n  padding: 0px 16px 16px;\n  margin-top: 1px;\n}\n\n.CasingTableV2_contentMobile__IXQXN::-webkit-scrollbar-track {\n  margin-top: 0px;\n}\n\n.CasingTableV2_topGradient__Bv90- {\n  position: absolute;\n  height: 16px;\n  left: 0;\n  right: 0;\n  top: 50px;\n  background: linear-gradient(0deg, rgba(39, 39, 39, 0) 0%, var(--palette-background-b-5) 100%);\n  opacity: 0;\n}\n\n.CasingTableV2_visible__1vXwU {\n  opacity: 1;\n}\n\n.CasingTableV2_bottomGradient__iSowJ {\n  position: absolute;\n  height: 16px;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: linear-gradient(180deg, rgba(39, 39, 39, 0) 0%, var(--palette-background-b-5) 100%);\n}\n";
+var styles = {"container":"CasingTableV2_container__-LiRS","tableContent":"CasingTableV2_tableContent__CGxFe","contentMobile":"CasingTableV2_contentMobile__IXQXN","topGradient":"CasingTableV2_topGradient__Bv90-","visible":"CasingTableV2_visible__1vXwU","bottomGradient":"CasingTableV2_bottomGradient__iSowJ"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=CasingTableV2.css.js.map

package/components/Casing/CasingTableV2/CasingTableV2.css.js.map

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

package/components/Casing/CasingTableV2/CasingTableV2.js

@@ -1 +1,116 @@
-import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{useState as n,useRef as r,useMemo as t}from"react";import i from"classnames";import s from"prop-types";import{isEmpty as l}from"lodash";import a from"../../Drillstring/BHACasingEmptyView/BHACasingEmptyView.js";import m from"./components/Header.js";import d from"./components/Component.js";import p from"./components/SortableComponents.js";import c from"./CasingTableV2.css.js";import{jsxs as u,jsx as f}from"react/jsx-runtime";function C(s){var C=s.viewColumnsPerRow,v=s.editColumnsPerRow,w=s.components,R=s.draftComponent,b=s.validate,P=s.onSort,y=s.onAdd,S=s.onDelete,h=s.onSave,g=s.onCancel,q=s.isMobile,A=n(-1),j=o(A,2),D=j[0],x=j[1],M=n(!1),T=o(M,2),E=T[0],H=T[1],N=r(null),O=t((function(){return!(w&&!l(w)||R)}),[w,R]);return u("div",{className:c.container,children:[O?f(a,{type:"Casing",onAdd:y}):u("div",{className:i(c.tableContent,e({},c.contentMobile,q)),ref:N,onScroll:function(){N.current&&H(!!N.current.scrollTop)},children:[!q&&f(m,{}),u("div",{children:[R&&f(d,{isMobile:q,viewColumnsPerRow:C,editColumnsPerRow:v,component:R,isDraft:!0,validate:b,onCancel:g,onSave:h}),f(p,{useDragHandle:!0,lockAxis:"y",lockToContainerEdges:!0,components:w,sortableIndex:D,validate:b,onSaveComponent:h,onDeleteComponent:S,onSortEnd:function(e,o){x(-1),P(e,o)},onSortStart:function(e){x(e.index)},isMobile:q,viewColumnsPerRow:C,editColumnsPerRow:v})]})]}),f("div",{className:i(c.topGradient,e({},c.visible,E)),style:{top:q?0:50}}),f("div",{className:c.bottomGradient})]})}C.propTypes={viewColumnsPerRow:s.oneOf([1,2,3,4,6]),editColumnsPerRow:s.oneOf([1,2,3,4,6]),components:s.arrayOf(s.shape({})),draftComponent:s.arrayOf(s.shape({})),validate:s.func.isRequired,onSort:s.func.isRequired,onAdd:s.func.isRequired,onDelete:s.func.isRequired,onSave:s.func.isRequired,onCancel:s.func.isRequired,isMobile:s.bool.isRequired},C.defaultProps={viewColumnsPerRow:3,editColumnsPerRow:3,components:null,draftComponent:null};export{C as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useRef, useMemo } from 'react';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import { isEmpty } from 'lodash';
+import BHACasingEmptyView from '../../Drillstring/BHACasingEmptyView/BHACasingEmptyView.js';
+import Header from './components/Header.js';
+import Component from './components/Component.js';
+import SortableComponents from './components/SortableComponents.js';
+import styles from './CasingTableV2.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function CasingTableV2(_ref) {
+  var viewColumnsPerRow = _ref.viewColumnsPerRow,
+    editColumnsPerRow = _ref.editColumnsPerRow,
+    components = _ref.components,
+    draftComponent = _ref.draftComponent,
+    validate = _ref.validate,
+    onSort = _ref.onSort,
+    onAdd = _ref.onAdd,
+    onDelete = _ref.onDelete,
+    onSave = _ref.onSave,
+    onCancel = _ref.onCancel,
+    isMobile = _ref.isMobile;
+  var _useState = useState(-1),
+    _useState2 = _slicedToArray(_useState, 2),
+    sortableIndex = _useState2[0],
+    setSortableIndex = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showTopGradient = _useState4[0],
+    setShowTopGradient = _useState4[1];
+  var containerRef = useRef(null);
+  var isComponentsEmpty = useMemo(function () {
+    return !(components && !isEmpty(components) || draftComponent);
+  }, [components, draftComponent]);
+  var handleSortStart = function handleSortStart(node) {
+    setSortableIndex(node.index);
+  };
+  var handleSortEnd = function handleSortEnd(oldIndex, newIndex) {
+    setSortableIndex(-1);
+    onSort(oldIndex, newIndex);
+  };
+  var handleScroll = function handleScroll() {
+    if (containerRef.current) {
+      setShowTopGradient(!!containerRef.current.scrollTop);
+    }
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.container,
+    children: [isComponentsEmpty ? /*#__PURE__*/jsx(BHACasingEmptyView, {
+      type: "Casing",
+      onAdd: onAdd
+    }) : /*#__PURE__*/jsxs("div", {
+      className: classNames(styles.tableContent, _defineProperty({}, styles.contentMobile, isMobile)),
+      ref: containerRef,
+      onScroll: handleScroll,
+      children: [!isMobile && /*#__PURE__*/jsx(Header, {}), /*#__PURE__*/jsxs("div", {
+        children: [draftComponent && /*#__PURE__*/jsx(Component, {
+          isMobile: isMobile,
+          viewColumnsPerRow: viewColumnsPerRow,
+          editColumnsPerRow: editColumnsPerRow,
+          component: draftComponent,
+          isDraft: true,
+          validate: validate,
+          onCancel: onCancel,
+          onSave: onSave
+        }), /*#__PURE__*/jsx(SortableComponents, {
+          useDragHandle: true,
+          lockAxis: "y",
+          lockToContainerEdges: true,
+          components: components,
+          sortableIndex: sortableIndex,
+          validate: validate,
+          onSaveComponent: onSave,
+          onDeleteComponent: onDelete,
+          onSortEnd: handleSortEnd,
+          onSortStart: handleSortStart,
+          isMobile: isMobile,
+          viewColumnsPerRow: viewColumnsPerRow,
+          editColumnsPerRow: editColumnsPerRow
+        })]
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      className: classNames(styles.topGradient, _defineProperty({}, styles.visible, showTopGradient)),
+      style: {
+        top: isMobile ? 0 : 50
+      }
+    }), /*#__PURE__*/jsx("div", {
+      className: styles.bottomGradient
+    })]
+  });
+}
+CasingTableV2.propTypes = {
+  viewColumnsPerRow: PropTypes.oneOf([1, 2, 3, 4, 6]),
+  editColumnsPerRow: PropTypes.oneOf([1, 2, 3, 4, 6]),
+  components: PropTypes.arrayOf(PropTypes.shape({})),
+  draftComponent: PropTypes.arrayOf(PropTypes.shape({})),
+  validate: PropTypes.func.isRequired,
+  onSort: PropTypes.func.isRequired,
+  onAdd: PropTypes.func.isRequired,
+  onDelete: PropTypes.func.isRequired,
+  onSave: PropTypes.func.isRequired,
+  onCancel: PropTypes.func.isRequired,
+  isMobile: PropTypes.bool.isRequired
+};
+CasingTableV2.defaultProps = {
+  viewColumnsPerRow: 3,
+  editColumnsPerRow: 3,
+  components: null,
+  draftComponent: null
+};
+
+export { CasingTableV2 as default };
+//# sourceMappingURL=CasingTableV2.js.map

package/components/Casing/CasingTableV2/CasingTableV2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CasingTableV2.js","sources":["../../../../src/components/Casing/CasingTableV2/CasingTableV2.js"],"sourcesContent":["import { useState, useMemo, useRef } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { isEmpty } from 'lodash';\n\nimport BHACasingEmptyView from '~/components/Drillstring/BHACasingEmptyView';\nimport Header from './components/Header';\nimport Component from './components/Component';\nimport SortableComponents from './components/SortableComponents';\nimport styles from './CasingTableV2.css';\n\nfunction CasingTableV2({\n  viewColumnsPerRow,\n  editColumnsPerRow,\n  components,\n  draftComponent,\n  validate,\n  onSort,\n  onAdd,\n  onDelete,\n  onSave,\n  onCancel,\n  isMobile,\n}) {\n  const [sortableIndex, setSortableIndex] = useState(-1);\n  const [showTopGradient, setShowTopGradient] = useState(false);\n  const containerRef = useRef(null);\n  const isComponentsEmpty = useMemo(() => {\n    return !((components && !isEmpty(components)) || draftComponent);\n  }, [components, draftComponent]);\n\n  const handleSortStart = node => {\n    setSortableIndex(node.index);\n  };\n\n  const handleSortEnd = (oldIndex, newIndex) => {\n    setSortableIndex(-1);\n    onSort(oldIndex, newIndex);\n  };\n\n  const handleScroll = () => {\n    if (containerRef.current) {\n      setShowTopGradient(!!containerRef.current.scrollTop);\n    }\n  };\n\n  return (\n    <div className={styles.container}>\n      {isComponentsEmpty ? (\n        <BHACasingEmptyView type=\"Casing\" onAdd={onAdd} />\n      ) : (\n        <div\n          className={classNames(styles.tableContent, { [styles.contentMobile]: isMobile })}\n          ref={containerRef}\n          onScroll={handleScroll}\n        >\n          {!isMobile && <Header />}\n          <div>\n            {draftComponent && (\n              <Component\n                isMobile={isMobile}\n                viewColumnsPerRow={viewColumnsPerRow}\n                editColumnsPerRow={editColumnsPerRow}\n                component={draftComponent}\n                isDraft\n                validate={validate}\n                onCancel={onCancel}\n                onSave={onSave}\n              />\n            )}\n            <SortableComponents\n              useDragHandle\n              lockAxis=\"y\"\n              lockToContainerEdges\n              components={components}\n              sortableIndex={sortableIndex}\n              validate={validate}\n              onSaveComponent={onSave}\n              onDeleteComponent={onDelete}\n              onSortEnd={handleSortEnd}\n              onSortStart={handleSortStart}\n              isMobile={isMobile}\n              viewColumnsPerRow={viewColumnsPerRow}\n              editColumnsPerRow={editColumnsPerRow}\n            />\n          </div>\n        </div>\n      )}\n      <div\n        className={classNames(styles.topGradient, { [styles.visible]: showTopGradient })}\n        style={{ top: isMobile ? 0 : 50 }}\n      />\n      <div className={styles.bottomGradient} />\n    </div>\n  );\n}\n\nCasingTableV2.propTypes = {\n  viewColumnsPerRow: PropTypes.oneOf([1, 2, 3, 4, 6]),\n  editColumnsPerRow: PropTypes.oneOf([1, 2, 3, 4, 6]),\n  components: PropTypes.arrayOf(PropTypes.shape({})),\n  draftComponent: PropTypes.arrayOf(PropTypes.shape({})),\n  validate: PropTypes.func.isRequired,\n  onSort: PropTypes.func.isRequired,\n  onAdd: PropTypes.func.isRequired,\n  onDelete: PropTypes.func.isRequired,\n  onSave: PropTypes.func.isRequired,\n  onCancel: PropTypes.func.isRequired,\n  isMobile: PropTypes.bool.isRequired,\n};\n\nCasingTableV2.defaultProps = {\n  viewColumnsPerRow: 3,\n  editColumnsPerRow: 3,\n  components: null,\n  draftComponent: null,\n};\n\nexport default CasingTableV2;\n"],"names":["CasingTableV2","viewColumnsPerRow","editColumnsPerRow","components","draftComponent","validate","onSort","onAdd","onDelete","onSave","onCancel","isMobile","useState","sortableIndex","setSortableIndex","showTopGradient","setShowTopGradient","containerRef","useRef","isComponentsEmpty","useMemo","isEmpty","handleSortStart","node","index","handleSortEnd","oldIndex","newIndex","handleScroll","current","scrollTop","_jsxs","styles","container","_jsx","classNames","tableContent","contentMobile","topGradient","visible","top","bottomGradient","propTypes","PropTypes","oneOf","arrayOf","shape","func","isRequired","bool","defaultProps"],"mappings":";;;;;;;;;;;;;AAWA,SAASA,aAAa,CAYnB,IAAA,EAAA;EAAA,IAXDC,iBAAiB,QAAjBA,iBAAiB;AACjBC,IAAAA,iBAAiB,QAAjBA,iBAAiB;AACjBC,IAAAA,UAAU,QAAVA,UAAU;AACVC,IAAAA,cAAc,QAAdA,cAAc;AACdC,IAAAA,QAAQ,QAARA,QAAQ;AACRC,IAAAA,MAAM,QAANA,MAAM;AACNC,IAAAA,KAAK,QAALA,KAAK;AACLC,IAAAA,QAAQ,QAARA,QAAQ;AACRC,IAAAA,MAAM,QAANA,MAAM;AACNC,IAAAA,QAAQ,QAARA,QAAQ;AACRC,IAAAA,QAAQ,QAARA,QAAQ,CAAA;AAER,EAAA,IAAA,SAAA,GAA0CC,QAAQ,CAAC,CAAC,CAAC,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAA/CC,aAAa,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,gBAAgB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;EACtC,IAA8CF,UAAAA,GAAAA,QAAQ,CAAC,KAAK,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;IAAtDG,eAAe,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,kBAAkB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAC1C,EAAA,IAAMC,YAAY,GAAGC,MAAM,CAAC,IAAI,CAAC,CAAA;AACjC,EAAA,IAAMC,iBAAiB,GAAGC,OAAO,CAAC,YAAM;IACtC,OAAO,EAAGjB,UAAU,IAAI,CAACkB,OAAO,CAAClB,UAAU,CAAC,IAAKC,cAAc,CAAC,CAAA;AAClE,GAAC,EAAE,CAACD,UAAU,EAAEC,cAAc,CAAC,CAAC,CAAA;AAEhC,EAAA,IAAMkB,eAAe,GAAG,SAAlBA,eAAe,CAAGC,IAAI,EAAI;AAC9BT,IAAAA,gBAAgB,CAACS,IAAI,CAACC,KAAK,CAAC,CAAA;GAC7B,CAAA;EAED,IAAMC,aAAa,GAAG,SAAhBA,aAAa,CAAIC,QAAQ,EAAEC,QAAQ,EAAK;IAC5Cb,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAA;AACpBR,IAAAA,MAAM,CAACoB,QAAQ,EAAEC,QAAQ,CAAC,CAAA;GAC3B,CAAA;AAED,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAY,GAAS;IACzB,IAAIX,YAAY,CAACY,OAAO,EAAE;MACxBb,kBAAkB,CAAC,CAAC,CAACC,YAAY,CAACY,OAAO,CAACC,SAAS,CAAC,CAAA;AACtD,KAAA;GACD,CAAA;EAED,oBACEC,IAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEC,MAAM,CAACC,SAAU;IAAA,QAC9Bd,EAAAA,CAAAA,iBAAiB,gBAChBe,GAAA,CAAC,kBAAkB,EAAA;AAAC,MAAA,IAAI,EAAC,QAAQ;AAAC,MAAA,KAAK,EAAE3B,KAAAA;AAAM,KAAA,CAAG,gBAElDwB,IAAA,CAAA,KAAA,EAAA;AACE,MAAA,SAAS,EAAEI,UAAU,CAACH,MAAM,CAACI,YAAY,EAAKJ,eAAAA,CAAAA,EAAAA,EAAAA,MAAM,CAACK,aAAa,EAAG1B,QAAQ,CAAI,CAAA;AACjF,MAAA,GAAG,EAAEM,YAAa;AAClB,MAAA,QAAQ,EAAEW,YAAa;AAAA,MAAA,QAAA,EAAA,CAEtB,CAACjB,QAAQ,iBAAIuB,GAAC,CAAA,MAAM,KAAG,eACxBH,IAAA,CAAA,KAAA,EAAA;QAAA,QACG3B,EAAAA,CAAAA,cAAc,iBACb8B,GAAA,CAAC,SAAS,EAAA;AACR,UAAA,QAAQ,EAAEvB,QAAS;AACnB,UAAA,iBAAiB,EAAEV,iBAAkB;AACrC,UAAA,iBAAiB,EAAEC,iBAAkB;AACrC,UAAA,SAAS,EAAEE,cAAe;UAC1B,OAAO,EAAA,IAAA;AACP,UAAA,QAAQ,EAAEC,QAAS;AACnB,UAAA,QAAQ,EAAEK,QAAS;AACnB,UAAA,MAAM,EAAED,MAAAA;SAEX,CAAA,eACDyB,IAAC,kBAAkB,EAAA;UACjB,aAAa,EAAA,IAAA;AACb,UAAA,QAAQ,EAAC,GAAG;UACZ,oBAAoB,EAAA,IAAA;AACpB,UAAA,UAAU,EAAE/B,UAAW;AACvB,UAAA,aAAa,EAAEU,aAAc;AAC7B,UAAA,QAAQ,EAAER,QAAS;AACnB,UAAA,eAAe,EAAEI,MAAO;AACxB,UAAA,iBAAiB,EAAED,QAAS;AAC5B,UAAA,SAAS,EAAEiB,aAAc;AACzB,UAAA,WAAW,EAAEH,eAAgB;AAC7B,UAAA,QAAQ,EAAEX,QAAS;AACnB,UAAA,iBAAiB,EAAEV,iBAAkB;AACrC,UAAA,iBAAiB,EAAEC,iBAAAA;SACnB,CAAA,CAAA;OACE,CAAA,CAAA;AAAA,KAAA,CAET,eACDgC,GAAA,CAAA,KAAA,EAAA;AACE,MAAA,SAAS,EAAEC,UAAU,CAACH,MAAM,CAACM,WAAW,EAAKN,eAAAA,CAAAA,EAAAA,EAAAA,MAAM,CAACO,OAAO,EAAGxB,eAAe,CAAI,CAAA;AACjF,MAAA,KAAK,EAAE;AAAEyB,QAAAA,GAAG,EAAE7B,QAAQ,GAAG,CAAC,GAAG,EAAA;AAAG,OAAA;AAAE,KAAA,CAClC,eACFuB,GAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEF,MAAM,CAACS,cAAAA;KAAkB,CAAA,CAAA;GACrC,CAAA,CAAA;AAEV,CAAA;AAEAzC,aAAa,CAAC0C,SAAS,GAAG;AACxBzC,EAAAA,iBAAiB,EAAE0C,SAAS,CAACC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACnD1C,EAAAA,iBAAiB,EAAEyC,SAAS,CAACC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACnDzC,EAAAA,UAAU,EAAEwC,SAAS,CAACE,OAAO,CAACF,SAAS,CAACG,KAAK,CAAC,EAAE,CAAC,CAAC;AAClD1C,EAAAA,cAAc,EAAEuC,SAAS,CAACE,OAAO,CAACF,SAAS,CAACG,KAAK,CAAC,EAAE,CAAC,CAAC;AACtDzC,EAAAA,QAAQ,EAAEsC,SAAS,CAACI,IAAI,CAACC,UAAU;AACnC1C,EAAAA,MAAM,EAAEqC,SAAS,CAACI,IAAI,CAACC,UAAU;AACjCzC,EAAAA,KAAK,EAAEoC,SAAS,CAACI,IAAI,CAACC,UAAU;AAChCxC,EAAAA,QAAQ,EAAEmC,SAAS,CAACI,IAAI,CAACC,UAAU;AACnCvC,EAAAA,MAAM,EAAEkC,SAAS,CAACI,IAAI,CAACC,UAAU;AACjCtC,EAAAA,QAAQ,EAAEiC,SAAS,CAACI,IAAI,CAACC,UAAU;AACnCrC,EAAAA,QAAQ,EAAEgC,SAAS,CAACM,IAAI,CAACD,UAAAA;AAC3B,CAAC,CAAA;AAEDhD,aAAa,CAACkD,YAAY,GAAG;AAC3BjD,EAAAA,iBAAiB,EAAE,CAAC;AACpBC,EAAAA,iBAAiB,EAAE,CAAC;AACpBC,EAAAA,UAAU,EAAE,IAAI;AAChBC,EAAAA,cAAc,EAAE,IAAA;AAClB,CAAC;;;;"}

package/components/Casing/CasingTableV2/components/CasingJoints/Browser.js

@@ -1 +1,86 @@
-import e from"@babel/runtime/helpers/defineProperty";import{memo as n}from"react";import o from"classnames";import t from"prop-types";import{Grid as r}from"@material-ui/core";import{isMobileDetected as s}from"../../../../../utils/mobileDetect.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/InputText.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js";import{StaticField as i}from"../../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js";import"../../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js";import{useStyles as m}from"../../../../Drillstring/BHAComponentsTable/components/sharedStyles.js";import{CONTAINER_XS as l}from"../constants.js";import{jsx as a,Fragment as p,jsxs as u}from"react/jsx-runtime";function d(n){var t=n.component,d=n.columns,c=m(),b=l/d;return a(p,{children:u(r,{container:!0,spacing:2,className:o(c.detailedView,e({},c.detailedViewMobile,s)),children:[a(i,{label:"Name",value:t.name,format:null,xs:b}),a(i,{label:"# of Joints",value:t.number_of_joints,format:"0",xs:b}),a(i,{label:"Component Length",value:t.component_length,format:"0.0",xs:b}),a(i,{label:"T.Weight",unit:"mass",value:t.weight,xs:b}),a(i,{label:"Inside Mud Density",unit:"density",value:t.inside_mud_density,format:"0.0",xs:b}),a(i,{label:"Grade",value:t.grade,format:null,xs:b}),a(i,{label:"Connection Type",value:t.connection_type,format:null,xs:b})]})})}d.propTypes={component:t.shape({name:t.string,weight:t.number,component_length:t.number,number_of_joints:t.number,connection_type:t.string,inside_mud_density:t.number,grade:t.string}).isRequired,columns:t.number.isRequired};var c=n(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 '../../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js';
+import '../../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js';
+import '../../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js';
+import '../../../../Drillstring/BHAComponentsTable/components/shared/InputText.js';
+import '../../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js';
+import '../../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js';
+import '../../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js';
+import { StaticField } from '../../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js';
+import '../../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js';
+import '../../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js';
+import { useStyles } from '../../../../Drillstring/BHAComponentsTable/components/sharedStyles.js';
+import { CONTAINER_XS } from '../constants.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+function CasingJoints(_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: "# of Joints",
+        value: component.number_of_joints,
+        format: "0",
+        xs: xs
+      }), /*#__PURE__*/jsx(StaticField, {
+        label: "Component Length",
+        value: component.component_length,
+        format: "0.0",
+        xs: xs
+      }), /*#__PURE__*/jsx(StaticField, {
+        label: "T.Weight",
+        unit: "mass",
+        value: component.weight,
+        xs: xs
+      }), /*#__PURE__*/jsx(StaticField, {
+        label: "Inside Mud Density",
+        unit: "density",
+        value: component.inside_mud_density,
+        format: "0.0",
+        xs: xs
+      }), /*#__PURE__*/jsx(StaticField, {
+        label: "Grade",
+        value: component.grade,
+        format: null,
+        xs: xs
+      }), /*#__PURE__*/jsx(StaticField, {
+        label: "Connection Type",
+        value: component.connection_type,
+        format: null,
+        xs: xs
+      })]
+    })
+  });
+}
+CasingJoints.propTypes = {
+  component: PropTypes.shape({
+    name: PropTypes.string,
+    weight: PropTypes.number,
+    component_length: PropTypes.number,
+    number_of_joints: PropTypes.number,
+    connection_type: PropTypes.string,
+    inside_mud_density: PropTypes.number,
+    grade: PropTypes.string
+  }).isRequired,
+  columns: PropTypes.number.isRequired
+};
+var ComponentBrowser = memo(CasingJoints);
+
+export { ComponentBrowser as default };
+//# sourceMappingURL=Browser.js.map

package/components/Casing/CasingTableV2/components/CasingJoints/Browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Browser.js","sources":["../../../../../../src/components/Casing/CasingTableV2/components/CasingJoints/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 '~/components/Drillstring/BHAComponentsTable/components/shared';\nimport { useStyles } from '~/components/Drillstring/BHAComponentsTable/components/sharedStyles';\nimport { CONTAINER_XS } from '../constants';\n\nfunction CasingJoints({ 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=\"# of Joints\" value={component.number_of_joints} format=\"0\" xs={xs} />\n        <StaticField\n          label=\"Component Length\"\n          value={component.component_length}\n          format=\"0.0\"\n          xs={xs}\n        />\n        <StaticField label=\"T.Weight\" unit=\"mass\" value={component.weight} xs={xs} />\n        <StaticField\n          label=\"Inside Mud Density\"\n          unit=\"density\"\n          value={component.inside_mud_density}\n          format=\"0.0\"\n          xs={xs}\n        />\n        <StaticField label=\"Grade\" value={component.grade} format={null} xs={xs} />\n        <StaticField\n          label=\"Connection Type\"\n          value={component.connection_type}\n          format={null}\n          xs={xs}\n        />\n      </Grid>\n    </>\n  );\n}\n\nCasingJoints.propTypes = {\n  component: PropTypes.shape({\n    name: PropTypes.string,\n    weight: PropTypes.number,\n    component_length: PropTypes.number,\n    number_of_joints: PropTypes.number,\n    connection_type: PropTypes.string,\n    inside_mud_density: PropTypes.number,\n    grade: PropTypes.string,\n  }).isRequired,\n  columns: PropTypes.number.isRequired,\n};\n\nexport default memo(CasingJoints);\n"],"names":["CasingJoints","component","columns","classes","useStyles","xs","CONTAINER_XS","_jsx","_Fragment","_jsxs","classNames","detailedView","detailedViewMobile","isMobileDetected","name","number_of_joints","component_length","weight","inside_mud_density","grade","connection_type","propTypes","PropTypes","shape","string","number","isRequired","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;AAUA,SAASA,YAAY,CAAyB,IAAA,EAAA;EAAA,IAAtBC,SAAS,QAATA,SAAS;AAAEC,IAAAA,OAAO,QAAPA,OAAO,CAAA;EACxC,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,aAAa;QAAC,KAAK,EAAEN,SAAS,CAACc,gBAAiB;AAAC,QAAA,MAAM,EAAC,GAAG;AAAC,QAAA,EAAE,EAAEV,EAAAA;OAAM,CAAA,eACzFE,IAAC,WAAW,EAAA;AACV,QAAA,KAAK,EAAC,kBAAkB;QACxB,KAAK,EAAEN,SAAS,CAACe,gBAAiB;AAClC,QAAA,MAAM,EAAC,KAAK;AACZ,QAAA,EAAE,EAAEX,EAAAA;OACJ,CAAA,eACFE,IAAC,WAAW,EAAA;AAAC,QAAA,KAAK,EAAC,UAAU;AAAC,QAAA,IAAI,EAAC,MAAM;QAAC,KAAK,EAAEN,SAAS,CAACgB,MAAO;AAAC,QAAA,EAAE,EAAEZ,EAAAA;OAAM,CAAA,eAC7EE,IAAC,WAAW,EAAA;AACV,QAAA,KAAK,EAAC,oBAAoB;AAC1B,QAAA,IAAI,EAAC,SAAS;QACd,KAAK,EAAEN,SAAS,CAACiB,kBAAmB;AACpC,QAAA,MAAM,EAAC,KAAK;AACZ,QAAA,EAAE,EAAEb,EAAAA;OACJ,CAAA,eACFE,IAAC,WAAW,EAAA;AAAC,QAAA,KAAK,EAAC,OAAO;QAAC,KAAK,EAAEN,SAAS,CAACkB,KAAM;AAAC,QAAA,MAAM,EAAE,IAAK;AAAC,QAAA,EAAE,EAAEd,EAAAA;OAAM,CAAA,eAC3EE,IAAC,WAAW,EAAA;AACV,QAAA,KAAK,EAAC,iBAAiB;QACvB,KAAK,EAAEN,SAAS,CAACmB,eAAgB;AACjC,QAAA,MAAM,EAAE,IAAK;AACb,QAAA,EAAE,EAAEf,EAAAA;OACJ,CAAA,CAAA;AAAA,KAAA,CAAA;GAEH,CAAA,CAAA;AAEP,CAAA;AAEAL,YAAY,CAACqB,SAAS,GAAG;AACvBpB,EAAAA,SAAS,EAAEqB,SAAS,CAACC,KAAK,CAAC;IACzBT,IAAI,EAAEQ,SAAS,CAACE,MAAM;IACtBP,MAAM,EAAEK,SAAS,CAACG,MAAM;IACxBT,gBAAgB,EAAEM,SAAS,CAACG,MAAM;IAClCV,gBAAgB,EAAEO,SAAS,CAACG,MAAM;IAClCL,eAAe,EAAEE,SAAS,CAACE,MAAM;IACjCN,kBAAkB,EAAEI,SAAS,CAACG,MAAM;IACpCN,KAAK,EAAEG,SAAS,CAACE,MAAAA;GAClB,CAAC,CAACE,UAAU;AACbxB,EAAAA,OAAO,EAAEoB,SAAS,CAACG,MAAM,CAACC,UAAAA;AAC5B,CAAC,CAAA;AAED,uBAAeC,IAAI,CAAC3B,YAAY,CAAC;;;;"}