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

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

@@ -1,173 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { memo } from 'react';
-import PropTypes from 'prop-types';
-import { makeStyles, Dialog, DialogTitle, Typography, DialogContent, DialogActions, Button } from '@material-ui/core';
-import { Close, ArrowBackIos } from '@material-ui/icons';
-import { COMPONENT_FAMILIES } from '../../../../constants/casing.js';
-import './DrillPipe/Browser.js';
-import DrillPipeEditor from './DrillPipe/Editor.js';
-import './CasingJoints/Browser.js';
-import ComponentEditor from './CasingJoints/Editor.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var useStyles = makeStyles(function (theme) {
-  return {
-    paper: {
-      background: theme.isLightTheme ? theme.palette.primary.text1 : theme.palette.background.b5
-    },
-    dialogTitle: {
-      padding: '12px 0',
-      borderBottom: "1px solid ".concat(theme.palette.background.b7)
-    },
-    titleWrapper: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'space-between',
-      padding: '0 16px'
-    },
-    title: {
-      fontSize: '20px',
-      fontWeight: 400
-    },
-    closeIcon: {
-      color: theme.palette.primary.text6,
-      '&:hover': {
-        color: theme.palette.primary.text1
-      }
-    },
-    dialogContent: {
-      padding: '0px 0px 0px 16px',
-      flexDirection: 'column',
-      height: '100%',
-      width: '100%',
-      position: 'relative'
-    },
-    dialogActions: {
-      padding: '8px 16px',
-      justifyContent: 'space-between'
-    },
-    contentView: {
-      display: 'flex',
-      height: '100%'
-    },
-    componentListView: {
-      height: '100%',
-      flex: 1,
-      overflowY: 'auto',
-      paddingRight: '16px'
-    },
-    bottomGradient: {
-      position: 'absolute',
-      height: '16px',
-      left: 0,
-      right: 0,
-      bottom: 0,
-      background: "linear-gradient(180deg, rgba(33, 33, 33, 0) 0%, ".concat(theme.palette.background.b5, " 100%)")
-    }
-  };
-});
-function EditComponentDialog(_ref) {
-  var component = _ref.component,
-    isDraft = _ref.isDraft,
-    error = _ref.error,
-    onChange = _ref.onChange,
-    onUseSuggestion = _ref.onUseSuggestion,
-    onCancel = _ref.onCancel,
-    onSave = _ref.onSave,
-    onClose = _ref.onClose;
-  var tempComponentProps = {
-    component: component,
-    isDraft: isDraft,
-    error: error,
-    onChange: onChange,
-    onUseSuggestion: onUseSuggestion,
-    onCancel: onCancel,
-    onSave: onSave
-  };
-  var classes = useStyles();
-  var family = component.family;
-  var getComponentName = function getComponentName(type) {
-    if (!type) return '—';
-    var matchedItem = COMPONENT_FAMILIES.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
+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{COMPONENT_FAMILIES as m}from"../../../../constants/casing.js";import"./DrillPipe/Browser.js";import u from"./DrillPipe/Editor.js";import"./CasingJoints/Browser.js";import f from"./CasingJoints/Editor.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=m.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(u,y(y({},O),{},{isMobile:!0})),"dp"!==D&&"hwdp"!==D&&h(f,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};

package/components/Casing/CasingTableV2/components/Header.js

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

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

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

package/components/Casing/CasingTableV2/components/SortableComponents.js

@@ -1,61 +1 @@
-import { memo } from 'react';
-import { arrayOf, shape, string, func, number, bool } from 'prop-types';
-import { SortableContainer } from 'react-sortable-hoc';
-import { makeStyles } from '@material-ui/core';
-import SortableComponent from './SortableComponent.js';
-import { jsx } from 'react/jsx-runtime';
-
-var useStyles = makeStyles({
-  body: {
-    flex: 1,
-    minHeight: 0,
-    zIndex: 0,
-    position: 'relative'
-  }
-});
-var SortableComponents = SortableContainer(function (_ref) {
-  var components = _ref.components,
-    validate = _ref.validate,
-    sortableIndex = _ref.sortableIndex,
-    onDeleteComponent = _ref.onDeleteComponent,
-    onSaveComponent = _ref.onSaveComponent,
-    isMobile = _ref.isMobile,
-    viewColumnsPerRow = _ref.viewColumnsPerRow,
-    editColumnsPerRow = _ref.editColumnsPerRow;
-  var classes = useStyles();
-  return /*#__PURE__*/jsx("div", {
-    className: classes.body,
-    children: components.map(function (component, index) {
-      return /*#__PURE__*/jsx(SortableComponent, {
-        index: index,
-        isSortable: sortableIndex === index,
-        sortableIndex: sortableIndex,
-        component: component,
-        isTopComponent: index === 0,
-        isLastCompnent: index === components.length - 1,
-        validate: validate,
-        onDelete: onDeleteComponent,
-        onSave: onSaveComponent,
-        isMobile: isMobile,
-        viewColumnsPerRow: viewColumnsPerRow,
-        editColumnsPerRow: editColumnsPerRow
-      }, component.id);
-    })
-  });
-});
-SortableComponents.propTypes = {
-  components: arrayOf(shape({
-    id: string.isRequired
-  })),
-  validate: func.isRequired,
-  sortableIndex: number.isRequired,
-  onSaveComponent: func.isRequired,
-  onDeleteComponent: func.isRequired,
-  isMobile: bool.isRequired,
-  viewColumnsPerRow: number.isRequired,
-  editColumnsPerRow: number.isRequired
-};
-var SortableComponents$1 = memo(SortableComponents);
-
-export { SortableComponents$1 as default };
-//# sourceMappingURL=SortableComponents.js.map
+import{memo as e}from"react";import{arrayOf as o,shape as i,string as r,func as n,number as t,bool as s}from"prop-types";import{SortableContainer as m}from"react-sortable-hoc";import{makeStyles as a}from"@material-ui/core";import l from"./SortableComponent.js";import{jsx as d}from"react/jsx-runtime";var p=a({body:{flex:1,minHeight:0,zIndex:0,position:"relative"}}),u=m((function(e){var o=e.components,i=e.validate,r=e.sortableIndex,n=e.onDeleteComponent,t=e.onSaveComponent,s=e.isMobile,m=e.viewColumnsPerRow,a=e.editColumnsPerRow,u=p();return d("div",{className:u.body,children:o.map((function(e,p){return d(l,{index:p,isSortable:r===p,sortableIndex:r,component:e,isTopComponent:0===p,isLastCompnent:p===o.length-1,validate:i,onDelete:n,onSave:t,isMobile:s,viewColumnsPerRow:m,editColumnsPerRow:a},e.id)}))})}));u.propTypes={components:o(i({id:r.isRequired})),validate:n.isRequired,sortableIndex:t.isRequired,onSaveComponent:n.isRequired,onDeleteComponent:n.isRequired,isMobile:s.isRequired,viewColumnsPerRow:t.isRequired,editColumnsPerRow:t.isRequired};var v=e(u);export{v as default};

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

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

package/components/Casing/CasingTile/CasingTile.js

@@ -1,115 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { get } from 'lodash';
-import { COMPONENT_FAMILIES } from '../../../constants/casing.js';
-import { convertValue, getUnitPreference, getUnitDisplay } from '../../../utils/index.js';
-import CasingTileIcon from '../CasingTileIcon.js';
-import { useStyles } from './style.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
+import e from"@babel/runtime/helpers/defineProperty";import t from"prop-types";import i from"classnames";import{get as n}from"lodash";import{COMPONENT_FAMILIES as a}from"../../../constants/casing.js";import{convertValue as l,getUnitPreference as o,getUnitDisplay as s}from"../../../utils/index.js";import r from"../CasingTileIcon.js";import{useStyles as c}from"./style.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=c({isMobile:f}),g=n(h,["data","components"])||[],C=function(e){var t=[],i=a.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=l(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"===o("shortLength")?'"':s("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(r,{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};