@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/OffsetWellPickerV3/utils/apiCalls.js

@@ -1 +1,155 @@
-import t from"@babel/runtime/helpers/asyncToGenerator";import e from"@babel/runtime/regenerator";import{get as r}from"lodash";import{getAppStorage as a,getAssets as s}from"../../../clients/jsonApi/index.js";function n(t,e){return i.apply(this,arguments)}function i(){return(i=t(e.mark((function t(a,n){var i,u,o;return e.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return i=null,t.prev=1,t.next=4,s({types:["well"],company_id:a?+a:void 0,fields:["asset.name","asset.parent_asset_id","asset.parent_asset_name","asset.stats","asset.target_formation","asset.string_design","asset.root_asset_name","asset.basin","asset.county","asset.area","asset.visibility","asset.top_hole"],per_page:1e4,sort:"name"});case 4:i=t.sent,t.next=10;break;case 7:t.prev=7,t.t0=t.catch(1),console.error(t.t0);case 10:if(u=i?i.data.map((function(t){return{id:Number(t.id),name:r(t,"attributes.name"),rigId:r(t,"attributes.parent_asset_id")||"Null",rigName:r(t,"attributes.parent_asset_name")||"Null",formation:r(t,"attributes.target_formation")||"Null",stringDesign:r(t,"attributes.string_design")||"Null",programName:r(t,"attributes.root_asset_name")||"Null",basin:r(t,"attributes.basin")||"Null",county:r(t,"attributes.county")||"Null",area:r(t,"attributes.area")||"Null",visibility:r(t,"attributes.visibility"),topHole:r(t,"attributes.top_hole"),rigReleaseDate:r(t,"attributes.stats.well_end"),totalDepth:r(t,"attributes.stats.total_depth"),is_usable:!0}})).filter((function(t){return"visible"===t.visibility})):[],!n){t.next=16;break}return t.next=14,n(u);case 14:return o=t.sent,t.abrupt("return",o);case 16:return t.abrupt("return",u);case 17:case"end":return t.stop()}}),t,null,[[1,7]])})))).apply(this,arguments)}function u(t){return o.apply(this,arguments)}function o(){return(o=t(e.mark((function t(r){return e.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.abrupt("return",a("corva","data.offset-wells.bic",r,{limit:1,sort:"{timestamp: -1}"}));case 1:case"end":return t.stop()}}),t)})))).apply(this,arguments)}function l(t){return p.apply(this,arguments)}function p(){return(p=t(e.mark((function t(r){var s;return e.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return s=null,t.prev=1,t.next=4,a("corva","data.offset_wells",r,{limit:1});case 4:s=t.sent,t.next=10;break;case 7:t.prev=7,t.t0=t.catch(1),console.error(t.t0);case 10:return t.abrupt("return",s||[]);case 11:case"end":return t.stop()}}),t,null,[[1,7]])})))).apply(this,arguments)}export{u as fetchBicWellSections,l as fetchWellhubWells,n as fetchWells};
+import { get } from 'lodash';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import { getAssets, getAppStorage } from '../../../clients/jsonApi/index.js';
+
+function fetchWells(_x, _x2) {
+  return _fetchWells.apply(this, arguments);
+}
+
+function _fetchWells() {
+  _fetchWells = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(companyId, addWellsUsabilityInfo) {
+    var response, wells, updatedWells;
+    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({
+              types: ['well'],
+              company_id: companyId ? +companyId : undefined,
+              fields: ['asset.name', 'asset.parent_asset_id', 'asset.parent_asset_name', 'asset.stats', 'asset.target_formation', 'asset.string_design', 'asset.root_asset_name', 'asset.basin', 'asset.county', 'asset.area', 'asset.visibility', 'asset.top_hole'],
+              per_page: 10000,
+              sort: 'name'
+            });
+
+          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:
+            wells = response ? response.data.map(function (item) {
+              var wellData = {
+                id: Number(item.id),
+                name: get(item, 'attributes.name'),
+                rigId: get(item, 'attributes.parent_asset_id') || 'Null',
+                rigName: get(item, 'attributes.parent_asset_name') || 'Null',
+                formation: get(item, 'attributes.target_formation') || 'Null',
+                stringDesign: get(item, 'attributes.string_design') || 'Null',
+                programName: get(item, 'attributes.root_asset_name') || 'Null',
+                basin: get(item, 'attributes.basin') || 'Null',
+                county: get(item, 'attributes.county') || 'Null',
+                area: get(item, 'attributes.area') || 'Null',
+                visibility: get(item, 'attributes.visibility'),
+                topHole: get(item, 'attributes.top_hole'),
+                rigReleaseDate: get(item, 'attributes.stats.well_end'),
+                totalDepth: get(item, 'attributes.stats.total_depth'),
+                is_usable: true // Flag which indicates if a well can be used in apps, default is true
+
+              };
+              return wellData;
+            }).filter(function (item) {
+              return item.visibility === 'visible';
+            }) : []; // Invoke "addWellsUsabilityInfo" hook here, which will update "is_usuable" field
+
+            if (!addWellsUsabilityInfo) {
+              _context.next = 16;
+              break;
+            }
+
+            _context.next = 14;
+            return addWellsUsabilityInfo(wells);
+
+          case 14:
+            updatedWells = _context.sent;
+            return _context.abrupt("return", updatedWells);
+
+          case 16:
+            return _context.abrupt("return", wells);
+
+          case 17:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[1, 7]]);
+  }));
+  return _fetchWells.apply(this, arguments);
+}
+
+function fetchBicWellSections(_x3) {
+  return _fetchBicWellSections.apply(this, arguments);
+}
+
+function _fetchBicWellSections() {
+  _fetchBicWellSections = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(assetId) {
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            return _context2.abrupt("return", getAppStorage('corva', 'data.offset-wells.bic', assetId, {
+              limit: 1,
+              sort: '{timestamp: -1}'
+            }));
+
+          case 1:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+  return _fetchBicWellSections.apply(this, arguments);
+}
+
+function fetchWellhubWells(_x4) {
+  return _fetchWellhubWells.apply(this, arguments);
+}
+
+function _fetchWellhubWells() {
+  _fetchWellhubWells = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(assetId) {
+    var response;
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            response = null;
+            _context3.prev = 1;
+            _context3.next = 4;
+            return getAppStorage('corva', 'data.offset_wells', assetId, {
+              limit: 1
+            });
+
+          case 4:
+            response = _context3.sent;
+            _context3.next = 10;
+            break;
+
+          case 7:
+            _context3.prev = 7;
+            _context3.t0 = _context3["catch"](1);
+            console.error(_context3.t0);
+
+          case 10:
+            return _context3.abrupt("return", response || []);
+
+          case 11:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3, null, [[1, 7]]);
+  }));
+  return _fetchWellhubWells.apply(this, arguments);
+}
+
+export { fetchBicWellSections, fetchWellhubWells, fetchWells };
+//# sourceMappingURL=apiCalls.js.map

package/components/OffsetWellPickerV3/utils/apiCalls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apiCalls.js","sources":["../../../../src/components/OffsetWellPickerV3/utils/apiCalls.js"],"sourcesContent":["import { get } from 'lodash';\n\nimport { getAssets, getAppStorage } from '~/clients/jsonApi';\n\nexport async function fetchWells(companyId, addWellsUsabilityInfo) {\n  let response = null;\n  try {\n    response = await getAssets({\n      types: ['well'],\n      company_id: companyId ? +companyId : undefined,\n      fields: [\n        'asset.name',\n        'asset.parent_asset_id',\n        'asset.parent_asset_name',\n        'asset.stats',\n        'asset.target_formation',\n        'asset.string_design',\n        'asset.root_asset_name',\n        'asset.basin',\n        'asset.county',\n        'asset.area',\n        'asset.visibility',\n        'asset.top_hole',\n      ],\n      per_page: 10000,\n      sort: 'name',\n    });\n  } catch (e) {\n    console.error(e);\n  }\n\n  const wells = response\n    ? response.data\n        .map(item => {\n          const wellData = {\n            id: Number(item.id),\n            name: get(item, 'attributes.name'),\n            rigId: get(item, 'attributes.parent_asset_id') || 'Null',\n            rigName: get(item, 'attributes.parent_asset_name') || 'Null',\n            formation: get(item, 'attributes.target_formation') || 'Null',\n            stringDesign: get(item, 'attributes.string_design') || 'Null',\n            programName: get(item, 'attributes.root_asset_name') || 'Null',\n            basin: get(item, 'attributes.basin') || 'Null',\n            county: get(item, 'attributes.county') || 'Null',\n            area: get(item, 'attributes.area') || 'Null',\n            visibility: get(item, 'attributes.visibility'),\n            topHole: get(item, 'attributes.top_hole'),\n            rigReleaseDate: get(item, 'attributes.stats.well_end'),\n            totalDepth: get(item, 'attributes.stats.total_depth'),\n            is_usable: true, // Flag which indicates if a well can be used in apps, default is true\n          };\n          return wellData;\n        })\n        .filter(item => item.visibility === 'visible')\n    : [];\n\n  // Invoke \"addWellsUsabilityInfo\" hook here, which will update \"is_usuable\" field\n  if (addWellsUsabilityInfo) {\n    const updatedWells = await addWellsUsabilityInfo(wells);\n    return updatedWells;\n  }\n\n  return wells;\n}\n\nexport async function fetchBicWellSections(assetId) {\n  return getAppStorage('corva', 'data.offset-wells.bic', assetId, {\n    limit: 1,\n    sort: '{timestamp: -1}',\n  });\n}\n\nexport async function fetchWellhubWells(assetId) {\n  let response = null;\n  try {\n    response = await getAppStorage('corva', 'data.offset_wells', assetId, { limit: 1 });\n  } catch (e) {\n    console.error(e);\n  }\n\n  return response || [];\n}\n"],"names":["fetchWells","companyId","addWellsUsabilityInfo","response","getAssets","types","company_id","undefined","fields","per_page","sort","console","error","wells","data","map","item","wellData","id","Number","name","get","rigId","rigName","formation","stringDesign","programName","basin","county","area","visibility","topHole","rigReleaseDate","totalDepth","is_usable","filter","updatedWells","fetchBicWellSections","assetId","getAppStorage","limit","fetchWellhubWells"],"mappings":"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"}

package/components/PadModeSelect/PadModeSelect.js

@@ -1 +1,135 @@
-import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/toConsumableArray";import{useMemo as r}from"react";import o from"prop-types";import{first as n}from"lodash";import{makeStyles as i,FormControl as p,Select as l,MenuItem as a}from"@material-ui/core";import{COMPLETION_APP_TYPES as s,COMPLETION_MODES as c,COMPLETION_APPTYPE_MODES_DICT as u,DEFAULT_SUPPORTED_PAD_MODES as m}from"../../constants/completion.js";import{resolveActiveFracAsset as d,resolveActiveWirelineAsset as f,resolveActivePumpdownAsset as g}from"../../utils/completion.js";import{getWellStatusLabel as h}from"./utils.js";import{jsx as A}from"react/jsx-runtime";var y=s.padApp,v=s.fracWirelineMultiWellApp,b=s.fracMultiWellApp,S=s.wirelineMultiWellApp,W=s.fracSingleWellApp,M=s.wirelineSingleWellApp,x=s.pumpdownMultiWellApp,C=s.pumpdownSingleWellApp,w=i({selectFormControl:{maxWidth:"320px",padding:"5px 8px",marginLeft:"auto"},padSelect:{fontSize:"14px","&:before":{borderBottom:0},"&:after":{borderBottom:0}}}),j=function(o){var i=o.completionAppType,s=o.padModeSetting,j=o.assets,k=o.onChange,T=w(),F=[y,v,b,W].includes(i)&&d(j),P=[y,v,S,M].includes(i)&&f(j),q=[x,C].includes(i)&&g(j),B=r((function(){var e=[];return F||e.push(c.activeFrac),P||e.push(c.activeWireline),q||e.push(c.activePumpdown),e}),[F,P,q]),O="custom"===s.mode?"custom--".concat(n(s.selectedAssets)):s.mode,R=r((function(){return u[i].filter((function(e){return!B.includes(e)}))}),[i,B]),z=r((function(){return m.filter((function(e){return R.includes(e.key)}))}),[R]),I=r((function(){return j.reduce((function(e,r){var o=F&&F.id===r.id,n=P&&P.id===r.id,i=q&&q.id===r.id;return[].concat(t(e),[{key:"custom--".concat(r.id),label:"".concat(r.name).concat(h(o,n,i))}])}),[])}),[j,i]),L=z.concat(I),N=function(t){var r=t.split("--"),o=e(r,2),n=o[0],i=o[1],p={mode:n};"custom"===n&&(p.mode="custom",p.selectedAssets=[parseInt(i,10)]),k(p)};return A(p,{classes:{root:T.selectFormControl},children:O&&A(l,{value:O,onChange:function(e){return N(e.target.value)},inputProps:{name:"padModeSelect",id:"pad-mode-select"},className:T.padSelect,children:L.map((function(e){return A(a,{value:e.key,children:e.label},e.key)}))})})};j.propTypes={padModeSetting:o.shape({mode:o.string,selectedAssets:o.arrayOf(o.string)}),assets:o.arrayOf(o.shape()),completionAppType:o.string.isRequired,onChange:o.func.isRequired},j.defaultProps={padModeSetting:{},assets:[]};export{j as default};
+import { first } from 'lodash';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import { COMPLETION_APPTYPE_MODES_DICT, DEFAULT_SUPPORTED_PAD_MODES, COMPLETION_APP_TYPES, COMPLETION_MODES } from '../../constants/completion.js';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { resolveActiveFracAsset, resolveActiveWirelineAsset, resolveActivePumpdownAsset } from '../../utils/completion.js';
+import { jsx } from 'react/jsx-runtime';
+import { makeStyles, FormControl, Select, MenuItem } from '@material-ui/core';
+import { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { getWellStatusLabel } from './utils.js';
+
+var padApp = COMPLETION_APP_TYPES.padApp,
+    fracWirelineMultiWellApp = COMPLETION_APP_TYPES.fracWirelineMultiWellApp,
+    fracMultiWellApp = COMPLETION_APP_TYPES.fracMultiWellApp,
+    wirelineMultiWellApp = COMPLETION_APP_TYPES.wirelineMultiWellApp,
+    fracSingleWellApp = COMPLETION_APP_TYPES.fracSingleWellApp,
+    wirelineSingleWellApp = COMPLETION_APP_TYPES.wirelineSingleWellApp,
+    pumpdownMultiWellApp = COMPLETION_APP_TYPES.pumpdownMultiWellApp,
+    pumpdownSingleWellApp = COMPLETION_APP_TYPES.pumpdownSingleWellApp;
+var useStyles = makeStyles({
+  selectFormControl: {
+    maxWidth: '320px',
+    padding: '5px 8px',
+    marginLeft: 'auto'
+  },
+  padSelect: {
+    fontSize: '14px',
+    '&:before': {
+      borderBottom: 0
+    },
+    '&:after': {
+      borderBottom: 0
+    }
+  }
+});
+
+var PadModeSelect = function PadModeSelect(props) {
+  var completionAppType = props.completionAppType,
+      padModeSetting = props.padModeSetting,
+      assets = props.assets,
+      onChange = props.onChange;
+  var classes = useStyles();
+  var activeFracAsset = [padApp, fracWirelineMultiWellApp, fracMultiWellApp, fracSingleWellApp].includes(completionAppType) && resolveActiveFracAsset(assets);
+  var activeWirelineAsset = [padApp, fracWirelineMultiWellApp, wirelineMultiWellApp, wirelineSingleWellApp].includes(completionAppType) && resolveActiveWirelineAsset(assets);
+  var activePumpdownAsset = [pumpdownMultiWellApp, pumpdownSingleWellApp].includes(completionAppType) && resolveActivePumpdownAsset(assets);
+  var disabledModes = useMemo(function () {
+    var disabledModes = [];
+    if (!activeFracAsset) disabledModes.push(COMPLETION_MODES.activeFrac);
+    if (!activeWirelineAsset) disabledModes.push(COMPLETION_MODES.activeWireline);
+    if (!activePumpdownAsset) disabledModes.push(COMPLETION_MODES.activePumpdown);
+    return disabledModes;
+  }, [activeFracAsset, activeWirelineAsset, activePumpdownAsset]);
+  var value = padModeSetting.mode === 'custom' ? "custom--".concat(first(padModeSetting.selectedAssets)) : padModeSetting.mode; // NOTE: Get available modes for current app type
+
+  var availableModes = useMemo(function () {
+    return COMPLETION_APPTYPE_MODES_DICT[completionAppType].filter(function (mode) {
+      return !disabledModes.includes(mode);
+    });
+  }, [completionAppType, disabledModes]);
+  var defaultMenuItems = useMemo(function () {
+    return DEFAULT_SUPPORTED_PAD_MODES.filter(function (item) {
+      return availableModes.includes(item.key);
+    });
+  }, [availableModes]);
+  var customMenuItems = useMemo(function () {
+    return assets.reduce(function (result, asset) {
+      var isActiveFracAsset = activeFracAsset && activeFracAsset.id === asset.id;
+      var isActiveWirelineAsset = activeWirelineAsset && activeWirelineAsset.id === asset.id;
+      var isActivePumpdownAsset = activePumpdownAsset && activePumpdownAsset.id === asset.id;
+      return [].concat(_toConsumableArray(result), [{
+        key: "custom--".concat(asset.id),
+        label: "".concat(asset.name).concat(getWellStatusLabel(isActiveFracAsset, isActiveWirelineAsset, isActivePumpdownAsset))
+      }]);
+    }, []);
+  }, [assets, completionAppType]);
+  var menuItems = defaultMenuItems.concat(customMenuItems);
+
+  var handleChange = function handleChange(newValue) {
+    var _newValue$split = newValue.split('--'),
+        _newValue$split2 = _slicedToArray(_newValue$split, 2),
+        mode = _newValue$split2[0],
+        wellId = _newValue$split2[1];
+
+    var newPadModeSetting = {
+      mode: mode
+    };
+
+    if (mode === 'custom') {
+      newPadModeSetting.mode = 'custom';
+      newPadModeSetting.selectedAssets = [parseInt(wellId, 10)];
+    }
+
+    onChange(newPadModeSetting);
+  };
+
+  return /*#__PURE__*/jsx(FormControl, {
+    classes: {
+      root: classes.selectFormControl
+    },
+    children: value && /*#__PURE__*/jsx(Select, {
+      value: value,
+      onChange: function onChange(e) {
+        return handleChange(e.target.value);
+      },
+      inputProps: {
+        name: 'padModeSelect',
+        id: 'pad-mode-select'
+      },
+      className: classes.padSelect,
+      children: menuItems.map(function (item) {
+        return /*#__PURE__*/jsx(MenuItem, {
+          value: item.key,
+          children: item.label
+        }, item.key);
+      })
+    })
+  });
+};
+
+PadModeSelect.propTypes = {
+  padModeSetting: PropTypes.shape({
+    mode: PropTypes.string,
+    selectedAssets: PropTypes.arrayOf(PropTypes.string)
+  }),
+  assets: PropTypes.arrayOf(PropTypes.shape()),
+  completionAppType: PropTypes.string.isRequired,
+  onChange: PropTypes.func.isRequired
+};
+PadModeSelect.defaultProps = {
+  padModeSetting: {},
+  assets: []
+};
+
+export default PadModeSelect;
+//# sourceMappingURL=PadModeSelect.js.map

package/components/PadModeSelect/PadModeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PadModeSelect.js","sources":["../../../src/components/PadModeSelect/PadModeSelect.js"],"sourcesContent":["import { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { first } from 'lodash';\nimport { MenuItem, FormControl, Select, makeStyles } from '@material-ui/core';\n\nimport {\n  DEFAULT_SUPPORTED_PAD_MODES,\n  COMPLETION_APP_TYPES,\n  COMPLETION_APPTYPE_MODES_DICT,\n  COMPLETION_MODES,\n} from '~/constants/completion';\nimport {\n  resolveActiveFracAsset,\n  resolveActiveWirelineAsset,\n  resolveActivePumpdownAsset,\n} from '~/utils/completion';\n\nimport { getWellStatusLabel } from './utils';\n\nconst {\n  padApp,\n  fracWirelineMultiWellApp,\n  fracMultiWellApp,\n  wirelineMultiWellApp,\n  fracSingleWellApp,\n  wirelineSingleWellApp,\n  pumpdownMultiWellApp,\n  pumpdownSingleWellApp,\n} = COMPLETION_APP_TYPES;\n\nconst useStyles = makeStyles({\n  selectFormControl: { maxWidth: '320px', padding: '5px 8px', marginLeft: 'auto' },\n  padSelect: {\n    fontSize: '14px',\n    '&:before': {\n      borderBottom: 0,\n    },\n    '&:after': {\n      borderBottom: 0,\n    },\n  },\n});\n\nconst PadModeSelect = props => {\n  const { completionAppType, padModeSetting, assets, onChange } = props;\n\n  const classes = useStyles();\n\n  const activeFracAsset =\n    [padApp, fracWirelineMultiWellApp, fracMultiWellApp, fracSingleWellApp].includes(\n      completionAppType\n    ) && resolveActiveFracAsset(assets);\n\n  const activeWirelineAsset =\n    [padApp, fracWirelineMultiWellApp, wirelineMultiWellApp, wirelineSingleWellApp].includes(\n      completionAppType\n    ) && resolveActiveWirelineAsset(assets);\n\n  const activePumpdownAsset =\n    [pumpdownMultiWellApp, pumpdownSingleWellApp].includes(completionAppType) &&\n    resolveActivePumpdownAsset(assets);\n\n  const disabledModes = useMemo(() => {\n    const disabledModes = [];\n\n    if (!activeFracAsset) disabledModes.push(COMPLETION_MODES.activeFrac);\n    if (!activeWirelineAsset) disabledModes.push(COMPLETION_MODES.activeWireline);\n    if (!activePumpdownAsset) disabledModes.push(COMPLETION_MODES.activePumpdown);\n\n    return disabledModes;\n  }, [activeFracAsset, activeWirelineAsset, activePumpdownAsset]);\n\n  const value =\n    padModeSetting.mode === 'custom'\n      ? `custom--${first(padModeSetting.selectedAssets)}`\n      : padModeSetting.mode;\n\n  // NOTE: Get available modes for current app type\n  const availableModes = useMemo(() => {\n    return COMPLETION_APPTYPE_MODES_DICT[completionAppType].filter(\n      mode => !disabledModes.includes(mode)\n    );\n  }, [completionAppType, disabledModes]);\n\n  const defaultMenuItems = useMemo(() => {\n    return DEFAULT_SUPPORTED_PAD_MODES.filter(item => availableModes.includes(item.key));\n  }, [availableModes]);\n\n  const customMenuItems = useMemo(() => {\n    return assets.reduce((result, asset) => {\n      const isActiveFracAsset = activeFracAsset && activeFracAsset.id === asset.id;\n      const isActiveWirelineAsset = activeWirelineAsset && activeWirelineAsset.id === asset.id;\n      const isActivePumpdownAsset = activePumpdownAsset && activePumpdownAsset.id === asset.id;\n\n      return [\n        ...result,\n        {\n          key: `custom--${asset.id}`,\n          label: `${asset.name}${getWellStatusLabel(\n            isActiveFracAsset,\n            isActiveWirelineAsset,\n            isActivePumpdownAsset\n          )}`,\n        },\n      ];\n    }, []);\n  }, [assets, completionAppType]);\n\n  const menuItems = defaultMenuItems.concat(customMenuItems);\n\n  const handleChange = newValue => {\n    const [mode, wellId] = newValue.split('--');\n\n    const newPadModeSetting = {\n      mode,\n    };\n\n    if (mode === 'custom') {\n      newPadModeSetting.mode = 'custom';\n      newPadModeSetting.selectedAssets = [parseInt(wellId, 10)];\n    }\n\n    onChange(newPadModeSetting);\n  };\n\n  return (\n    <FormControl classes={{ root: classes.selectFormControl }}>\n      {value && (\n        <Select\n          value={value}\n          onChange={e => handleChange(e.target.value)}\n          inputProps={{\n            name: 'padModeSelect',\n            id: 'pad-mode-select',\n          }}\n          className={classes.padSelect}\n        >\n          {menuItems.map(item => (\n            <MenuItem value={item.key} key={item.key}>\n              {item.label}\n            </MenuItem>\n          ))}\n        </Select>\n      )}\n    </FormControl>\n  );\n};\n\nPadModeSelect.propTypes = {\n  padModeSetting: PropTypes.shape({\n    mode: PropTypes.string,\n    selectedAssets: PropTypes.arrayOf(PropTypes.string),\n  }),\n  assets: PropTypes.arrayOf(PropTypes.shape()),\n  completionAppType: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n};\n\nPadModeSelect.defaultProps = {\n  padModeSetting: {},\n  assets: [],\n};\n\nexport default PadModeSelect;\n"],"names":["padApp","COMPLETION_APP_TYPES","fracWirelineMultiWellApp","fracMultiWellApp","wirelineMultiWellApp","fracSingleWellApp","wirelineSingleWellApp","pumpdownMultiWellApp","pumpdownSingleWellApp","useStyles","makeStyles","selectFormControl","maxWidth","padding","marginLeft","padSelect","fontSize","borderBottom","PadModeSelect","props","completionAppType","padModeSetting","assets","onChange","classes","activeFracAsset","includes","resolveActiveFracAsset","activeWirelineAsset","resolveActiveWirelineAsset","activePumpdownAsset","resolveActivePumpdownAsset","disabledModes","useMemo","push","COMPLETION_MODES","activeFrac","activeWireline","activePumpdown","value","mode","first","selectedAssets","availableModes","COMPLETION_APPTYPE_MODES_DICT","filter","defaultMenuItems","DEFAULT_SUPPORTED_PAD_MODES","item","key","customMenuItems","reduce","result","asset","isActiveFracAsset","id","isActiveWirelineAsset","isActivePumpdownAsset","label","name","getWellStatusLabel","menuItems","concat","handleChange","newValue","split","wellId","newPadModeSetting","parseInt","_jsx","root","e","target","map","propTypes","PropTypes","shape","string","arrayOf","isRequired","func","defaultProps"],"mappings":";;;;;;;;;;;IAqBEA,SAQEC,qBARFD;IACAE,2BAOED,qBAPFC;IACAC,mBAMEF,qBANFE;IACAC,uBAKEH,qBALFG;IACAC,oBAIEJ,qBAJFI;IACAC,wBAGEL,qBAHFK;IACAC,uBAEEN,qBAFFM;IACAC,wBACEP,qBADFO;AAGF,IAAMC,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,iBAAiB,EAAE;AAAEC,IAAAA,QAAQ,EAAE,OAAZ;AAAqBC,IAAAA,OAAO,EAAE,SAA9B;AAAyCC,IAAAA,UAAU,EAAE;AAArD,GADQ;AAE3BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,QAAQ,EAAE,MADD;AAET,gBAAY;AACVC,MAAAA,YAAY,EAAE;AADJ,KAFH;AAKT,eAAW;AACTA,MAAAA,YAAY,EAAE;AADL;AALF;AAFgB,CAAD,CAA5B;;IAaMC,aAAa,GAAG,SAAhBA,aAAgB,CAAAC,KAAK,EAAI;AAAA,MACrBC,iBADqB,GACmCD,KADnC,CACrBC,iBADqB;AAAA,MACFC,cADE,GACmCF,KADnC,CACFE,cADE;AAAA,MACcC,MADd,GACmCH,KADnC,CACcG,MADd;AAAA,MACsBC,QADtB,GACmCJ,KADnC,CACsBI,QADtB;AAG7B,MAAMC,OAAO,GAAGf,SAAS,EAAzB;AAEA,MAAMgB,eAAe,GACnB,CAACzB,MAAD,EAASE,wBAAT,EAAmCC,gBAAnC,EAAqDE,iBAArD,EAAwEqB,QAAxE,CACEN,iBADF,KAEKO,sBAAsB,CAACL,MAAD,CAH7B;AAKA,MAAMM,mBAAmB,GACvB,CAAC5B,MAAD,EAASE,wBAAT,EAAmCE,oBAAnC,EAAyDE,qBAAzD,EAAgFoB,QAAhF,CACEN,iBADF,KAEKS,0BAA0B,CAACP,MAAD,CAHjC;AAKA,MAAMQ,mBAAmB,GACvB,CAACvB,oBAAD,EAAuBC,qBAAvB,EAA8CkB,QAA9C,CAAuDN,iBAAvD,KACAW,0BAA0B,CAACT,MAAD,CAF5B;AAIA,MAAMU,aAAa,GAAGC,OAAO,CAAC,YAAM;AAClC,QAAMD,aAAa,GAAG,EAAtB;AAEA,QAAI,CAACP,eAAL,EAAsBO,aAAa,CAACE,IAAd,CAAmBC,gBAAgB,CAACC,UAApC;AACtB,QAAI,CAACR,mBAAL,EAA0BI,aAAa,CAACE,IAAd,CAAmBC,gBAAgB,CAACE,cAApC;AAC1B,QAAI,CAACP,mBAAL,EAA0BE,aAAa,CAACE,IAAd,CAAmBC,gBAAgB,CAACG,cAApC;AAE1B,WAAON,aAAP;AACD,GAR4B,EAQ1B,CAACP,eAAD,EAAkBG,mBAAlB,EAAuCE,mBAAvC,CAR0B,CAA7B;AAUA,MAAMS,KAAK,GACTlB,cAAc,CAACmB,IAAf,KAAwB,QAAxB,qBACeC,KAAK,CAACpB,cAAc,CAACqB,cAAhB,CADpB,IAEIrB,cAAc,CAACmB,IAHrB,CA7B6B;;AAmC7B,MAAMG,cAAc,GAAGV,OAAO,CAAC,YAAM;AACnC,WAAOW,6BAA6B,CAACxB,iBAAD,CAA7B,CAAiDyB,MAAjD,CACL,UAAAL,IAAI;AAAA,aAAI,CAACR,aAAa,CAACN,QAAd,CAAuBc,IAAvB,CAAL;AAAA,KADC,CAAP;AAGD,GAJ6B,EAI3B,CAACpB,iBAAD,EAAoBY,aAApB,CAJ2B,CAA9B;AAMA,MAAMc,gBAAgB,GAAGb,OAAO,CAAC,YAAM;AACrC,WAAOc,2BAA2B,CAACF,MAA5B,CAAmC,UAAAG,IAAI;AAAA,aAAIL,cAAc,CAACjB,QAAf,CAAwBsB,IAAI,CAACC,GAA7B,CAAJ;AAAA,KAAvC,CAAP;AACD,GAF+B,EAE7B,CAACN,cAAD,CAF6B,CAAhC;AAIA,MAAMO,eAAe,GAAGjB,OAAO,CAAC,YAAM;AACpC,WAAOX,MAAM,CAAC6B,MAAP,CAAc,UAACC,MAAD,EAASC,KAAT,EAAmB;AACtC,UAAMC,iBAAiB,GAAG7B,eAAe,IAAIA,eAAe,CAAC8B,EAAhB,KAAuBF,KAAK,CAACE,EAA1E;AACA,UAAMC,qBAAqB,GAAG5B,mBAAmB,IAAIA,mBAAmB,CAAC2B,EAApB,KAA2BF,KAAK,CAACE,EAAtF;AACA,UAAME,qBAAqB,GAAG3B,mBAAmB,IAAIA,mBAAmB,CAACyB,EAApB,KAA2BF,KAAK,CAACE,EAAtF;AAEA,0CACKH,MADL,IAEE;AACEH,QAAAA,GAAG,oBAAaI,KAAK,CAACE,EAAnB,CADL;AAEEG,QAAAA,KAAK,YAAKL,KAAK,CAACM,IAAX,SAAkBC,kBAAkB,CACvCN,iBADuC,EAEvCE,qBAFuC,EAGvCC,qBAHuC,CAApC;AAFP,OAFF;AAWD,KAhBM,EAgBJ,EAhBI,CAAP;AAiBD,GAlB8B,EAkB5B,CAACnC,MAAD,EAASF,iBAAT,CAlB4B,CAA/B;AAoBA,MAAMyC,SAAS,GAAGf,gBAAgB,CAACgB,MAAjB,CAAwBZ,eAAxB,CAAlB;;AAEA,MAAMa,YAAY,GAAG,SAAfA,YAAe,CAAAC,QAAQ,EAAI;AAAA,0BACRA,QAAQ,CAACC,KAAT,CAAe,IAAf,CADQ;AAAA;AAAA,QACxBzB,IADwB;AAAA,QAClB0B,MADkB;;AAG/B,QAAMC,iBAAiB,GAAG;AACxB3B,MAAAA,IAAI,EAAJA;AADwB,KAA1B;;AAIA,QAAIA,IAAI,KAAK,QAAb,EAAuB;AACrB2B,MAAAA,iBAAiB,CAAC3B,IAAlB,GAAyB,QAAzB;AACA2B,MAAAA,iBAAiB,CAACzB,cAAlB,GAAmC,CAAC0B,QAAQ,CAACF,MAAD,EAAS,EAAT,CAAT,CAAnC;AACD;;AAED3C,IAAAA,QAAQ,CAAC4C,iBAAD,CAAR;AACD,GAbD;;AAeA,sBACEE,IAAC,WAAD;AAAa,IAAA,OAAO,EAAE;AAAEC,MAAAA,IAAI,EAAE9C,OAAO,CAACb;AAAhB,KAAtB;AAAA,cACG4B,KAAK,iBACJ8B,IAAC,MAAD;AACE,MAAA,KAAK,EAAE9B,KADT;AAEE,MAAA,QAAQ,EAAE,kBAAAgC,CAAC;AAAA,eAAIR,YAAY,CAACQ,CAAC,CAACC,MAAF,CAASjC,KAAV,CAAhB;AAAA,OAFb;AAGE,MAAA,UAAU,EAAE;AACVoB,QAAAA,IAAI,EAAE,eADI;AAEVJ,QAAAA,EAAE,EAAE;AAFM,OAHd;AAOE,MAAA,SAAS,EAAE/B,OAAO,CAACT,SAPrB;AAAA,gBASG8C,SAAS,CAACY,GAAV,CAAc,UAAAzB,IAAI;AAAA,4BACjBqB,IAAC,QAAD;AAAU,UAAA,KAAK,EAAErB,IAAI,CAACC,GAAtB;AAAA,oBACGD,IAAI,CAACU;AADR,WAAgCV,IAAI,CAACC,GAArC,CADiB;AAAA,OAAlB;AATH;AAFJ,IADF;AAqBD;;AAED/B,aAAa,CAACwD,SAAd,GAA0B;AACxBrD,EAAAA,cAAc,EAAEsD,SAAS,CAACC,KAAV,CAAgB;AAC9BpC,IAAAA,IAAI,EAAEmC,SAAS,CAACE,MADc;AAE9BnC,IAAAA,cAAc,EAAEiC,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACE,MAA5B;AAFc,GAAhB,CADQ;AAKxBvD,EAAAA,MAAM,EAAEqD,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACC,KAAV,EAAlB,CALgB;AAMxBxD,EAAAA,iBAAiB,EAAEuD,SAAS,CAACE,MAAV,CAAiBE,UANZ;AAOxBxD,EAAAA,QAAQ,EAAEoD,SAAS,CAACK,IAAV,CAAeD;AAPD,CAA1B;AAUA7D,aAAa,CAAC+D,YAAd,GAA6B;AAC3B5D,EAAAA,cAAc,EAAE,EADW;AAE3BC,EAAAA,MAAM,EAAE;AAFmB,CAA7B;;;;"}

package/components/PadModeSelect/utils.js

@@ -1 +1,10 @@
-var c=function(c,t,e){return c&&t?" (Active Frac & WL)":c?" (Active Frac)":t?" (Active WL)":e?" (Active Pumpdown)":""};export{c as getWellStatusLabel};
+var getWellStatusLabel = function getWellStatusLabel(isActiveFracAsset, isActiveWirelineAsset, isActivePumpdownAsset) {
+  if (isActiveFracAsset && isActiveWirelineAsset) return ' (Active Frac & WL)';
+  if (isActiveFracAsset) return ' (Active Frac)';
+  if (isActiveWirelineAsset) return ' (Active WL)';
+  if (isActivePumpdownAsset) return ' (Active Pumpdown)';
+  return '';
+};
+
+export { getWellStatusLabel };
+//# sourceMappingURL=utils.js.map

package/components/PadModeSelect/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/PadModeSelect/utils.js"],"sourcesContent":["export const getWellStatusLabel = (isActiveFracAsset, isActiveWirelineAsset, isActivePumpdownAsset) => {\n  if (isActiveFracAsset && isActiveWirelineAsset) return ' (Active Frac & WL)';\n  if (isActiveFracAsset) return ' (Active Frac)';\n  if (isActiveWirelineAsset) return ' (Active WL)';\n  if (isActivePumpdownAsset) return ' (Active Pumpdown)';\n\n  return '';\n};\n"],"names":["getWellStatusLabel","isActiveFracAsset","isActiveWirelineAsset","isActivePumpdownAsset"],"mappings":"IAAaA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,iBAAD,EAAoBC,qBAApB,EAA2CC,qBAA3C,EAAqE;AACrG,MAAIF,iBAAiB,IAAIC,qBAAzB,EAAgD,OAAO,qBAAP;AAChD,MAAID,iBAAJ,EAAuB,OAAO,gBAAP;AACvB,MAAIC,qBAAJ,EAA2B,OAAO,cAAP;AAC3B,MAAIC,qBAAJ,EAA2B,OAAO,oBAAP;AAE3B,SAAO,EAAP;AACD;;;;"}

package/components/PadOffsetsPicker/OffsetAssetChip.js

@@ -1 +1,60 @@
-import{string as e,func as l,bool as i}from"prop-types";import{makeStyles as t,Tooltip as o,Chip as r}from"@material-ui/core";import{Clear as a}from"@material-ui/icons";import{jsx as n}from"react/jsx-runtime";var c=t({chipRoot:{height:"20px",margin:"4px"},chipDeleteIcon:{fontSize:"14px"}}),d=function(e){var l=e.children,i=e.handleDelete,t=e.handleClick,d=e.disabled,p=e.tooltipText,s=c();return n(o,{title:p,disableFocusListener:d,disableHoverListener:d,disableTouchListener:d,children:n(r,{"data-not-migrated-MuiChip":!0,color:"primary",label:l,size:"small",classes:{root:s.chipRoot,deleteIcon:s.chipDeleteIcon},deleteIcon:n(a,{}),onDelete:i,onClick:t,clickable:!d})})};d.propTypes={children:e.isRequired,handleDelete:l,handleClick:l,disabled:i,tooltipText:e},d.defaultProps={handleDelete:null,handleClick:null,disabled:!1,tooltipText:""};export{d as default};
+import { jsx } from 'react/jsx-runtime';
+import { makeStyles, Tooltip, Chip } from '@material-ui/core';
+import { string, func, bool } from 'prop-types';
+import { Clear } from '@material-ui/icons';
+
+var useStyles = makeStyles({
+  chipRoot: {
+    height: '20px',
+    margin: '4px'
+  },
+  chipDeleteIcon: {
+    fontSize: '14px'
+  }
+});
+
+var OffsetAssetChip = function OffsetAssetChip(_ref) {
+  var children = _ref.children,
+      handleDelete = _ref.handleDelete,
+      handleClick = _ref.handleClick,
+      disabled = _ref.disabled,
+      tooltipText = _ref.tooltipText;
+  var classes = useStyles();
+  return /*#__PURE__*/jsx(Tooltip, {
+    title: tooltipText,
+    disableFocusListener: disabled,
+    disableHoverListener: disabled,
+    disableTouchListener: disabled,
+    children: /*#__PURE__*/jsx(Chip, {
+      "data-not-migrated-MuiChip": true,
+      color: "primary",
+      label: children,
+      size: "small",
+      classes: {
+        root: classes.chipRoot,
+        deleteIcon: classes.chipDeleteIcon
+      },
+      deleteIcon: /*#__PURE__*/jsx(Clear, {}),
+      onDelete: handleDelete,
+      onClick: handleClick,
+      clickable: !disabled
+    })
+  });
+};
+
+OffsetAssetChip.propTypes = {
+  children: string.isRequired,
+  handleDelete: func,
+  handleClick: func,
+  disabled: bool,
+  tooltipText: string
+};
+OffsetAssetChip.defaultProps = {
+  handleDelete: null,
+  handleClick: null,
+  disabled: false,
+  tooltipText: ''
+};
+
+export default OffsetAssetChip;
+//# sourceMappingURL=OffsetAssetChip.js.map

package/components/PadOffsetsPicker/OffsetAssetChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OffsetAssetChip.js","sources":["../../../src/components/PadOffsetsPicker/OffsetAssetChip.js"],"sourcesContent":["import { bool, func, string } from 'prop-types';\n\nimport { Chip, Tooltip, makeStyles } from '@material-ui/core';\nimport { Clear } from '@material-ui/icons';\n\nconst useStyles = makeStyles({\n  chipRoot: {\n    height: '20px',\n    margin: '4px',\n  },\n  chipDeleteIcon: {\n    fontSize: '14px',\n  },\n});\n\nconst OffsetAssetChip = ({ children, handleDelete, handleClick, disabled, tooltipText }) => {\n  const classes = useStyles();\n\n  return (\n    <Tooltip\n      title={tooltipText}\n      disableFocusListener={disabled}\n      disableHoverListener={disabled}\n      disableTouchListener={disabled}\n    >\n      <Chip\n        data-not-migrated-MuiChip\n        color=\"primary\"\n        label={children}\n        size=\"small\"\n        classes={{ root: classes.chipRoot, deleteIcon: classes.chipDeleteIcon }}\n        deleteIcon={<Clear />}\n        onDelete={handleDelete}\n        onClick={handleClick}\n        clickable={!disabled}\n      />\n    </Tooltip>\n  );\n};\n\nOffsetAssetChip.propTypes = {\n  children: string.isRequired,\n  handleDelete: func,\n  handleClick: func,\n  disabled: bool,\n  tooltipText: string,\n};\n\nOffsetAssetChip.defaultProps = {\n  handleDelete: null,\n  handleClick: null,\n  disabled: false,\n  tooltipText: '',\n};\n\nexport default OffsetAssetChip;\n"],"names":["useStyles","makeStyles","chipRoot","height","margin","chipDeleteIcon","fontSize","OffsetAssetChip","children","handleDelete","handleClick","disabled","tooltipText","classes","_jsx","root","deleteIcon","propTypes","string","isRequired","func","bool","defaultProps"],"mappings":";;;;;AAKA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,MAAM,EAAE,MADA;AAERC,IAAAA,MAAM,EAAE;AAFA,GADiB;AAK3BC,EAAAA,cAAc,EAAE;AACdC,IAAAA,QAAQ,EAAE;AADI;AALW,CAAD,CAA5B;;IAUMC,eAAe,GAAG,SAAlBA,eAAkB,OAAoE;AAAA,MAAjEC,QAAiE,QAAjEA,QAAiE;AAAA,MAAvDC,YAAuD,QAAvDA,YAAuD;AAAA,MAAzCC,WAAyC,QAAzCA,WAAyC;AAAA,MAA5BC,QAA4B,QAA5BA,QAA4B;AAAA,MAAlBC,WAAkB,QAAlBA,WAAkB;AAC1F,MAAMC,OAAO,GAAGb,SAAS,EAAzB;AAEA,sBACEc,IAAC,OAAD;AACE,IAAA,KAAK,EAAEF,WADT;AAEE,IAAA,oBAAoB,EAAED,QAFxB;AAGE,IAAA,oBAAoB,EAAEA,QAHxB;AAIE,IAAA,oBAAoB,EAAEA,QAJxB;AAAA,2BAMEG,IAAC,IAAD;AACE,uCADF;AAEE,MAAA,KAAK,EAAC,SAFR;AAGE,MAAA,KAAK,EAAEN,QAHT;AAIE,MAAA,IAAI,EAAC,OAJP;AAKE,MAAA,OAAO,EAAE;AAAEO,QAAAA,IAAI,EAAEF,OAAO,CAACX,QAAhB;AAA0Bc,QAAAA,UAAU,EAAEH,OAAO,CAACR;AAA9C,OALX;AAME,MAAA,UAAU,eAAES,IAAC,KAAD,KANd;AAOE,MAAA,QAAQ,EAAEL,YAPZ;AAQE,MAAA,OAAO,EAAEC,WARX;AASE,MAAA,SAAS,EAAE,CAACC;AATd;AANF,IADF;AAoBD;;AAEDJ,eAAe,CAACU,SAAhB,GAA4B;AAC1BT,EAAAA,QAAQ,EAAEU,MAAM,CAACC,UADS;AAE1BV,EAAAA,YAAY,EAAEW,IAFY;AAG1BV,EAAAA,WAAW,EAAEU,IAHa;AAI1BT,EAAAA,QAAQ,EAAEU,IAJgB;AAK1BT,EAAAA,WAAW,EAAEM;AALa,CAA5B;AAQAX,eAAe,CAACe,YAAhB,GAA+B;AAC7Bb,EAAAA,YAAY,EAAE,IADe;AAE7BC,EAAAA,WAAW,EAAE,IAFgB;AAG7BC,EAAAA,QAAQ,EAAE,KAHmB;AAI7BC,EAAAA,WAAW,EAAE;AAJgB,CAA/B;;;;"}

package/components/PadOffsetsPicker/OffsetAssetsListExpander.js

@@ -1 +1,25 @@
-import{number as e,bool as i,func as r}from"prop-types";import{Button as o}from"@material-ui/core";import{ArrowDropUp as t,ArrowDropDown as s}from"@material-ui/icons";import{jsxs as a,jsx as l}from"react/jsx-runtime";var d=function(e){var i=e.offsetCount,r=e.handleClick,d=e.isExpanded;return a(o,{onClick:r,size:"small",disabled:0===i,children:["Offset Wells (",i,")",l(d?t:s,{})]})};d.propTypes={offsetCount:e.isRequired,isExpanded:i.isRequired,handleClick:r.isRequired};export{d as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button } from '@material-ui/core';
+import { number, bool, func } from 'prop-types';
+import { ArrowDropUp, ArrowDropDown } from '@material-ui/icons';
+
+var OffsetAssetsListExpander = function OffsetAssetsListExpander(_ref) {
+  var offsetCount = _ref.offsetCount,
+      handleClick = _ref.handleClick,
+      isExpanded = _ref.isExpanded;
+  return /*#__PURE__*/jsxs(Button, {
+    onClick: handleClick,
+    size: "small",
+    disabled: offsetCount === 0,
+    children: ["Offset Wells (", offsetCount, ")", isExpanded ? /*#__PURE__*/jsx(ArrowDropUp, {}) : /*#__PURE__*/jsx(ArrowDropDown, {})]
+  });
+};
+
+OffsetAssetsListExpander.propTypes = {
+  offsetCount: number.isRequired,
+  isExpanded: bool.isRequired,
+  handleClick: func.isRequired
+};
+
+export default OffsetAssetsListExpander;
+//# sourceMappingURL=OffsetAssetsListExpander.js.map

package/components/PadOffsetsPicker/OffsetAssetsListExpander.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OffsetAssetsListExpander.js","sources":["../../../src/components/PadOffsetsPicker/OffsetAssetsListExpander.js"],"sourcesContent":["import { bool, func, number } from 'prop-types';\n\nimport { Button } from '@material-ui/core';\nimport { ArrowDropDown, ArrowDropUp } from '@material-ui/icons';\n\nconst OffsetAssetsListExpander = ({ offsetCount, handleClick, isExpanded }) => {\n  return (\n    <Button onClick={handleClick} size=\"small\" disabled={offsetCount === 0}>\n      Offset Wells ({offsetCount}){isExpanded ? <ArrowDropUp /> : <ArrowDropDown />}\n    </Button>\n  );\n};\n\nOffsetAssetsListExpander.propTypes = {\n  offsetCount: number.isRequired,\n  isExpanded: bool.isRequired,\n  handleClick: func.isRequired,\n};\n\nexport default OffsetAssetsListExpander;\n"],"names":["OffsetAssetsListExpander","offsetCount","handleClick","isExpanded","_jsxs","_jsx","propTypes","number","isRequired","bool","func"],"mappings":";;;;;IAKMA,wBAAwB,GAAG,SAA3BA,wBAA2B,OAA8C;AAAA,MAA3CC,WAA2C,QAA3CA,WAA2C;AAAA,MAA9BC,WAA8B,QAA9BA,WAA8B;AAAA,MAAjBC,UAAiB,QAAjBA,UAAiB;AAC7E,sBACEC,KAAC,MAAD;AAAQ,IAAA,OAAO,EAAEF,WAAjB;AAA8B,IAAA,IAAI,EAAC,OAAnC;AAA2C,IAAA,QAAQ,EAAED,WAAW,KAAK,CAArE;AAAA,iCACiBA,WADjB,OAC+BE,UAAU,gBAAGE,IAAC,WAAD,KAAH,gBAAqBA,IAAC,aAAD,KAD9D;AAAA,IADF;AAKD;;AAEDL,wBAAwB,CAACM,SAAzB,GAAqC;AACnCL,EAAAA,WAAW,EAAEM,MAAM,CAACC,UADe;AAEnCL,EAAAA,UAAU,EAAEM,IAAI,CAACD,UAFkB;AAGnCN,EAAAA,WAAW,EAAEQ,IAAI,CAACF;AAHiB,CAArC;;;;"}