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

package/components/OffsetWellPickerV4/utils/index.js

@@ -1 +1,157 @@
-import e from"@babel/runtime/helpers/asyncToGenerator";import t from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/regenerator";import{sortBy as n,get as o}from"lodash";import{WINDOWS_PHONE as a,ANDROID_DEVICE as s,IOS_DEVICE as i,OTHER_DEVICE as u}from"../constants.js";import{getAssets as c}from"../../../clients/jsonApi/index.js";import{mapbox as p}from"../../../utils/index.js";function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?f(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var b=p.getAssetV2Coordinates,m=p.getDistanceByCoordinates;function d(){var e=navigator.userAgent||window.opera;return/windows phone/i.test(e)?a:/android/i.test(e)?s:/iPad|iPhone|iPod/.test(e)&&!window.MSStream?i:u}function h(e){return v.apply(this,arguments)}function v(){return(v=e(r.mark((function e(t){var n;return r.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=null,e.prev=1,e.next=4,c({ids:t,fields:["asset.name","asset.top_hole","asset.settings"]});case 4:n=e.sent,e.next=10;break;case 7:e.prev=7,e.t0=e.catch(1),console.error(e.t0);case 10:return e.abrupt("return",n?n.data.map((function(e){var t;return{id:Number(e.id),name:o(e,"attributes.name"),topHole:null!==(t=o(e,"attributes.top_hole"))&&void 0!==t?t:o(e,"attributes.settings.top_hole")}})):[]);case 11:case"end":return e.stop()}}),e,null,[[1,7]])})))).apply(this,arguments)}function y(e,t){return w.apply(this,arguments)}function w(){return w=e(r.mark((function t(o,a){var s,i,u,c;return r.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,h(o);case 2:if(s=t.sent,i=s.find((function(e){return e.id===a})),u=i&&b(i,"topHole")){t.next=7;break}return t.abrupt("return",s);case 7:return t.next=9,Promise.all(s.map(function(){var t=e(r.mark((function e(t){var n,o;return r.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,b(t,"topHole");case 3:if(!(n=e.sent)){e.next=13;break}return e.t0=parseFloat,e.next=8,m(u,n);case 8:return e.t1=e.sent,o=(0,e.t0)(e.t1),e.abrupt("return",l(l({},t),{},{distance:parseFloat(o.toFixed(2))}));case 13:return e.abrupt("return",t);case 14:e.next=19;break;case 16:return e.prev=16,e.t2=e.catch(0),e.abrupt("return",t);case 19:case"end":return e.stop()}}),e,null,[[0,16]])})));return function(e){return t.apply(this,arguments)}}()));case 9:return c=t.sent,t.abrupt("return",n(c,"distance"));case 11:case"end":return t.stop()}}),t)}))),w.apply(this,arguments)}export{y as getCoordinatedWells,d as getMobileOperatingSystem};
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { sortBy, get } from 'lodash';
+import { WINDOWS_PHONE, ANDROID_DEVICE, IOS_DEVICE, OTHER_DEVICE } from '../constants.js';
+import { getAssets } from '../../../clients/jsonApi/index.js';
+import { mapbox } from '../../../utils/index.js';
+
+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 getAssetV2Coordinates = mapbox.getAssetV2Coordinates,
+  getDistanceByCoordinates = mapbox.getDistanceByCoordinates;
+function getMobileOperatingSystem() {
+  var userAgent = navigator.userAgent || window.opera;
+
+  // Windows Phone must come first because its UA also contains "Android"
+  if (/windows phone/i.test(userAgent)) {
+    return WINDOWS_PHONE;
+  }
+  if (/android/i.test(userAgent)) {
+    return ANDROID_DEVICE;
+  }
+
+  // iOS detection from: http://stackoverflow.com/a/9039885/177710
+  if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+    return IOS_DEVICE;
+  }
+  return OTHER_DEVICE;
+}
+function getWells(_x) {
+  return _getWells.apply(this, arguments);
+}
+function _getWells() {
+  _getWells = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(wellIds) {
+    var response;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            response = null;
+            _context.prev = 1;
+            _context.next = 4;
+            return getAssets({
+              ids: wellIds,
+              fields: ['asset.name', 'asset.top_hole', 'asset.settings']
+            });
+          case 4:
+            response = _context.sent;
+            _context.next = 10;
+            break;
+          case 7:
+            _context.prev = 7;
+            _context.t0 = _context["catch"](1);
+            console.error(_context.t0);
+          case 10:
+            return _context.abrupt("return", response ? response.data.map(function (item) {
+              var _get;
+              return {
+                id: Number(item.id),
+                name: get(item, 'attributes.name'),
+                topHole: (_get = get(item, 'attributes.top_hole')) !== null && _get !== void 0 ? _get : get(item, 'attributes.settings.top_hole')
+              };
+            }) : []);
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[1, 7]]);
+  }));
+  return _getWells.apply(this, arguments);
+}
+function getCoordinatedWells(_x2, _x3) {
+  return _getCoordinatedWells.apply(this, arguments);
+}
+function _getCoordinatedWells() {
+  _getCoordinatedWells = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(wellIds, subjectWellId) {
+    var wells, subjectWell, subjectWellCoord, coordinatedWells;
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
+            return getWells(wellIds);
+          case 2:
+            wells = _context3.sent;
+            subjectWell = wells.find(function (well) {
+              return well.id === subjectWellId;
+            });
+            subjectWellCoord = subjectWell && getAssetV2Coordinates(subjectWell, 'topHole');
+            if (subjectWellCoord) {
+              _context3.next = 7;
+              break;
+            }
+            return _context3.abrupt("return", wells);
+          case 7:
+            _context3.next = 9;
+            return Promise.all(wells.map( /*#__PURE__*/function () {
+              var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(well) {
+                var coord, distance;
+                return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+                  while (1) {
+                    switch (_context2.prev = _context2.next) {
+                      case 0:
+                        _context2.prev = 0;
+                        _context2.next = 3;
+                        return getAssetV2Coordinates(well, 'topHole');
+                      case 3:
+                        coord = _context2.sent;
+                        if (!coord) {
+                          _context2.next = 13;
+                          break;
+                        }
+                        _context2.t0 = parseFloat;
+                        _context2.next = 8;
+                        return getDistanceByCoordinates(subjectWellCoord, coord);
+                      case 8:
+                        _context2.t1 = _context2.sent;
+                        distance = (0, _context2.t0)(_context2.t1);
+                        return _context2.abrupt("return", _objectSpread(_objectSpread({}, well), {}, {
+                          distance: parseFloat(distance.toFixed(2))
+                        }));
+                      case 13:
+                        return _context2.abrupt("return", well);
+                      case 14:
+                        _context2.next = 19;
+                        break;
+                      case 16:
+                        _context2.prev = 16;
+                        _context2.t2 = _context2["catch"](0);
+                        return _context2.abrupt("return", well);
+                      case 19:
+                      case "end":
+                        return _context2.stop();
+                    }
+                  }
+                }, _callee2, null, [[0, 16]]);
+              }));
+              return function (_x4) {
+                return _ref.apply(this, arguments);
+              };
+            }()));
+          case 9:
+            coordinatedWells = _context3.sent;
+            return _context3.abrupt("return", sortBy(coordinatedWells, 'distance'));
+          case 11:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  }));
+  return _getCoordinatedWells.apply(this, arguments);
+}
+
+export { getCoordinatedWells, getMobileOperatingSystem };
+//# sourceMappingURL=index.js.map

package/components/OffsetWellPickerV4/utils/timePeriod.js

@@ -1 +1,31 @@
-import u from"moment";import{OBJECTIVE_PERIOD_LIST as t}from"../constants.js";function n(n,r,a){var o,s=u().unix();return n===t[1].value?o=u().subtract(12,"hours").unix():n===t[2].value?o=u().subtract(24,"hours").unix():n===t[3].value?o=u().subtract(7,"days").unix():n===t[4].value?o=u().subtract(1,"month").unix():n===t[5].value?(o=r,s=a):(o=null,s=null),[o,s]}export{n as getTimestampByPeriod};
+import moment from 'moment';
+import { OBJECTIVE_PERIOD_LIST } from '../constants.js';
+
+function getTimestampByPeriod(period, customFrom, customTo) {
+  var start;
+  var end = moment().unix();
+  if (period === OBJECTIVE_PERIOD_LIST[1].value) {
+    // '12h'
+    start = moment().subtract(12, 'hours').unix();
+  } else if (period === OBJECTIVE_PERIOD_LIST[2].value) {
+    // '24h'
+    start = moment().subtract(24, 'hours').unix();
+  } else if (period === OBJECTIVE_PERIOD_LIST[3].value) {
+    // '7d'
+    start = moment().subtract(7, 'days').unix();
+  } else if (period === OBJECTIVE_PERIOD_LIST[4].value) {
+    // '1month'
+    start = moment().subtract(1, 'month').unix();
+  } else if (period === OBJECTIVE_PERIOD_LIST[5].value) {
+    // 'custom'
+    start = customFrom;
+    end = customTo;
+  } else {
+    start = null;
+    end = null;
+  }
+  return [start, end];
+}
+
+export { getTimestampByPeriod };
+//# sourceMappingURL=timePeriod.js.map

package/components/OffsetWellPickerV4/utils/timePeriod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timePeriod.js","sources":["../../../../src/components/OffsetWellPickerV4/utils/timePeriod.js"],"sourcesContent":["import moment from 'moment';\n\nimport { OBJECTIVE_PERIOD_LIST } from '../constants';\n\nexport function getTimestampByPeriod(period, customFrom, customTo) {\n  let start;\n  let end = moment().unix();\n\n  if (period === OBJECTIVE_PERIOD_LIST[1].value) {\n    // '12h'\n    start = moment().subtract(12, 'hours').unix();\n  } else if (period === OBJECTIVE_PERIOD_LIST[2].value) {\n    // '24h'\n    start = moment().subtract(24, 'hours').unix();\n  } else if (period === OBJECTIVE_PERIOD_LIST[3].value) {\n    // '7d'\n    start = moment().subtract(7, 'days').unix();\n  } else if (period === OBJECTIVE_PERIOD_LIST[4].value) {\n    // '1month'\n    start = moment().subtract(1, 'month').unix();\n  } else if (period === OBJECTIVE_PERIOD_LIST[5].value) {\n    // 'custom'\n    start = customFrom;\n    end = customTo;\n  } else {\n    start = null;\n    end = null;\n  }\n\n  return [start, end];\n}\n"],"names":["getTimestampByPeriod","period","customFrom","customTo","start","end","moment","unix","OBJECTIVE_PERIOD_LIST","value","subtract"],"mappings":";;;AAIO,SAASA,oBAAoB,CAACC,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE;AACjE,EAAA,IAAIC,KAAK,CAAA;AACT,EAAA,IAAIC,GAAG,GAAGC,MAAM,EAAE,CAACC,IAAI,EAAE,CAAA;EAEzB,IAAIN,MAAM,KAAKO,qBAAqB,CAAC,CAAC,CAAC,CAACC,KAAK,EAAE;AAC7C;AACAL,IAAAA,KAAK,GAAGE,MAAM,EAAE,CAACI,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC,CAACH,IAAI,EAAE,CAAA;GAC9C,MAAM,IAAIN,MAAM,KAAKO,qBAAqB,CAAC,CAAC,CAAC,CAACC,KAAK,EAAE;AACpD;AACAL,IAAAA,KAAK,GAAGE,MAAM,EAAE,CAACI,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC,CAACH,IAAI,EAAE,CAAA;GAC9C,MAAM,IAAIN,MAAM,KAAKO,qBAAqB,CAAC,CAAC,CAAC,CAACC,KAAK,EAAE;AACpD;AACAL,IAAAA,KAAK,GAAGE,MAAM,EAAE,CAACI,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAACH,IAAI,EAAE,CAAA;GAC5C,MAAM,IAAIN,MAAM,KAAKO,qBAAqB,CAAC,CAAC,CAAC,CAACC,KAAK,EAAE;AACpD;AACAL,IAAAA,KAAK,GAAGE,MAAM,EAAE,CAACI,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAACH,IAAI,EAAE,CAAA;GAC7C,MAAM,IAAIN,MAAM,KAAKO,qBAAqB,CAAC,CAAC,CAAC,CAACC,KAAK,EAAE;AACpD;AACAL,IAAAA,KAAK,GAAGF,UAAU,CAAA;AAClBG,IAAAA,GAAG,GAAGF,QAAQ,CAAA;AAChB,GAAC,MAAM;AACLC,IAAAA,KAAK,GAAG,IAAI,CAAA;AACZC,IAAAA,GAAG,GAAG,IAAI,CAAA;AACZ,GAAA;AAEA,EAAA,OAAO,CAACD,KAAK,EAAEC,GAAG,CAAC,CAAA;AACrB;;;;"}

package/components/OffsetWellPickerV4/utils/unitSystem.js

@@ -1 +1,10 @@
-import{getUnitDescription as t,getUnitPreference as e}from"../../../utils/index.js";function i(){return"imperial"===t(e("length")).system}export{i as getIsImperial};
+import { getUnitDescription, getUnitPreference } from '../../../utils/index.js';
+
+function getIsImperial() {
+  var _getUnitDescription = getUnitDescription(getUnitPreference('length')),
+    system = _getUnitDescription.system;
+  return system === 'imperial';
+}
+
+export { getIsImperial };
+//# sourceMappingURL=unitSystem.js.map

package/components/OffsetWellPickerV4/utils/unitSystem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unitSystem.js","sources":["../../../../src/components/OffsetWellPickerV4/utils/unitSystem.js"],"sourcesContent":["import { getUnitPreference, getUnitDescription } from '~/utils';\n\nexport function getIsImperial() {\n  const { system } = getUnitDescription(getUnitPreference('length'));\n  return system === 'imperial';\n}\n"],"names":["getIsImperial","getUnitDescription","getUnitPreference","system"],"mappings":";;AAEO,SAASA,aAAa,GAAG;AAC9B,EAAA,IAAA,mBAAA,GAAmBC,kBAAkB,CAACC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AAA1DC,IAAAA,MAAM,uBAANA,MAAM,CAAA;EACd,OAAOA,MAAM,KAAK,UAAU,CAAA;AAC9B;;;;"}

package/components/PadModeSelect/FracModeLabel.js

@@ -1 +1,122 @@
-import{jsx as o,jsxs as i}from"react/jsx-runtime";import{makeStyles as s,useTheme as t,Tooltip as c}from"@material-ui/core";import"react";import"@icon-park/react/es/all";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import{SimulFracCustomIcon as n}from"../../icons/customIcons/icons/SimulFrac.js";import{ZipperFracCustomIcon as e}from"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";var r=s((function(o){return{tooltipContent:{width:230,padding:4,fontSize:"12px",color:o.palette.primary.text6},tooltipTitle:{marginBottom:8,color:o.palette.primary.text1},labelContainer:{position:"absolute",top:0,left:0,height:14,padding:"1px 16px 0",color:o.palette.background.b2,fontSize:"12px",fontWeight:500,letterSpacing:.5,lineHeight:1,cursor:"default","&:before":{content:'""',position:"absolute",top:0,left:"-1%",width:"100%",height:"100%",transform:"skew(-40deg)",borderBottomRightRadius:2,backgroundColor:o.palette.primary.main}},labelContent:{position:"relative",display:"flex",alignItems:"center",gap:4}}})),l={simul:"SimulFrac",zipper:"ZipperFrac"},a={simul:"Fracturing multiple wells on a pad simultaneously",zipper:"Fracturing one well on a pad at a time"},m=function(s){s.enableSimulFracInPadSelect;var m=s.fracFleetLines,p=r(),u=t(),d=m.length?"simul":"zipper";return o(c,{title:i("div",{className:p.tooltipContent,children:[o("div",{className:p.tooltipTitle,children:l[d]}),o("div",{children:a[d]})]}),placement:"bottom",children:o("div",{"data-testid":"FracModeLabel",className:p.labelContainer,children:i("div",{className:p.labelContent,children:[o("simul"===d?n:e,{size:12,fill:u.palette.background.b2}),o("span",{children:l[d]})]})})})};export{m as default};
+import { makeStyles, useTheme, Tooltip } from '@material-ui/core';
+import '@babel/runtime/helpers/defineProperty';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import 'react';
+import '@icon-park/react/es/all';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '../../icons/IconParkProvider.js';
+import '../../icons/customIcons/icons/AddMessage.js';
+import '../../icons/customIcons/icons/Attention.js';
+import '../../icons/customIcons/icons/Collapse.js';
+import '../../icons/customIcons/icons/Dashboard.js';
+import '../../icons/customIcons/icons/Expand.js';
+import '../../icons/customIcons/icons/FolderClosed.js';
+import '../../icons/customIcons/icons/FolderClosedFilled.js';
+import '../../icons/customIcons/icons/FolderOpened.js';
+import '../../icons/customIcons/icons/GreaterOrEqual.js';
+import '../../icons/customIcons/icons/LessOrEqual.js';
+import '../../icons/customIcons/icons/Search.js';
+import '../../icons/customIcons/icons/Wellhub.js';
+import '../../icons/customIcons/icons/MultiRuler.js';
+import '../../icons/customIcons/icons/Checkbox.js';
+import '../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../icons/customIcons/icons/Radio.js';
+import '../../icons/customIcons/icons/RadioChecked.js';
+import { SimulFracCustomIcon } from '../../icons/customIcons/icons/SimulFrac.js';
+import { ZipperFracCustomIcon } from '../../icons/customIcons/icons/ZipperFrac.js';
+import '../../icons/customIcons/icons/CautionFilled.js';
+import '../../icons/customIcons/icons/MoreApp.js';
+import '../../icons/customIcons/icons/Pad.js';
+import '../../icons/customIcons/icons/Gap.js';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    tooltipContent: {
+      width: 230,
+      padding: 4,
+      fontSize: '12px',
+      color: theme.palette.primary.text6
+    },
+    tooltipTitle: {
+      marginBottom: 8,
+      color: theme.palette.primary.text1
+    },
+    labelContainer: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      height: 14,
+      padding: '1px 16px 0',
+      color: theme.palette.background.b2,
+      fontSize: '12px',
+      fontWeight: 500,
+      letterSpacing: 0.5,
+      lineHeight: 1,
+      cursor: 'default',
+      '&:before': {
+        content: '""',
+        position: 'absolute',
+        top: 0,
+        left: '-1%',
+        width: '100%',
+        height: '100%',
+        transform: 'skew(-40deg)',
+        borderBottomRightRadius: 2,
+        backgroundColor: theme.palette.primary.main
+      }
+    },
+    labelContent: {
+      position: 'relative',
+      display: 'flex',
+      alignItems: 'center',
+      gap: 4
+    }
+  };
+});
+var LABELS = {
+  simul: 'SimulFrac',
+  zipper: 'ZipperFrac'
+};
+var TOOLTIP_TEXT = {
+  simul: 'Fracturing multiple wells on a pad simultaneously',
+  zipper: 'Fracturing one well on a pad at a time'
+};
+var FracModeLabel = function FracModeLabel(_ref) {
+  _ref.enableSimulFracInPadSelect;
+    var fracFleetLines = _ref.fracFleetLines;
+  var classes = useStyles();
+  var theme = useTheme();
+  var mode = fracFleetLines.length ? 'simul' : 'zipper';
+  return /*#__PURE__*/jsx(Tooltip, {
+    title: /*#__PURE__*/jsxs("div", {
+      className: classes.tooltipContent,
+      children: [/*#__PURE__*/jsx("div", {
+        className: classes.tooltipTitle,
+        children: LABELS[mode]
+      }), /*#__PURE__*/jsx("div", {
+        children: TOOLTIP_TEXT[mode]
+      })]
+    }),
+    placement: "bottom",
+    children: /*#__PURE__*/jsx("div", {
+      "data-testid": "FracModeLabel",
+      className: classes.labelContainer,
+      children: /*#__PURE__*/jsxs("div", {
+        className: classes.labelContent,
+        children: [mode === 'simul' ? /*#__PURE__*/jsx(SimulFracCustomIcon, {
+          size: 12,
+          fill: theme.palette.background.b2
+        }) : /*#__PURE__*/jsx(ZipperFracCustomIcon, {
+          size: 12,
+          fill: theme.palette.background.b2
+        }), /*#__PURE__*/jsx("span", {
+          children: LABELS[mode]
+        })]
+      })
+    })
+  });
+};
+
+export { FracModeLabel as default };
+//# sourceMappingURL=FracModeLabel.js.map

package/components/PadModeSelect/PadModeSelect.js

@@ -1 +1,282 @@
-import{jsxs as e,Fragment as o,jsx as s}from"react/jsx-runtime";import{useState as t,useRef as i,useEffect as n}from"react";import{isEmpty as c,first as r}from"lodash";import{makeStyles as a,useTheme as m,FormControl as l,Select as d,MenuItem as u,Tooltip as p}from"@material-ui/core";import f from"classnames";import I from"./WellStreamActivityStatus.js";import h from"./FracModeLabel.js";import{AssetStatus as j}from"./types.js";import{useWellStreamActivityTypeSubscription as v}from"./effects/useWellStreamActivityTypeSubscription.js";import{useMenuItems as S}from"./effects/useMenuItems.js";import{parseMenuItemKey as g}from"./utils/selectMenuKey.js";import{getSelectValue as b,getActiveAsset as x}from"./utils/resolveCurrentConfig.js";import{COMPLETION_MODES as F}from"../../constants/completion.js";import C from"../MiddleTruncate/MiddleTruncate.js";import{PadMode as M}from"../../types/shared/Completions.js";import{InfoIcon as y}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";var A=a((function(e){return{selectFormControl:{maxWidth:"320px",padding:"5px 8px",marginLeft:"auto"},padSelect:{fontSize:"14px","&:before":{borderBottom:0},"&:after":{borderBottom:0},"& .MuiSelect-root":{alignItems:"center",display:"flex"}},simulFracPadMenu:{"&.MuiList-padding":{paddingTop:16}},menuItem:{display:"flex",justifyContent:"space-between","&.subGroupItem":{paddingLeft:24}},menuItemName:{textOverflow:"ellipsis",overflow:"hidden",width:"100%",fontSize:12,lineHeight:"16px"},activeAsset:{fontSize:12,lineHeight:"16px",minWidth:78,display:"flex",alignItems:"center"},simulFracMessage:{maxWidth:230,display:"flex",alignItems:"center",gap:8,padding:"0 16px",fontSize:12,lineHeight:1.35,color:e.palette.primary.text6,pointerEvents:"none"}}})),L=function(o){var i=o.name,n=o.statusBadge,c=A(),r=t(),a=r[0],m=r[1];return s(p,{title:a&&a!==i?i:"",children:e("div",{className:c.activeAsset,children:[s(C,{onTruncate:function(e){m(e)},truncatedText:a,maxWidth:130,children:i}),n]})})},P=function(a){var p=a.completionAppType,C=a.padModeSetting,P=void 0===C?{mode:M.custom}:C,w=a.assets,W=void 0===w?[]:w,T=a.fracFleetLines,k=void 0===T?[]:T,N=a.disableActiveWellsInPadSelect,z=a.enableSimulFracInPadSelect,O=a.onChange,B=a.formControlClassName,D=a.activeAssetComponent,E=void 0===D?L:D,G=t(!1),H=G[0],R=G[1],q=i(),K=A(),Z=m(),_=b({fracFleetLines:k,padModeSetting:P,enableSimulFracInPadSelect:z}),J=S({completionAppType:p,assets:W,fracFleetLines:k,enableSimulFracInPadSelect:z}),Q=function(e){var o=g(e),s=o.mode,t=o.assetId,i={mode:s};s===M.custom?(i.mode=M.custom,i.selectedAssets=[parseInt(t,10)]):s===M.padLine&&(i.selectedLine=t),O(i)},U=function(e){return P.mode===M.custom&&+r(P.selectedAssets)==+e||H},V=J.find((function(e){return e.key===_})),X=v({currentWellId:q.current,isStatusShown:!0,withSubscription:!0}),Y=x({assets:W,padModeSetting:P,completionAppType:p});n((function(){(null==V?void 0:V.assetId)?q.current=null==V?void 0:V.assetId:q.current=void 0}),[null==V?void 0:V.assetId]);var $=Y&&Y.status===j.active;return Y||P.mode===M.padLine?e(o,{children:[P.mode===M.pad&&s(E,{name:Y.name,statusBadge:$&&s(I,{isStatusShown:!0,currentWellId:Y.asset_id,subData:c(X)?void 0:X})}),s(l,{classes:{root:f(K.selectFormControl,B)},children:_&&e(d,{value:_,onChange:function(e){return Q(e.target.value)},inputProps:{name:"padModeSelect",id:"pad-mode-select"},className:K.padSelect,onClose:function(){return R(!1)},onOpen:function(){return R(!0)},MenuProps:{classes:{list:K.simulFracPadMenu},anchorOrigin:{vertical:"top",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"}},children:[s(h,{fracFleetLines:k,enableSimulFracInPadSelect:z}),J.map((function(o){var t=o.key,i=o.label,n=o.assetId,c=o.wellId,r=o.status,a=o.isSubItem,m=o.isDisabled,l=U(c)&&r===j.active;return e(u,{value:t,className:f(K.menuItem,a&&"subGroupItem"),disabled:N&&r!==j.active&&t!==F.pad&&(a||m),children:[s("span",{className:K.menuItemName,children:i}),l&&s(I,{isStatusShown:U(c),currentWellId:n,subData:q.current===n?X:void 0})]},t)})),!z&&k.length>0&&e("div",{className:K.simulFracMessage,children:[s(y,{size:16,fill:Z.palette.info.main}),"Analytics apps show all wells in Pad Mode for Simulfracs"]})]})})]}):null};export{P as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useRef, useEffect } from 'react';
+import { isEmpty, first } from 'lodash';
+import { makeStyles, useTheme, FormControl, Select, MenuItem, Tooltip } from '@material-ui/core';
+import classNames from 'classnames';
+import WellStreamActivityStatus from './WellStreamActivityStatus.js';
+import FracModeLabel from './FracModeLabel.js';
+import { AssetStatus } from './types.js';
+import { useWellStreamActivityTypeSubscription } from './effects/useWellStreamActivityTypeSubscription.js';
+import { useMenuItems } from './effects/useMenuItems.js';
+import { parseMenuItemKey } from './utils/selectMenuKey.js';
+import { getSelectValue, getActiveAsset } from './utils/resolveCurrentConfig.js';
+import { COMPLETION_MODES } from '../../constants/completion.js';
+import MiddleTruncate from '../MiddleTruncate/MiddleTruncate.js';
+import { PadMode } from '../../types/shared/Completions.js';
+import { InfoIcon } from '../../icons/iconParkIcons.js';
+import '../../icons/customIcons/icons/AddMessage.js';
+import '../../icons/customIcons/icons/Attention.js';
+import '../../icons/customIcons/icons/Collapse.js';
+import '../../icons/customIcons/icons/Dashboard.js';
+import '../../icons/customIcons/icons/Expand.js';
+import '../../icons/customIcons/icons/FolderClosed.js';
+import '../../icons/customIcons/icons/FolderClosedFilled.js';
+import '../../icons/customIcons/icons/FolderOpened.js';
+import '../../icons/customIcons/icons/GreaterOrEqual.js';
+import '../../icons/customIcons/icons/LessOrEqual.js';
+import '../../icons/customIcons/icons/Search.js';
+import '../../icons/customIcons/icons/Wellhub.js';
+import '../../icons/customIcons/icons/MultiRuler.js';
+import '../../icons/customIcons/icons/Checkbox.js';
+import '../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../icons/customIcons/icons/Radio.js';
+import '../../icons/customIcons/icons/RadioChecked.js';
+import '../../icons/customIcons/icons/SimulFrac.js';
+import '../../icons/customIcons/icons/ZipperFrac.js';
+import '../../icons/customIcons/icons/CautionFilled.js';
+import '../../icons/customIcons/icons/MoreApp.js';
+import '../../icons/customIcons/icons/Pad.js';
+import '../../icons/customIcons/icons/Gap.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    selectFormControl: {
+      maxWidth: '320px',
+      padding: '5px 8px',
+      marginLeft: 'auto'
+    },
+    padSelect: {
+      fontSize: '14px',
+      '&:before': {
+        borderBottom: 0
+      },
+      '&:after': {
+        borderBottom: 0
+      },
+      '& .MuiSelect-root': {
+        alignItems: 'center',
+        display: 'flex'
+      }
+    },
+    simulFracPadMenu: {
+      '&.MuiList-padding': {
+        paddingTop: 16
+      }
+    },
+    menuItem: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      '&.subGroupItem': {
+        paddingLeft: 24
+      }
+    },
+    menuItemName: {
+      textOverflow: 'ellipsis',
+      overflow: 'hidden',
+      width: '100%',
+      fontSize: 12,
+      lineHeight: '16px'
+    },
+    activeAsset: {
+      fontSize: 12,
+      lineHeight: '16px',
+      minWidth: 78,
+      display: 'flex',
+      alignItems: 'center'
+    },
+    simulFracMessage: {
+      maxWidth: 230,
+      display: 'flex',
+      alignItems: 'center',
+      gap: 8,
+      padding: '0 16px',
+      fontSize: 12,
+      lineHeight: 1.35,
+      color: theme.palette.primary.text6,
+      pointerEvents: 'none'
+    }
+  };
+});
+var ActiveAsset = function ActiveAsset(_ref) {
+  var name = _ref.name,
+    statusBadge = _ref.statusBadge;
+  var classes = useStyles();
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    truncatedActiveAsset = _useState2[0],
+    setTruncatedActiveAsset = _useState2[1];
+  var handleTruncatedText = function handleTruncatedText(truncatedText) {
+    setTruncatedActiveAsset(truncatedText);
+  };
+  return /*#__PURE__*/jsx(Tooltip, {
+    title: !truncatedActiveAsset || truncatedActiveAsset === name ? '' : name,
+    children: /*#__PURE__*/jsxs("div", {
+      className: classes.activeAsset,
+      children: [/*#__PURE__*/jsx(MiddleTruncate, {
+        onTruncate: handleTruncatedText,
+        truncatedText: truncatedActiveAsset,
+        maxWidth: 130,
+        children: name
+      }), statusBadge]
+    })
+  });
+};
+var PadModeSelect = function PadModeSelect(props) {
+  var completionAppType = props.completionAppType,
+    _props$padModeSetting = props.padModeSetting,
+    padModeSetting = _props$padModeSetting === void 0 ? {
+      mode: PadMode.custom
+    } : _props$padModeSetting,
+    _props$assets = props.assets,
+    assets = _props$assets === void 0 ? [] : _props$assets,
+    _props$fracFleetLines = props.fracFleetLines,
+    fracFleetLines = _props$fracFleetLines === void 0 ? [] : _props$fracFleetLines,
+    disableActiveWellsInPadSelect = props.disableActiveWellsInPadSelect,
+    enableSimulFracInPadSelect = props.enableSimulFracInPadSelect,
+    onChange = props.onChange,
+    formControlClassName = props.formControlClassName,
+    _props$activeAssetCom = props.activeAssetComponent,
+    ActiveAssetComponent = _props$activeAssetCom === void 0 ? ActiveAsset : _props$activeAssetCom;
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isSelectOpened = _useState4[0],
+    setIsSelectOpened = _useState4[1];
+  var currentItem = useRef();
+  var classes = useStyles();
+  var theme = useTheme();
+  var value = getSelectValue({
+    fracFleetLines: fracFleetLines,
+    padModeSetting: padModeSetting,
+    enableSimulFracInPadSelect: enableSimulFracInPadSelect
+  });
+  var menuItems = useMenuItems({
+    completionAppType: completionAppType,
+    assets: assets,
+    fracFleetLines: fracFleetLines,
+    enableSimulFracInPadSelect: enableSimulFracInPadSelect
+  });
+  var handleChange = function handleChange(newValue) {
+    var _parseMenuItemKey = parseMenuItemKey(newValue),
+      mode = _parseMenuItemKey.mode,
+      assetId = _parseMenuItemKey.assetId;
+    var newPadModeSetting = {
+      mode: mode
+    };
+    if (mode === PadMode.custom) {
+      newPadModeSetting.mode = PadMode.custom;
+      newPadModeSetting.selectedAssets = [parseInt(assetId, 10)];
+    } else if (mode === PadMode.padLine) {
+      newPadModeSetting.selectedLine = assetId;
+    }
+    onChange(newPadModeSetting);
+  };
+  var onSelectOpen = function onSelectOpen() {
+    return setIsSelectOpened(true);
+  };
+  var onSelectClose = function onSelectClose() {
+    return setIsSelectOpened(false);
+  };
+  var isStatusShown = function isStatusShown(wellId) {
+    return padModeSetting.mode === PadMode.custom && +first(padModeSetting.selectedAssets) === +wellId || isSelectOpened;
+  };
+  var selectedMenuItem = menuItems.find(function (_ref2) {
+    var key = _ref2.key;
+    return key === value;
+  });
+  var subData = useWellStreamActivityTypeSubscription({
+    currentWellId: currentItem.current,
+    isStatusShown: true,
+    withSubscription: true
+  });
+  var activeAsset = getActiveAsset({
+    assets: assets,
+    padModeSetting: padModeSetting,
+    completionAppType: completionAppType
+  });
+  useEffect(function () {
+    if (selectedMenuItem !== null && selectedMenuItem !== void 0 && selectedMenuItem.assetId) {
+      currentItem.current = selectedMenuItem === null || selectedMenuItem === void 0 ? void 0 : selectedMenuItem.assetId;
+    } else {
+      currentItem.current = undefined;
+    }
+  }, [selectedMenuItem === null || selectedMenuItem === void 0 ? void 0 : selectedMenuItem.assetId]);
+  var isActiveAssetStreamActivityStatusShown = activeAsset && activeAsset.status === AssetStatus.active;
+  if (!activeAsset && padModeSetting.mode !== PadMode.padLine) return null;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [padModeSetting.mode === PadMode.pad && /*#__PURE__*/jsx(ActiveAssetComponent, {
+      name: activeAsset.name,
+      statusBadge: isActiveAssetStreamActivityStatusShown && /*#__PURE__*/jsx(WellStreamActivityStatus, {
+        isStatusShown: true,
+        currentWellId: activeAsset.asset_id,
+        subData: isEmpty(subData) ? undefined : subData
+      })
+    }), /*#__PURE__*/jsx(FormControl, {
+      classes: {
+        root: classNames(classes.selectFormControl, formControlClassName)
+      },
+      children: value && /*#__PURE__*/jsxs(Select, {
+        value: value,
+        onChange: function onChange(e) {
+          return handleChange(e.target.value);
+        },
+        inputProps: {
+          name: 'padModeSelect',
+          id: 'pad-mode-select'
+        },
+        className: classes.padSelect,
+        onClose: onSelectClose,
+        onOpen: onSelectOpen,
+        MenuProps: {
+          classes: {
+            list: classes.simulFracPadMenu
+          },
+          anchorOrigin: {
+            vertical: 'top',
+            horizontal: 'center'
+          },
+          transformOrigin: {
+            vertical: 'top',
+            horizontal: 'center'
+          }
+        },
+        children: [/*#__PURE__*/jsx(FracModeLabel, {
+          fracFleetLines: fracFleetLines,
+          enableSimulFracInPadSelect: enableSimulFracInPadSelect
+        }), menuItems.map(function (_ref3) {
+          var key = _ref3.key,
+            label = _ref3.label,
+            assetId = _ref3.assetId,
+            wellId = _ref3.wellId,
+            status = _ref3.status,
+            isSubItem = _ref3.isSubItem,
+            isDisabled = _ref3.isDisabled;
+          var isWellStreamActivityStatusShown = isStatusShown(wellId) && status === AssetStatus.active;
+          return /*#__PURE__*/jsxs(MenuItem, {
+            value: key,
+            className: classNames(classes.menuItem, isSubItem && 'subGroupItem'),
+            disabled: disableActiveWellsInPadSelect && status !== AssetStatus.active && key !== COMPLETION_MODES.pad && (isSubItem || isDisabled),
+            children: [/*#__PURE__*/jsx("span", {
+              className: classes.menuItemName,
+              children: label
+            }), isWellStreamActivityStatusShown && /*#__PURE__*/jsx(WellStreamActivityStatus, {
+              isStatusShown: isStatusShown(wellId),
+              currentWellId: assetId,
+              subData: currentItem.current === assetId ? subData : undefined
+            })]
+          }, key);
+        }), !enableSimulFracInPadSelect && fracFleetLines.length > 0 && /*#__PURE__*/jsxs("div", {
+          className: classes.simulFracMessage,
+          children: [/*#__PURE__*/jsx(InfoIcon, {
+            size: 16,
+            fill: theme.palette.info.main
+          }), "Analytics apps show all wells in Pad Mode for Simulfracs"]
+        })]
+      })
+    })]
+  });
+};
+
+export { PadModeSelect as default };
+//# sourceMappingURL=PadModeSelect.js.map