@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

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

@@ -0,0 +1 @@
+{"version":3,"file":"Editor.js","sources":["../../../../../../src/components/Casing/CasingTableV2/components/DrillPipe/Editor.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport { isEmpty } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@material-ui/core';\n\nimport { CONTAINER_XS, OD_ID_DEP_COLUMNS } from '../constants';\n\nimport { isMobileDetected } from '~/utils/mobileDetect';\nimport { CasingComponentIcon as ComponentIcon } from '~/components';\nimport {\n  COMPONENT_GRADES,\n  COMPONENT_CLASSES,\n  COMPONENT_MATERIALS,\n  OD_ID_DEP_LIST,\n} from '~/constants/casing';\nimport {\n  InputText,\n  SelectField,\n  CancelButton,\n  SaveButton,\n  SharedEditorElements,\n} from '~/components/Drillstring/BHAComponentsTable/components/shared';\nimport { Suggestions } from '~/components/Drillstring/BHAComponentsTable/components/Suggestions';\nimport { useStyles } from '~/components/Drillstring/BHAComponentsTable/components/sharedStyles';\n\nfunction DrillPipe({ component, error, onChange, onCancel, onSave, onUseSuggestion, columns }) {\n  const classes = useStyles({ isMobile: isMobileDetected });\n  const xs = isMobileDetected ? CONTAINER_XS / 2 : CONTAINER_XS / columns;\n\n  const getError = key => error && error[key];\n\n  const filteredSuggestions = useMemo(() => {\n    const suggestionsToUse = OD_ID_DEP_LIST;\n    return !component.outer_diameter\n      ? []\n      : suggestionsToUse.filter(\n          item => item.outer_diameter === parseFloat(component.outer_diameter)\n        );\n  }, [component.outer_diameter]);\n\n  return (\n    <Grid container spacing={0} className={classes.editorContainer}>\n      {!isMobileDetected && (\n        <Grid item className={classes.editorComponentSize}>\n          <ComponentIcon component={component} />\n        </Grid>\n      )}\n      <Grid item className={classes.eidtorContentContainer}>\n        <Grid container spacing={2}>\n          <SharedEditorElements\n            component={component}\n            getError={getError}\n            onChange={onChange}\n            isCasing\n          />\n\n          {filteredSuggestions.length > 0 && (\n            <Suggestions\n              data={filteredSuggestions}\n              allData={OD_ID_DEP_LIST}\n              columns={OD_ID_DEP_COLUMNS}\n              displayKeys={['outer_diameter', 'inner_diameter']}\n              descriptionKeys={[\n                'outer_diameter',\n                'inner_diameter',\n                'linear_weight',\n                'number_of_joints',\n                'component_length',\n              ]}\n              onSelect={onUseSuggestion}\n              isCasing\n            />\n          )}\n\n          <InputText\n            type=\"name\"\n            label=\"Name\"\n            value={component.name}\n            error={getError('name')}\n            xs={xs}\n            onChangeField={onChange}\n          />\n          <InputText\n            type=\"number_of_joints\"\n            label=\"# of Joints\"\n            value={component.number_of_joints}\n            error={getError('number_of_joints')}\n            xs={xs}\n            onChangeField={onChange}\n          />\n          <InputText\n            type=\"component_length\"\n            label=\"Component Length\"\n            unit=\"length\"\n            value={component.component_length}\n            error={getError('component_length')}\n            xs={xs}\n            onChangeField={onChange}\n          />\n          <InputText\n            type=\"weight\"\n            label=\"T.Weight\"\n            unit=\"mass\"\n            value={component.weight}\n            error={getError('weight')}\n            disabled\n            xs={xs}\n            onChangeField={onChange}\n          />\n          <SelectField\n            type=\"grade\"\n            options={COMPONENT_GRADES}\n            label=\"Grade\"\n            value={component.grade}\n            error={getError('grade')}\n            xs={xs}\n            onChangeField={onChange}\n          />\n          <InputText\n            type=\"outer_diameter_tooljoint\"\n            label=\"TJ OD\"\n            unit=\"shortLength\"\n            value={component.outer_diameter_tooljoint}\n            error={getError('outer_diameter_tooljoint')}\n            xs={xs}\n            onChangeField={onChange}\n          />\n          <InputText\n            type=\"inner_diameter_tooljoint\"\n            label=\"TJ ID\"\n            unit=\"shortLength\"\n            value={component.inner_diameter_tooljoint}\n            error={getError('inner_diameter_tooljoint')}\n            xs={xs}\n            onChangeField={onChange}\n          />\n          <InputText\n            type=\"length_tooljoint\"\n            label=\"TJ Length Per Joint\"\n            unit=\"length\"\n            value={component.length_tooljoint}\n            error={getError('length_tooljoint')}\n            xs={xs}\n            onChangeField={onChange}\n          />\n          <InputText\n            type=\"connection_type\"\n            label=\"Connection Type\"\n            value={component.connection_type}\n            error={getError('connection_type')}\n            xs={xs}\n            onChangeField={onChange}\n          />\n          <SelectField\n            type=\"class\"\n            options={COMPONENT_CLASSES}\n            label=\"Class\"\n            value={component.class}\n            error={getError('class')}\n            xs={xs}\n            onChangeField={onChange}\n          />\n          <SelectField\n            type=\"material\"\n            options={COMPONENT_MATERIALS}\n            label=\"Material\"\n            value={component.material}\n            error={getError('material')}\n            xs={xs}\n            onChangeField={onChange}\n          />\n        </Grid>\n      </Grid>\n      {!isMobileDetected && (\n        <Grid item className={classes.eidtorActionGroup}>\n          <CancelButton handleCancel={onCancel} />\n          <SaveButton handleSave={onSave} disabled={!isEmpty(error)} />\n        </Grid>\n      )}\n    </Grid>\n  );\n}\n\nDrillPipe.propTypes = {\n  component: PropTypes.shape({\n    outer_diameter: PropTypes.number,\n    component_length: PropTypes.number,\n    name: PropTypes.string,\n    number_of_joints: PropTypes.number,\n    weight: PropTypes.number,\n    connection_type: PropTypes.string,\n    grade: PropTypes.string,\n    class: PropTypes.string,\n    material: PropTypes.string,\n    outer_diameter_tooljoint: PropTypes.number,\n    inner_diameter_tooljoint: PropTypes.number,\n    length_tooljoint: PropTypes.number,\n  }).isRequired,\n  error: PropTypes.shape({}),\n  onChange: PropTypes.func.isRequired,\n  onCancel: PropTypes.func.isRequired,\n  onSave: PropTypes.func.isRequired,\n  onUseSuggestion: PropTypes.func.isRequired,\n  columns: PropTypes.number.isRequired,\n};\n\nDrillPipe.defaultProps = {\n  error: null,\n};\n\nexport default memo(DrillPipe);\n"],"names":["DrillPipe","component","error","onChange","onCancel","onSave","onUseSuggestion","columns","classes","useStyles","isMobile","isMobileDetected","xs","CONTAINER_XS","getError","key","filteredSuggestions","useMemo","suggestionsToUse","OD_ID_DEP_LIST","outer_diameter","filter","item","parseFloat","_jsxs","editorContainer","_jsx","editorComponentSize","eidtorContentContainer","length","OD_ID_DEP_COLUMNS","name","number_of_joints","component_length","weight","COMPONENT_GRADES","grade","outer_diameter_tooljoint","inner_diameter_tooljoint","length_tooljoint","connection_type","COMPONENT_CLASSES","class","COMPONENT_MATERIALS","material","eidtorActionGroup","isEmpty","propTypes","PropTypes","shape","number","string","isRequired","func","defaultProps","memo"],"mappings":"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"}

package/components/Casing/CasingTableV2/components/EditComponentDialog.js

@@ -1 +1,173 @@
-import e from"@babel/runtime/helpers/defineProperty";import{memo as t}from"react";import r from"prop-types";import{makeStyles as i,Dialog as o,DialogTitle as n,Typography as a,DialogContent as c,DialogActions as l,Button as p}from"@material-ui/core";import{Close as s,ArrowBackIos as d}from"@material-ui/icons";import"./DrillPipe/Browser.js";import m from"./DrillPipe/Editor.js";import"./CasingJoints/Browser.js";import u from"./CasingJoints/Editor.js";import{COMPONENT_FAMILIES as f}from"../../../../constants/casing.js";import{jsxs as g,jsx as h}from"react/jsx-runtime";function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function y(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?b(Object(i),!0).forEach((function(r){e(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):b(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var x=i((function(e){return{paper:{background:e.isLightTheme?e.palette.primary.text1:e.palette.background.b5},dialogTitle:{padding:"12px 0",borderBottom:"1px solid ".concat(e.palette.background.b7)},titleWrapper:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 16px"},title:{fontSize:"20px",fontWeight:400},closeIcon:{color:e.palette.primary.text6,"&:hover":{color:e.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(e.palette.background.b5," 100%)")}}}));function v(e){var t=e.component,r=e.isDraft,i=e.error,b=e.onChange,v=e.onUseSuggestion,C=e.onCancel,j=e.onSave,w=e.onClose,O={component:t,isDraft:r,error:i,onChange:b,onUseSuggestion:v,onCancel:C,onSave:j},k=x(),D=t.family;return g(o,{open:!0,onBackdropClick:w,onEscapeKeyDown:w,maxWidth:"xs",fullWidth:!0,fullScreen:!0,classes:{paper:k.paper},children:[h(n,{className:k.dialogTitle,children:g("div",{className:k.titleWrapper,children:[h(a,{className:k.title,children:function(e){if(!e)return"—";var t=f.find((function(t){return t.type===e}));return(null==t?void 0:t.name)||e.toUpperCase()}(D)}),h(s,{onClick:w,className:k.closeIcon})]})}),h(c,{className:k.dialogContent,children:g("div",{className:k.contentView,children:[g("div",{className:k.componentListView,children:[("dp"===D||"hwdp"===D)&&h(m,y(y({},O),{},{isMobile:!0})),"dp"!==D&&"hwdp"!==D&&h(u,y(y({},O),{},{isMobile:!0}))]}),h("div",{className:k.bottomGradient})]})}),g(l,{className:k.dialogActions,children:[h(p,{startIcon:h(d,{}),onClick:w}),g("div",{children:[h(p,{color:"primary",style:{marginRight:"12px"},onClick:w,children:"Cancel"}),h(p,{variant:"contained",color:"primary",onClick:j,children:"Save"})]})]})]})}v.propTypes={component:r.shape({family:r.string}).isRequired,isDraft:r.bool.isRequired,error:r.shape({}).isRequired,onChange:r.func.isRequired,onUseSuggestion:r.func.isRequired,onCancel:r.func.isRequired,onSave:r.func.isRequired,onClose:r.func.isRequired};var C=t(v);export{C 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 './DrillPipe/Browser.js';
+import DrillPipeEditor from './DrillPipe/Editor.js';
+import './CasingJoints/Browser.js';
+import ComponentEditor from './CasingJoints/Editor.js';
+import { COMPONENT_FAMILIES } from '../../../../constants/casing.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.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 !== 'dp' && family !== 'hwdp' && /*#__PURE__*/jsx(ComponentEditor, _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/Casing/CasingTableV2/components/EditComponentDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditComponentDialog.js","sources":["../../../../../src/components/Casing/CasingTableV2/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 { Editor as DrillPipeEditor } from './DrillPipe';\nimport { Editor as ComponentEditor } from './CasingJoints';\n\nimport { COMPONENT_FAMILIES } from '~/constants/casing';\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.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 !== 'dp' && family !== 'hwdp' && (\n              <ComponentEditor {...tempComponentProps} isMobile />\n            )}\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","find","item","name","toUpperCase","_jsxs","_jsx","CloseIcon","BackIcon","marginRight","propTypes","PropTypes","shape","string","isRequired","bool","func","memo"],"mappings":"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"}

package/components/Casing/CasingTableV2/components/SortableComponent.js

@@ -1 +1,151 @@
-import o from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useState as r,memo as i}from"react";import n from"prop-types";import t from"classnames";import{sortableHandle as a,SortableElement as s}from"react-sortable-hoc";import{makeStyles as l,Tooltip as p,IconButton as d}from"@material-ui/core";import m from"@material-ui/icons/DragIndicator";import u from"./Component.js";import{jsx as c,jsxs as b}from"react/jsx-runtime";var f=l((function(o){return{sortableComponent:{position:"relative","&:hover":{"& $dragButton":{display:"block"}},zIndex:"99999999 !important",background:function(e){return e.isSortable&&o.palette.background.b5},boxShadow:function(o){return o.isSortable&&"0px 0px 6px rgba(0, 0, 0, 0.5)"}},topComponent:{marginTop:"16px"},bottomComponent:{marginBottom:"8px"},dragInidicationHidden:{"&:hover":{"& $dragButton":{display:"none"}}},dragIndicatorWrapper:{position:"absolute",left:function(o){return o.isMobile?"8px":0},top:function(o){return o.isMobile?"20px":"8px"}},dragButton:{display:function(o){return o.isMobile?"block":"none"},padding:"8px",background:function(e){return e.isMobile?"none":o.palette.background.b9},"&:hover":{background:o.palette.background.b7,"& $dragIndicatorIcon":{color:o.palette.primary.text1}}},dragIndicatorIcon:{cursor:"pointer",color:o.palette.primary.text6,fontSize:"16px"}}})),g=a((function(o){var e=o.isMobile,r=f({isMobile:e});return c("div",{className:r.dragIndicatorWrapper,children:c(p,{title:e?"":"Click & Drag to reorder",children:c(d,{className:r.dragButton,children:c(m,{className:r.dragIndicatorIcon})})})})})),C=s((function(i){var n,a=i.component,s=i.isTopComponent,l=i.isLastCompnent,p=i.isSortable,d=i.sortableIndex,m=i.validate,C=i.onDelete,v=i.onSave,x=i.isMobile,R=i.viewColumnsPerRow,I=i.editColumnsPerRow,h=f({isMobile:x,isSortable:p}),q=r(!1),M=e(q,2),w=M[0],S=M[1];return b("div",{className:t(h.sortableComponent,(n={},o(n,h.topComponent,!x&&s),o(n,h.bottomComponent,!x&&l),o(n,h.dragInidicationHidden,!p&&-1!==d),n)),children:[!w&&c(g,{isMobile:x}),c(u,{isMobile:x,viewColumnsPerRow:R,editColumnsPerRow:I,component:a,validate:m,onSave:v,onDelete:C,onChangeEditing:S,isDragComponent:-1!==d})]})}));C.propTypes={isMobile:n.bool.isRequired,component:n.shape({}).isRequired,isTopComponent:n.bool.isRequired,isLastCompnent:n.bool.isRequired,isSortable:n.bool.isRequired,sortableIndex:n.number.isRequired,validate:n.func.isRequired,onDelete:n.func.isRequired,onSave:n.func.isRequired,viewColumnsPerRow:n.number.isRequired,editColumnsPerRow:n.number.isRequired};var v=i(C);export{v as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, memo } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { sortableHandle, SortableElement } from 'react-sortable-hoc';
+import { makeStyles, Tooltip, IconButton } from '@material-ui/core';
+import DragIndicatorIcon from '@material-ui/icons/DragIndicator';
+import Component from './Component.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    sortableComponent: {
+      position: 'relative',
+      '&:hover': {
+        '& $dragButton': {
+          display: 'block'
+        }
+      },
+      zIndex: '99999999 !important',
+      background: function background(_ref) {
+        var isSortable = _ref.isSortable;
+        return isSortable && theme.palette.background.b5;
+      },
+      boxShadow: function boxShadow(_ref2) {
+        var isSortable = _ref2.isSortable;
+        return isSortable && '0px 0px 6px rgba(0, 0, 0, 0.5)';
+      }
+    },
+    topComponent: {
+      marginTop: '16px'
+    },
+    bottomComponent: {
+      marginBottom: '8px'
+    },
+    dragInidicationHidden: {
+      '&:hover': {
+        '& $dragButton': {
+          display: 'none'
+        }
+      }
+    },
+    dragIndicatorWrapper: {
+      position: 'absolute',
+      left: function left(_ref3) {
+        var isMobile = _ref3.isMobile;
+        return isMobile ? '8px' : 0;
+      },
+      top: function top(_ref4) {
+        var isMobile = _ref4.isMobile;
+        return isMobile ? '20px' : '8px';
+      }
+    },
+    dragButton: {
+      display: function display(_ref5) {
+        var isMobile = _ref5.isMobile;
+        return isMobile ? 'block' : 'none';
+      },
+      padding: '8px',
+      background: function background(_ref6) {
+        var isMobile = _ref6.isMobile;
+        return isMobile ? 'none' : theme.palette.background.b9;
+      },
+      '&:hover': {
+        background: theme.palette.background.b7,
+        '& $dragIndicatorIcon': {
+          color: theme.palette.primary.text1
+        }
+      }
+    },
+    dragIndicatorIcon: {
+      cursor: 'pointer',
+      color: theme.palette.primary.text6,
+      fontSize: '16px'
+    }
+  };
+});
+var DragHandle = sortableHandle(function (_ref7) {
+  var isMobile = _ref7.isMobile;
+  var classes = useStyles({
+    isMobile: isMobile
+  });
+  return /*#__PURE__*/jsx("div", {
+    className: classes.dragIndicatorWrapper,
+    children: /*#__PURE__*/jsx(Tooltip, {
+      title: isMobile ? '' : 'Click & Drag to reorder',
+      children: /*#__PURE__*/jsx(IconButton, {
+        className: classes.dragButton,
+        children: /*#__PURE__*/jsx(DragIndicatorIcon, {
+          className: classes.dragIndicatorIcon
+        })
+      })
+    })
+  });
+});
+var SortableComponent = SortableElement(function (_ref8) {
+  var _classNames;
+  var component = _ref8.component,
+    isTopComponent = _ref8.isTopComponent,
+    isLastCompnent = _ref8.isLastCompnent,
+    isSortable = _ref8.isSortable,
+    sortableIndex = _ref8.sortableIndex,
+    validate = _ref8.validate,
+    onDelete = _ref8.onDelete,
+    onSave = _ref8.onSave,
+    isMobile = _ref8.isMobile,
+    viewColumnsPerRow = _ref8.viewColumnsPerRow,
+    editColumnsPerRow = _ref8.editColumnsPerRow;
+  var classes = useStyles({
+    isMobile: isMobile,
+    isSortable: isSortable
+  });
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isEditing = _useState2[0],
+    setIsEditing = _useState2[1];
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(classes.sortableComponent, (_classNames = {}, _defineProperty(_classNames, classes.topComponent, !isMobile && isTopComponent), _defineProperty(_classNames, classes.bottomComponent, !isMobile && isLastCompnent), _defineProperty(_classNames, classes.dragInidicationHidden, !isSortable && sortableIndex !== -1), _classNames)),
+    children: [!isEditing && /*#__PURE__*/jsx(DragHandle, {
+      isMobile: isMobile
+    }), /*#__PURE__*/jsx(Component, {
+      isMobile: isMobile,
+      viewColumnsPerRow: viewColumnsPerRow,
+      editColumnsPerRow: editColumnsPerRow,
+      component: component,
+      validate: validate,
+      onSave: onSave,
+      onDelete: onDelete,
+      onChangeEditing: setIsEditing,
+      isDragComponent: sortableIndex !== -1
+    })]
+  });
+});
+SortableComponent.propTypes = {
+  isMobile: PropTypes.bool.isRequired,
+  component: PropTypes.shape({}).isRequired,
+  isTopComponent: PropTypes.bool.isRequired,
+  isLastCompnent: PropTypes.bool.isRequired,
+  isSortable: PropTypes.bool.isRequired,
+  sortableIndex: PropTypes.number.isRequired,
+  validate: PropTypes.func.isRequired,
+  onDelete: PropTypes.func.isRequired,
+  onSave: PropTypes.func.isRequired,
+  viewColumnsPerRow: PropTypes.number.isRequired,
+  editColumnsPerRow: PropTypes.number.isRequired
+};
+var SortableComponent$1 = memo(SortableComponent);
+
+export { SortableComponent$1 as default };
+//# sourceMappingURL=SortableComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SortableComponent.js","sources":["../../../../../src/components/Casing/CasingTableV2/components/SortableComponent.js"],"sourcesContent":["import { memo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { SortableElement, sortableHandle } from 'react-sortable-hoc';\nimport { IconButton, Tooltip, makeStyles } from '@material-ui/core';\nimport DragIndicatorIcon from '@material-ui/icons/DragIndicator';\n\nimport Component from './Component';\n\nconst useStyles = makeStyles(theme => ({\n  sortableComponent: {\n    position: 'relative',\n    '&:hover': {\n      '& $dragButton': {\n        display: 'block',\n      },\n    },\n    zIndex: '99999999 !important',\n    background: ({ isSortable }) => isSortable && theme.palette.background.b5,\n    boxShadow: ({ isSortable }) => isSortable && '0px 0px 6px rgba(0, 0, 0, 0.5)',\n  },\n  topComponent: {\n    marginTop: '16px',\n  },\n  bottomComponent: {\n    marginBottom: '8px',\n  },\n  dragInidicationHidden: {\n    '&:hover': {\n      '& $dragButton': {\n        display: 'none',\n      },\n    },\n  },\n  dragIndicatorWrapper: {\n    position: 'absolute',\n    left: ({ isMobile }) => (isMobile ? '8px' : 0),\n    top: ({ isMobile }) => (isMobile ? '20px' : '8px'),\n  },\n  dragButton: {\n    display: ({ isMobile }) => (isMobile ? 'block' : 'none'),\n    padding: '8px',\n    background: ({ isMobile }) => (isMobile ? 'none' : theme.palette.background.b9),\n    '&:hover': {\n      background: theme.palette.background.b7,\n      '& $dragIndicatorIcon': {\n        color: theme.palette.primary.text1,\n      },\n    },\n  },\n  dragIndicatorIcon: {\n    cursor: 'pointer',\n    color: theme.palette.primary.text6,\n    fontSize: '16px',\n  },\n}));\n\nconst DragHandle = sortableHandle(({ isMobile }) => {\n  const classes = useStyles({ isMobile });\n\n  return (\n    <div className={classes.dragIndicatorWrapper}>\n      <Tooltip title={isMobile ? '' : 'Click & Drag to reorder'}>\n        <IconButton className={classes.dragButton}>\n          <DragIndicatorIcon className={classes.dragIndicatorIcon} />\n        </IconButton>\n      </Tooltip>\n    </div>\n  );\n});\n\nconst SortableComponent = SortableElement(\n  ({\n    component,\n    isTopComponent,\n    isLastCompnent,\n    isSortable,\n    sortableIndex,\n    validate,\n    onDelete,\n    onSave,\n    isMobile,\n    viewColumnsPerRow,\n    editColumnsPerRow,\n  }) => {\n    const classes = useStyles({ isMobile, isSortable });\n    const [isEditing, setIsEditing] = useState(false);\n\n    return (\n      <div\n        className={classNames(classes.sortableComponent, {\n          [classes.topComponent]: !isMobile && isTopComponent,\n          [classes.bottomComponent]: !isMobile && isLastCompnent,\n          [classes.dragInidicationHidden]: !isSortable && sortableIndex !== -1,\n        })}\n      >\n        {!isEditing && <DragHandle isMobile={isMobile} />}\n        <Component\n          isMobile={isMobile}\n          viewColumnsPerRow={viewColumnsPerRow}\n          editColumnsPerRow={editColumnsPerRow}\n          component={component}\n          validate={validate}\n          onSave={onSave}\n          onDelete={onDelete}\n          onChangeEditing={setIsEditing}\n          isDragComponent={sortableIndex !== -1}\n        />\n      </div>\n    );\n  }\n);\n\nSortableComponent.propTypes = {\n  isMobile: PropTypes.bool.isRequired,\n  component: PropTypes.shape({}).isRequired,\n  isTopComponent: PropTypes.bool.isRequired,\n  isLastCompnent: PropTypes.bool.isRequired,\n  isSortable: PropTypes.bool.isRequired,\n  sortableIndex: PropTypes.number.isRequired,\n  validate: PropTypes.func.isRequired,\n  onDelete: PropTypes.func.isRequired,\n  onSave: PropTypes.func.isRequired,\n  viewColumnsPerRow: PropTypes.number.isRequired,\n  editColumnsPerRow: PropTypes.number.isRequired,\n};\n\nexport default memo(SortableComponent);\n"],"names":["useStyles","makeStyles","theme","sortableComponent","position","display","zIndex","background","isSortable","palette","b5","boxShadow","topComponent","marginTop","bottomComponent","marginBottom","dragInidicationHidden","dragIndicatorWrapper","left","isMobile","top","dragButton","padding","b9","b7","color","primary","text1","dragIndicatorIcon","cursor","text6","fontSize","DragHandle","sortableHandle","classes","_jsx","SortableComponent","SortableElement","component","isTopComponent","isLastCompnent","sortableIndex","validate","onDelete","onSave","viewColumnsPerRow","editColumnsPerRow","useState","isEditing","setIsEditing","_jsxs","classNames","propTypes","PropTypes","bool","isRequired","shape","number","func","memo"],"mappings":"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"}

package/components/Casing/CasingTableV2/components/constants.js

@@ -1 +1,29 @@
-var e=12,t=[{label:"OD",key:"outer_diameter",unitType:"shortLength",width:80},{label:"ID",key:"inner_diameter",unitType:"shortLength",width:80},{label:"Adjusted Linear Weight",key:"linear_weight",unitType:"massPerLength",width:120},{label:"# of Joints",key:"number_of_joints",width:80},{label:"Component Length",key:"component_length",unitType:"length",width:80}];export{e as CONTAINER_XS,t as OD_ID_DEP_COLUMNS};
+var CONTAINER_XS = 12;
+var OD_ID_DEP_COLUMNS = [{
+  label: 'OD',
+  key: 'outer_diameter',
+  unitType: 'shortLength',
+  width: 80
+}, {
+  label: 'ID',
+  key: 'inner_diameter',
+  unitType: 'shortLength',
+  width: 80
+}, {
+  label: 'Adjusted Linear Weight',
+  key: 'linear_weight',
+  unitType: 'massPerLength',
+  width: 120
+}, {
+  label: '# of Joints',
+  key: 'number_of_joints',
+  width: 80
+}, {
+  label: 'Component Length',
+  key: 'component_length',
+  unitType: 'length',
+  width: 80
+}];
+
+export { CONTAINER_XS, OD_ID_DEP_COLUMNS };
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/Casing/CasingTableV2/components/constants.js"],"sourcesContent":["export const CONTAINER_XS = 12;\n\nexport const OD_ID_DEP_COLUMNS = [\n  {\n    label: 'OD',\n    key: 'outer_diameter',\n    unitType: 'shortLength',\n    width: 80,\n  },\n  {\n    label: 'ID',\n    key: 'inner_diameter',\n    unitType: 'shortLength',\n    width: 80,\n  },\n  {\n    label: 'Adjusted Linear Weight',\n    key: 'linear_weight',\n    unitType: 'massPerLength',\n    width: 120,\n  },\n  {\n    label: '# of Joints',\n    key: 'number_of_joints',\n    width: 80,\n  },\n  {\n    label: 'Component Length',\n    key: 'component_length',\n    unitType: 'length',\n    width: 80,\n  },\n];\n"],"names":["CONTAINER_XS","OD_ID_DEP_COLUMNS","label","key","unitType","width"],"mappings":"AAAO,IAAMA,YAAY,GAAG,GAAE;AAEvB,IAAMC,iBAAiB,GAAG,CAC/B;AACEC,EAAAA,KAAK,EAAE,IAAI;AACXC,EAAAA,GAAG,EAAE,gBAAgB;AACrBC,EAAAA,QAAQ,EAAE,aAAa;AACvBC,EAAAA,KAAK,EAAE,EAAA;AACT,CAAC,EACD;AACEH,EAAAA,KAAK,EAAE,IAAI;AACXC,EAAAA,GAAG,EAAE,gBAAgB;AACrBC,EAAAA,QAAQ,EAAE,aAAa;AACvBC,EAAAA,KAAK,EAAE,EAAA;AACT,CAAC,EACD;AACEH,EAAAA,KAAK,EAAE,wBAAwB;AAC/BC,EAAAA,GAAG,EAAE,eAAe;AACpBC,EAAAA,QAAQ,EAAE,eAAe;AACzBC,EAAAA,KAAK,EAAE,GAAA;AACT,CAAC,EACD;AACEH,EAAAA,KAAK,EAAE,aAAa;AACpBC,EAAAA,GAAG,EAAE,kBAAkB;AACvBE,EAAAA,KAAK,EAAE,EAAA;AACT,CAAC,EACD;AACEH,EAAAA,KAAK,EAAE,kBAAkB;AACzBC,EAAAA,GAAG,EAAE,kBAAkB;AACvBC,EAAAA,QAAQ,EAAE,QAAQ;AAClBC,EAAAA,KAAK,EAAE,EAAA;AACT,CAAC;;;;"}

package/components/Casing/CasingTile/CasingTile.js

@@ -1 +1,115 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"prop-types";import i from"classnames";import{get as n}from"lodash";import a from"../CasingTileIcon.js";import{useStyles as l}from"./style.js";import{COMPONENT_FAMILIES as o}from"../../../constants/casing.js";import{convertValue as s,getUnitPreference as r,getUnitDisplay as c}from"../../../utils/index.js";import{jsxs as m,jsx as d}from"react/jsx-runtime";var p=[{key:"tv",label:"Total Volume"},{key:"tpt",label:"Total Pumping Time"},{key:"lt",label:"Lead TOC"},{key:"tt",label:"Tail TOC"}];function h(t){var h=t.tileData,u=t.onSelect,f=t.isMobile,b=t.isMetricsHidden,v=l({isMobile:f}),g=n(h,["data","components"])||[],C=function(e){var t=[],i=o.map((function(e){return e.type}));return e.forEach((function(e){var n=e.family;i.includes(n)&&t.push({family:n})})),t.slice(-8)}(g),N=s(n(h,["data","outer_diameter"]),"shortLength","in");return m("div",{className:v.tileContainer,onClick:function(){return u(h)},children:[m("div",{className:v.header,children:[d("div",{className:v.casingTitle,children:m("span",{className:v.bhaCaption,children:[N,"in"===r("shortLength")?'"':c("shortLength")," Casing"]})}),m("div",{className:v.componentsCount,children:["Components: ",g.length]})]}),g.length>0&&d("div",{className:i(v.schematic,e({},v.schematicMobile,f)),children:C.map((function(e,t){return d(a,{component:e,width:"calc(100% / ".concat(C.length," - 1px)")},"casing-tile-".concat(t))}))}),!b&&!f&&g.length>0&&d("div",{className:v.metricsContainer,children:p.map((function(e,t){return m("div",{className:v.metricItem,children:[m("div",{className:v.metricItemContent,children:[d("div",{className:v.metricItemLabel,children:e.label}),d("div",{className:v.metricItemValue,children:"0.0"})]}),t!==p.length-1&&d("div",{className:v.metricItemSplit})]},e.key)}))}),0===g.length&&d("div",{className:i(v.noComponents,e({},v.noComponentsMobile,f)),children:"No Components"})]})}h.propTypes={tileData:t.shape({}),onSelect:t.func.isRequired,isMobile:t.bool,isMetricsHidden:t.bool},h.defaultProps={tileData:{},isMobile:!1,isMetricsHidden:!0};export{h as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { get } from 'lodash';
+import CasingTileIcon from '../CasingTileIcon.js';
+import { useStyles } from './style.js';
+import { COMPONENT_FAMILIES } from '../../../constants/casing.js';
+import { convertValue, getUnitPreference, getUnitDisplay } from '../../../utils/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var MetricsColumns = [{
+  key: 'tv',
+  label: 'Total Volume'
+}, {
+  key: 'tpt',
+  label: 'Total Pumping Time'
+}, {
+  key: 'lt',
+  label: 'Lead TOC'
+}, {
+  key: 'tt',
+  label: 'Tail TOC'
+}];
+function getCasingSchematic(components) {
+  var schematic = [];
+  var componentNames = COMPONENT_FAMILIES.map(function (item) {
+    return item.type;
+  });
+  components.forEach(function (component) {
+    var family = component.family;
+    if (componentNames.includes(family)) {
+      schematic.push({
+        family: family
+      });
+    }
+  });
+  return schematic.slice(-8);
+}
+function CasingTile(_ref) {
+  var tileData = _ref.tileData,
+    onSelect = _ref.onSelect,
+    isMobile = _ref.isMobile,
+    isMetricsHidden = _ref.isMetricsHidden;
+  var classes = useStyles({
+    isMobile: isMobile
+  });
+  var components = get(tileData, ['data', 'components']) || [];
+  var schematicData = getCasingSchematic(components);
+  var size = convertValue(get(tileData, ['data', 'outer_diameter']), 'shortLength', 'in');
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.tileContainer,
+    onClick: function onClick() {
+      return onSelect(tileData);
+    },
+    children: [/*#__PURE__*/jsxs("div", {
+      className: classes.header,
+      children: [/*#__PURE__*/jsx("div", {
+        className: classes.casingTitle,
+        children: /*#__PURE__*/jsxs("span", {
+          className: classes.bhaCaption,
+          children: [size, getUnitPreference('shortLength') === 'in' ? '"' : getUnitDisplay('shortLength'), " Casing"]
+        })
+      }), /*#__PURE__*/jsxs("div", {
+        className: classes.componentsCount,
+        children: ["Components: ", components.length]
+      })]
+    }), components.length > 0 && /*#__PURE__*/jsx("div", {
+      className: classNames(classes.schematic, _defineProperty({}, classes.schematicMobile, isMobile)),
+      children: schematicData.map(function (component, index) {
+        return /*#__PURE__*/jsx(CasingTileIcon
+        // eslint-disable-next-line react/no-array-index-key
+        , {
+          component: component,
+          width: "calc(100% / ".concat(schematicData.length, " - 1px)")
+        }, "casing-tile-".concat(index));
+      })
+    }), !isMetricsHidden && !isMobile && components.length > 0 && /*#__PURE__*/jsx("div", {
+      className: classes.metricsContainer,
+      children: MetricsColumns.map(function (metric, idx) {
+        return /*#__PURE__*/jsxs("div", {
+          className: classes.metricItem,
+          children: [/*#__PURE__*/jsxs("div", {
+            className: classes.metricItemContent,
+            children: [/*#__PURE__*/jsx("div", {
+              className: classes.metricItemLabel,
+              children: metric.label
+            }), /*#__PURE__*/jsx("div", {
+              className: classes.metricItemValue,
+              children: "0.0"
+            })]
+          }), idx !== MetricsColumns.length - 1 && /*#__PURE__*/jsx("div", {
+            className: classes.metricItemSplit
+          })]
+        }, metric.key);
+      })
+    }), components.length === 0 && /*#__PURE__*/jsx("div", {
+      className: classNames(classes.noComponents, _defineProperty({}, classes.noComponentsMobile, isMobile)),
+      children: "No Components"
+    })]
+  });
+}
+CasingTile.propTypes = {
+  tileData: PropTypes.shape({}),
+  onSelect: PropTypes.func.isRequired,
+  isMobile: PropTypes.bool,
+  isMetricsHidden: PropTypes.bool
+};
+CasingTile.defaultProps = {
+  tileData: {},
+  isMobile: false,
+  isMetricsHidden: true
+};
+
+export { CasingTile as default };
+//# sourceMappingURL=CasingTile.js.map