@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/Drillstring/BHAComponentDetail/index.js

@@ -1,223 +1 @@
-import { memo } from 'react';
-import PropTypes from 'prop-types';
-import { get, map, includes } from 'lodash';
-import { makeStyles, Button, Grid } from '@material-ui/core';
-import { BHA_COMPONENT_TYPES, BHA_GENERAL_FIELD_TYPES, BHA_TABLE_FIELD_TYPES, BHA_ALTERNATIVE_FIELD_TYPES, BHA_STABILIZER_FIELD_TYPES, UR_ACTIVATION_LOGIC_TYPES, FLOW_RATE_UNIT, UR_ACTIVATION_LOGIC_KEYS } from './constants.js';
-import { getUnitDisplay } from '../../../utils/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var useStyles = makeStyles({
-  header: {
-    marginBottom: '10px',
-    borderBottom: '1px solid #888'
-  },
-  title: {
-    fontWeight: 'bold',
-    fontSize: '2rem',
-    marginTop: '0px'
-  },
-  done_button: {
-    float: 'right'
-  },
-  field_label: {
-    color: '#ccc',
-    fontSize: '0.8rem'
-  },
-  field_value: {
-    fontSize: '1.2rem',
-    lineHeight: '2rem',
-    fontWeight: 'bold'
-  },
-  thead: {
-    borderBottom: '0px'
-  },
-  th: {
-    color: '#ccc',
-    fontSize: '0.8rem',
-    padding: '0px'
-  },
-  td: {
-    fontSize: '1.2rem',
-    padding: '0px'
-  },
-  col: {
-    padding: '0 0.75rem'
-  },
-  row: {
-    marginBottom: '20px'
-  },
-  sub_title: {
-    fontWeight: 'bold',
-    fontSize: '1.5rem',
-    marginTop: '10px',
-    padding: '0 0.75rem'
-  }
-});
-var getURLogicNameByKey = function getURLogicNameByKey(key) {
-  return (UR_ACTIVATION_LOGIC_TYPES.find(function (item) {
-    return item.type === key;
-  }) || {}).name;
-};
-function BHAComponentDetail(_ref) {
-  var component = _ref.component,
-    onDone = _ref.onDone,
-    currentUser = _ref.currentUser;
-  var classes = useStyles();
-  var family = component && get(component, 'family');
-  var userSegment = currentUser ? get(currentUser, ['preference', 'segment'], []) : [];
-  var userCurrentSegment = currentUser && get(currentUser, 'current_segment');
-  var doesNotExist = userSegment.indexOf(userCurrentSegment) === -1;
-  var currentSegment = doesNotExist ? userSegment[0] : userCurrentSegment;
-  var filterComponents = BHA_COMPONENT_TYPES.filter(function (type) {
-    return type.family === family;
-  });
-  var curComponent = filterComponents && filterComponents[0];
-  var curComponentData = curComponent && curComponent.data;
-  var componentLabelField = function componentLabelField(path) {
-    var label = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    var colSize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
-    var unitType = arguments.length > 3 ? arguments[3] : undefined;
-    var unitFromSegment = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-    var value = get(component, path) || '';
-    var newUnitType = unitFromSegment ? FLOW_RATE_UNIT[currentSegment].unitType : unitType;
-    var units = newUnitType ? "(".concat(getUnitDisplay(newUnitType), ")") : '';
-    return /*#__PURE__*/jsxs(Grid, {
-      item: true,
-      md: colSize,
-      xs: 12,
-      className: classes.col,
-      children: [/*#__PURE__*/jsx("span", {
-        className: classes.field_label,
-        children: "".concat(label, " ").concat(units)
-      }), /*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsx("span", {
-        className: classes.field_value,
-        children: value.fixFloat ? value.fixFloat(3) : value || 'n/a'
-      })]
-    }, label);
-  };
-  var generalFieldItems = function generalFieldItems(colSize, fields) {
-    return fields ? map(BHA_GENERAL_FIELD_TYPES, function (element) {
-      return includes(fields, element.name) && (!element.cond || element.cond && get(component, element.cond, false)) && (!element.family || element.family === family) && (element.unit ? componentLabelField([element.name], element.label, element.col_size || colSize, element.unit) : componentLabelField([element.name], element.label, element.col_size || colSize));
-    }) : null;
-  };
-  var subTitleItem = function subTitleItem(subTitle) {
-    return subTitle ? /*#__PURE__*/jsx(Grid, {
-      item: true,
-      xs: 12,
-      className: classes.sub_title,
-      children: subTitle
-    }, "subTitle") : null;
-  };
-  var tableFieldItems = function tableFieldItems(tbField, tbHead, tbBody) {
-    return /*#__PURE__*/jsx(Grid, {
-      item: true,
-      xs: 12,
-      className: classes.col,
-      children: get(component, tbField, []).length > 0 && /*#__PURE__*/jsxs("table", {
-        children: [/*#__PURE__*/jsx("thead", {
-          className: classes.thead,
-          children: /*#__PURE__*/jsx("tr", {
-            children: map(tbHead, function (element, idx) {
-              return /*#__PURE__*/jsx("th", {
-                className: classes.th,
-                children: element
-              }, idx);
-            })
-          })
-        }), /*#__PURE__*/jsx("tbody", {
-          children: map(get(component, tbField, []), function (pl, index) {
-            return /*#__PURE__*/jsx("tr", {
-              children: map(tbBody, function (element, idx) {
-                return /*#__PURE__*/jsx("td", {
-                  className: classes.td,
-                  children: element.isNumber ? get(pl, element.field) && get(pl, element.field).fixFloat(3) : get(pl, element.field)
-                }, idx);
-              })
-            }, index);
-          })
-        })]
-      })
-    }, "tbField");
-  };
-  var subFieldItems = function subFieldItems(colSize, subKey, subFields, activationLogic, isDepthActivation) {
-    return subKey ? /*#__PURE__*/jsxs(Grid, {
-      container: true,
-      children: [subFields && map(BHA_TABLE_FIELD_TYPES, function (element) {
-        return includes(subFields, element.name) && (!element.cond || element.cond && get(component, element.cond, false)) && (element.unit || element.unit_from_segment ? componentLabelField([element.name], element.label, element.col_size || colSize, element.unit, element.unit_from_segment) : componentLabelField([element.name], element.label, element.col_size || colSize));
-      }), /*#__PURE__*/jsxs(Grid, {
-        item: true,
-        md: 4,
-        xs: 12,
-        className: classes.col,
-        children: [/*#__PURE__*/jsx("span", {
-          className: classes.field_label,
-          children: "Activation Logic"
-        }), /*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsx("span", {
-          className: classes.field_value,
-          children: getURLogicNameByKey(activationLogic) || 'n/a'
-        })]
-      }), isDepthActivation && includes(subFields, 'ur_opened_depth') && componentLabelField(['ur_opened_depth'], 'Activation Depth', colSize, 'length')]
-    }, subKey) : null;
-  };
-  var alternativeFieldItems = function alternativeFieldItems(colSize, fields) {
-    return fields ? map(BHA_ALTERNATIVE_FIELD_TYPES, function (element) {
-      return includes(fields, element.name) && (!element.cond || element.cond && get(component, element.cond, false)) && (!element.family || element.family === family) && (element.unit ? componentLabelField([element.name], element.label, element.col_size || colSize, element.unit) : componentLabelField([element.name], element.label, element.col_size || colSize));
-    }) : null;
-  };
-  var stabilizerFieldItems = function stabilizerFieldItems(colSize, stablizerFields) {
-    return stablizerFields && get(component, 'has_stabilizer') ? map(BHA_STABILIZER_FIELD_TYPES, function (element) {
-      return includes(stablizerFields, element.name) && (!element.cond || element.cond && get(component, element.cond, false)) && (!element.family || element.family === family) && (element.unit ? componentLabelField(['stabilizer', element.name], element.label, element.col_size || colSize, element.unit) : componentLabelField(['stabilizer', element.name], element.label, element.col_size || colSize));
-    }) : null;
-  };
-  var generalizedRow = function generalizedRow(item) {
-    var colSize = item && +get(item, 'col_size');
-    var fields = item && get(item, 'fields');
-    var stablizerFields = item && get(item, 'stablizer_fields');
-    var subTitle = item && get(item, 'sub_title');
-    var subKey = item && get(item, 'sub_key');
-    var subFields = item && get(item, 'sub_fields');
-    var tbField = item && get(item, 'tb_field');
-    var tbHead = item && get(item, 'tb_head');
-    var tbBody = item && get(item, 'tb_body');
-    var activationLogic = get(component, 'activation_logic');
-    var isDepthActivation = activationLogic === UR_ACTIVATION_LOGIC_KEYS.DEPTH_ACTIVATION;
-    return /*#__PURE__*/jsxs(Grid, {
-      container: true,
-      className: classes.row,
-      children: [generalFieldItems(colSize, fields), subTitleItem(subTitle), tableFieldItems(tbField, tbHead, tbBody), subFieldItems(colSize, subKey, subFields, activationLogic, isDepthActivation), alternativeFieldItems(colSize, fields), stabilizerFieldItems(colSize, stablizerFields)]
-    }, item.key);
-  };
-  return /*#__PURE__*/jsxs("div", {
-    children: [/*#__PURE__*/jsxs("header", {
-      className: classes.header,
-      children: [/*#__PURE__*/jsx(Button, {
-        variant: "contained",
-        className: classes.done_button,
-        onClick: onDone,
-        children: "Close"
-      }), /*#__PURE__*/jsxs("h4", {
-        className: classes.title,
-        children: [get(component, 'name'), " ( ", get(component, 'family'), " )"]
-      })]
-    }), /*#__PURE__*/jsx(Grid, {
-      container: true,
-      children: /*#__PURE__*/jsx(Grid, {
-        item: true,
-        xs: 12,
-        className: classes.col,
-        children: map(curComponentData, function (item) {
-          return generalizedRow(item);
-        })
-      })
-    })]
-  });
-}
-BHAComponentDetail.propTypes = {
-  component: PropTypes.shape({}).isRequired,
-  onDone: PropTypes.func.isRequired,
-  currentUser: PropTypes.shape({}).isRequired
-};
-var BHAComponentDetail$1 = memo(BHAComponentDetail);
-
-export { BHAComponentDetail$1 as default };
-//# sourceMappingURL=index.js.map
+import{memo as e}from"react";import n from"prop-types";import{get as i,map as t,includes as l}from"lodash";import{makeStyles as r,Button as o,Grid as a}from"@material-ui/core";import{BHA_COMPONENT_TYPES as c,BHA_GENERAL_FIELD_TYPES as d,BHA_TABLE_FIELD_TYPES as m,BHA_ALTERNATIVE_FIELD_TYPES as s,BHA_STABILIZER_FIELD_TYPES as u,UR_ACTIVATION_LOGIC_TYPES as f,FLOW_RATE_UNIT as h,UR_ACTIVATION_LOGIC_KEYS as p}from"./constants.js";import{getUnitDisplay as b}from"../../../utils/index.js";import{jsxs as _,jsx as g}from"react/jsx-runtime";var x=r({header:{marginBottom:"10px",borderBottom:"1px solid #888"},title:{fontWeight:"bold",fontSize:"2rem",marginTop:"0px"},done_button:{float:"right"},field_label:{color:"#ccc",fontSize:"0.8rem"},field_value:{fontSize:"1.2rem",lineHeight:"2rem",fontWeight:"bold"},thead:{borderBottom:"0px"},th:{color:"#ccc",fontSize:"0.8rem",padding:"0px"},td:{fontSize:"1.2rem",padding:"0px"},col:{padding:"0 0.75rem"},row:{marginBottom:"20px"},sub_title:{fontWeight:"bold",fontSize:"1.5rem",marginTop:"10px",padding:"0 0.75rem"}});function z(e){var n=e.component,r=e.onDone,z=e.currentUser,v=x(),N=n&&i(n,"family"),y=z?i(z,["preference","segment"],[]):[],T=z&&i(z,"current_segment"),S=-1===y.indexOf(T)?y[0]:T,A=c.filter((function(e){return e.family===N})),B=A&&A[0],D=B&&B.data,F=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:2,r=arguments.length>3?arguments[3]:void 0,o=arguments.length>4&&void 0!==arguments[4]&&arguments[4],c=i(n,e)||"",d=o?h[S].unitType:r,m=d?"(".concat(b(d),")"):"";return _(a,{item:!0,md:l,xs:12,className:v.col,children:[g("span",{className:v.field_label,children:"".concat(t," ").concat(m)}),g("br",{}),g("span",{className:v.field_value,children:c.fixFloat?c.fixFloat(3):c||"n/a"})]},t)},j=function(e,r){return r?t(d,(function(t){return l(r,t.name)&&(!t.cond||t.cond&&i(n,t.cond,!1))&&(!t.family||t.family===N)&&(t.unit?F([t.name],t.label,t.col_size||e,t.unit):F([t.name],t.label,t.col_size||e))})):null},k=function(e){return e?g(a,{item:!0,xs:12,className:v.sub_title,children:e},"subTitle"):null},q=function(e,l,r){return g(a,{item:!0,xs:12,className:v.col,children:i(n,e,[]).length>0&&_("table",{children:[g("thead",{className:v.thead,children:g("tr",{children:t(l,(function(e,n){return g("th",{className:v.th,children:e},n)}))})}),g("tbody",{children:t(i(n,e,[]),(function(e,n){return g("tr",{children:t(r,(function(n,t){return g("td",{className:v.td,children:n.isNumber?i(e,n.field)&&i(e,n.field).fixFloat(3):i(e,n.field)},t)}))},n)}))})]})},"tbField")},C=function(e,r,o,c,d){return r?_(a,{container:!0,children:[o&&t(m,(function(t){return l(o,t.name)&&(!t.cond||t.cond&&i(n,t.cond,!1))&&(t.unit||t.unit_from_segment?F([t.name],t.label,t.col_size||e,t.unit,t.unit_from_segment):F([t.name],t.label,t.col_size||e))})),_(a,{item:!0,md:4,xs:12,className:v.col,children:[g("span",{className:v.field_label,children:"Activation Logic"}),g("br",{}),g("span",{className:v.field_value,children:(s=c,(f.find((function(e){return e.type===s}))||{}).name||"n/a")})]}),d&&l(o,"ur_opened_depth")&&F(["ur_opened_depth"],"Activation Depth",e,"length")]},r):null;var s},R=function(e,r){return r?t(s,(function(t){return l(r,t.name)&&(!t.cond||t.cond&&i(n,t.cond,!1))&&(!t.family||t.family===N)&&(t.unit?F([t.name],t.label,t.col_size||e,t.unit):F([t.name],t.label,t.col_size||e))})):null},W=function(e,r){return r&&i(n,"has_stabilizer")?t(u,(function(t){return l(r,t.name)&&(!t.cond||t.cond&&i(n,t.cond,!1))&&(!t.family||t.family===N)&&(t.unit?F(["stabilizer",t.name],t.label,t.col_size||e,t.unit):F(["stabilizer",t.name],t.label,t.col_size||e))})):null};return _("div",{children:[_("header",{className:v.header,children:[g(o,{variant:"contained",className:v.done_button,onClick:r,children:"Close"}),_("h4",{className:v.title,children:[i(n,"name")," ( ",i(n,"family")," )"]})]}),g(a,{container:!0,children:g(a,{item:!0,xs:12,className:v.col,children:t(D,(function(e){return function(e){var t=e&&+i(e,"col_size"),l=e&&i(e,"fields"),r=e&&i(e,"stablizer_fields"),o=e&&i(e,"sub_title"),c=e&&i(e,"sub_key"),d=e&&i(e,"sub_fields"),m=e&&i(e,"tb_field"),s=e&&i(e,"tb_head"),u=e&&i(e,"tb_body"),f=i(n,"activation_logic"),h=f===p.DEPTH_ACTIVATION;return _(a,{container:!0,className:v.row,children:[j(t,l),k(o),q(m,s,u),C(t,c,d,f,h),R(t,l),W(t,r)]},e.key)}(e)}))})})]})}z.propTypes={component:n.shape({}).isRequired,onDone:n.func.isRequired,currentUser:n.shape({}).isRequired};var v=e(z);export{v as default};

package/components/Drillstring/BHAComponentIcon.js

@@ -1,79 +1 @@
-import PropTypes from 'prop-types';
-import { jsx } from 'react/jsx-runtime';
-
-var DrillPipe = "/static/media/006c9aec83e4e1d5623a520c6debe5ec.png";
-var DrillCollar = "/static/media/bd46ae1cd29ed1553fd36d3fb9b6ca9e.png";
-var DrillCollarWhite = "/static/media/e0ba9254af3c235797de1b8660630ac0.png";
-var HeavyWeightDrillPipe = "/static/media/771d537f0b0f13e9da457cd7a6902e94.png";
-var Jar = "/static/media/083546083cd132bbaffd6620db709516.png";
-var Motor = "/static/media/79993ae531d2a8a81347b11de94542cb.png";
-var Mwd = "/static/media/6fb9ebec6308b35528b84a41acf93ed7.png";
-var Rss = "/static/media/bb8a5a297df74bbdabbe557e02e969eb.png";
-var Sub = "/static/media/bd46ae1cd29ed1553fd36d3fb9b6ca9e.png";
-var SubWhite = "/static/media/66ac95b0480ac2a8f3220f469b68ca5b.png";
-var Agitator = "/static/media/72e175107512ebef943c463d4539f556.png";
-var Stabilizer = "/static/media/17b94ca82a36d5d09ab8825006835a59.png";
-var BitPdc = "/static/media/4e12a801cf281b17a26a017c395a778e.png";
-var BitCone = "/static/media/f5e653a472efce6a197a32e0946db802.png";
-var UnderReamer = "/static/media/81eb00627fd05e4ca52b335a7ac52e25.png";
-var Lwd = "/static/media/7f0a9a40a7f11250ce780c274026ff30.png";
-function ComponentIcon(_ref) {
-  var component = _ref.component,
-    width = _ref.width,
-    height = _ref.height;
-  var family = component.family,
-    material = component.material,
-    bitType = component.bit_type;
-  var icon;
-  if (family === 'dp') {
-    icon = DrillPipe;
-  } else if (family === 'dc') {
-    icon = material !== 'Steel' ? DrillCollarWhite : DrillCollar;
-  } else if (family === 'hwdp') {
-    icon = HeavyWeightDrillPipe;
-  } else if (family === 'pdm') {
-    icon = Motor;
-  } else if (family === 'mwd') {
-    icon = Mwd;
-  } else if (family === 'jar') {
-    icon = Jar;
-  } else if (family === 'rss') {
-    icon = Rss;
-  } else if (family === 'sub') {
-    icon = material !== 'Steel' ? SubWhite : Sub;
-  } else if (family === 'agitator') {
-    icon = Agitator;
-  } else if (family === 'stabilizer') {
-    icon = Stabilizer;
-  } else if (family === 'bit') {
-    icon = bitType === 'Tri Cone' ? BitCone : BitPdc;
-  } else if (family === 'ur') {
-    icon = UnderReamer;
-  } else if (family === 'lwd') {
-    icon = Lwd;
-  } else {
-    icon = null;
-  }
-  return /*#__PURE__*/jsx("img", {
-    src: icon,
-    alt: family,
-    width: width,
-    height: height
-  });
-}
-ComponentIcon.propTypes = {
-  width: PropTypes.number,
-  height: PropTypes.number,
-  component: PropTypes.shape({
-    family: PropTypes.string,
-    material: PropTypes.string,
-    bit_type: PropTypes.string
-  }).isRequired
-};
-ComponentIcon.defaultProps = {
-  width: 32,
-  height: 48
-};
-
-export { ComponentIcon as default };
-//# sourceMappingURL=BHAComponentIcon.js.map
+import a from"prop-types";import{jsx as e}from"react/jsx-runtime";function t(a){var t=a.component,i=a.width,d=a.height,c=t.family,b=t.material,p=t.bit_type;return e("img",{src:"dp"===c?"/static/media/006c9aec83e4e1d5623a520c6debe5ec.png":"dc"===c?"Steel"!==b?"/static/media/e0ba9254af3c235797de1b8660630ac0.png":"/static/media/bd46ae1cd29ed1553fd36d3fb9b6ca9e.png":"hwdp"===c?"/static/media/771d537f0b0f13e9da457cd7a6902e94.png":"pdm"===c?"/static/media/79993ae531d2a8a81347b11de94542cb.png":"mwd"===c?"/static/media/6fb9ebec6308b35528b84a41acf93ed7.png":"jar"===c?"/static/media/083546083cd132bbaffd6620db709516.png":"rss"===c?"/static/media/bb8a5a297df74bbdabbe557e02e969eb.png":"sub"===c?"Steel"!==b?"/static/media/66ac95b0480ac2a8f3220f469b68ca5b.png":"/static/media/bd46ae1cd29ed1553fd36d3fb9b6ca9e.png":"agitator"===c?"/static/media/72e175107512ebef943c463d4539f556.png":"stabilizer"===c?"/static/media/17b94ca82a36d5d09ab8825006835a59.png":"bit"===c?"Tri Cone"===p?"/static/media/f5e653a472efce6a197a32e0946db802.png":"/static/media/4e12a801cf281b17a26a017c395a778e.png":"ur"===c?"/static/media/81eb00627fd05e4ca52b335a7ac52e25.png":"lwd"===c?"/static/media/7f0a9a40a7f11250ce780c274026ff30.png":null,alt:c,width:i,height:d})}t.propTypes={width:a.number,height:a.number,component:a.shape({family:a.string,material:a.string,bit_type:a.string}).isRequired},t.defaultProps={width:32,height:48};export{t as default};

package/components/Drillstring/BHAComponentsTable/BHAComponentsTable.js

@@ -1,124 +1 @@
-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 '../BHACasingEmptyView/BHACasingEmptyView.js';
-import Header from './components/Header.js';
-import Component from './components/Component.js';
-import SortableComponents from './components/SortableComponents.js';
-import styles from './BhaComponentsTable.css.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function BHAComponentsTable(_ref) {
-  var isActualBha = _ref.isActualBha,
-    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,
-    onAutocompleteApplied = _ref.onAutocompleteApplied;
-  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: "BHA",
-      onAdd: onAdd
-    }) : /*#__PURE__*/jsxs("div", {
-      className: classNames(styles.drilistringContent, _defineProperty({}, styles.contentMobile, isMobile)),
-      ref: containerRef,
-      onScroll: handleScroll,
-      children: [!isMobile && /*#__PURE__*/jsx(Header, {}), /*#__PURE__*/jsxs("div", {
-        children: [draftComponent && /*#__PURE__*/jsx(Component, {
-          isMobile: isMobile,
-          isActualBha: isActualBha,
-          viewColumnsPerRow: viewColumnsPerRow,
-          editColumnsPerRow: editColumnsPerRow,
-          component: draftComponent,
-          isDraft: true,
-          validate: validate,
-          onCancel: onCancel,
-          onSave: onSave,
-          onAutocompleteApplied: onAutocompleteApplied
-        }), /*#__PURE__*/jsx(SortableComponents, {
-          useDragHandle: true,
-          lockAxis: "y",
-          lockToContainerEdges: true,
-          isActualBha: isActualBha,
-          components: components,
-          sortableIndex: sortableIndex,
-          validate: validate,
-          onSaveComponent: onSave,
-          onDeleteComponent: onDelete,
-          onSortEnd: handleSortEnd,
-          onSortStart: handleSortStart,
-          isMobile: isMobile,
-          viewColumnsPerRow: viewColumnsPerRow,
-          editColumnsPerRow: editColumnsPerRow,
-          onAutocompleteApplied: onAutocompleteApplied
-        })]
-      })]
-    }), /*#__PURE__*/jsx("div", {
-      className: classNames(styles.topGradient, _defineProperty({}, styles.visible, showTopGradient)),
-      style: {
-        top: isMobile ? 0 : 50
-      }
-    }), /*#__PURE__*/jsx("div", {
-      className: styles.bottomGradient
-    })]
-  });
-}
-BHAComponentsTable.propTypes = {
-  isActualBha: PropTypes.bool.isRequired,
-  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,
-  onAutocompleteApplied: PropTypes.func.isRequired
-};
-BHAComponentsTable.defaultProps = {
-  viewColumnsPerRow: 3,
-  editColumnsPerRow: 3,
-  components: null,
-  draftComponent: null
-};
-
-export { BHAComponentsTable as default };
-//# sourceMappingURL=BHAComponentsTable.js.map
+import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import{useState as n,useRef as t,useMemo as r}from"react";import i from"classnames";import s from"prop-types";import{isEmpty as l}from"lodash";import a from"../BHACasingEmptyView/BHACasingEmptyView.js";import m from"./components/Header.js";import p from"./components/Component.js";import d from"./components/SortableComponents.js";import u from"./BhaComponentsTable.css.js";import{jsxs as c,jsx as f}from"react/jsx-runtime";function C(s){var C=s.isActualBha,v=s.viewColumnsPerRow,A=s.editColumnsPerRow,R=s.components,w=s.draftComponent,b=s.validate,h=s.onSort,P=s.onAdd,y=s.onDelete,S=s.onSave,q=s.onCancel,B=s.isMobile,j=s.onAutocompleteApplied,g=n(-1),x=o(g,2),D=x[0],H=x[1],M=n(!1),T=o(M,2),E=T[0],N=T[1],O=t(null),k=r((function(){return!(R&&!l(R)||w)}),[R,w]);return c("div",{className:u.container,children:[k?f(a,{type:"BHA",onAdd:P}):c("div",{className:i(u.drilistringContent,e({},u.contentMobile,B)),ref:O,onScroll:function(){O.current&&N(!!O.current.scrollTop)},children:[!B&&f(m,{}),c("div",{children:[w&&f(p,{isMobile:B,isActualBha:C,viewColumnsPerRow:v,editColumnsPerRow:A,component:w,isDraft:!0,validate:b,onCancel:q,onSave:S,onAutocompleteApplied:j}),f(d,{useDragHandle:!0,lockAxis:"y",lockToContainerEdges:!0,isActualBha:C,components:R,sortableIndex:D,validate:b,onSaveComponent:S,onDeleteComponent:y,onSortEnd:function(e,o){H(-1),h(e,o)},onSortStart:function(e){H(e.index)},isMobile:B,viewColumnsPerRow:v,editColumnsPerRow:A,onAutocompleteApplied:j})]})]}),f("div",{className:i(u.topGradient,e({},u.visible,E)),style:{top:B?0:50}}),f("div",{className:u.bottomGradient})]})}C.propTypes={isActualBha:s.bool.isRequired,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,onAutocompleteApplied:s.func.isRequired},C.defaultProps={viewColumnsPerRow:3,editColumnsPerRow:3,components:null,draftComponent:null};export{C as default};

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

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