@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/PadModeSelect/PadModeSelect.js

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

package/components/PadModeSelect/utils.js

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

package/components/PadOffsetsPicker/OffsetAssetChip.js

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

package/components/PadOffsetsPicker/OffsetAssetsListExpander.js

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

package/components/PadOffsetsPicker/PadOffsetsPicker.js

@@ -1,417 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { isEmpty, get } from 'lodash';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import Jsona from 'jsona';
-import { getPads } from '../../clients/jsonApi/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles, Fab, Dialog, DialogTitle, DialogContent, FormControl, InputLabel, Select, MenuItem, Checkbox, ListItemText, DialogActions, Button } from '@material-ui/core';
-import { useMemo, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { Add } from '@material-ui/icons';
-import useTinyStateMachine from 'use-tiny-state-machine';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var dataFormatter = new Jsona();
-var useStyles = makeStyles({
-  fabSmallBtn: {
-    width: 24,
-    height: 24,
-    minHeight: 24,
-    margin: '0 6px 0 1px'
-  },
-  fabSmallBtnIcon: {
-    width: 20,
-    height: 20
-  },
-  dialogPaper: {
-    width: '75%',
-    maxWidth: 420
-  }
-});
-
-function fetchPadsAction(_ref) {
-  var dispatch = _ref.dispatch,
-      context = _ref.context;
-  getPads({
-    fields: ['pad.name', 'pad.wells'],
-    sort: 'name',
-    per_page: 1000,
-    company: context.companyId
-  }).then(function (result) {
-    return dataFormatter.deserialize(result);
-  }).then(function (result) {
-    return result.filter(function (pad) {
-      return !isEmpty(get(pad, 'wells'));
-    });
-  }).then(function (filteredPads) {
-    return dispatch('PADS_REQUEST_SUCCESS', filteredPads);
-  }).catch(function (error) {
-    return dispatch('FAILURE', error);
-  });
-}
-
-function getWellsAction(_ref2, selectedPadsData) {
-  var dispatch = _ref2.dispatch;
-  var wellsData = selectedPadsData.reduce(function (result, padData) {
-    return result.concat(padData.wells);
-  }, []);
-  dispatch('WELLS_REQUEST_SUCCESS', wellsData);
-}
-
-var assetStateChart = {
-  id: 'requests',
-  initial: 'idle',
-  context: {
-    padsData: [],
-    wellsData: [],
-    lastStage: [],
-    error: null,
-    companyId: 0
-  },
-  states: {
-    idle: {
-      on: {
-        FETCH_PADS: {
-          target: 'pending',
-          action: fetchPadsAction
-        }
-      }
-    },
-    pending: {
-      on: {
-        PADS_REQUEST_SUCCESS: {
-          target: 'success',
-          beforeStateChange: function beforeStateChange(_ref3, padsData) {
-            var updateContext = _ref3.updateContext;
-            return updateContext(function (currentContext) {
-              return _objectSpread(_objectSpread({}, currentContext), {}, {
-                padsData: padsData
-              });
-            });
-          }
-        },
-        FAILURE: {
-          target: 'failure',
-          beforeStateChange: function beforeStateChange(_, error) {
-            throw new Error(error.message);
-          }
-        }
-      }
-    },
-    success: {
-      on: {
-        FETCH_WELLS: {
-          target: 'success',
-          action: getWellsAction
-        },
-        WELLS_REQUEST_SUCCESS: {
-          target: 'success',
-          beforeStateChange: function beforeStateChange(_ref4, wellsData) {
-            var updateContext = _ref4.updateContext;
-            return updateContext(function (currentContext) {
-              return _objectSpread(_objectSpread({}, currentContext), {}, {
-                wellsData: wellsData
-              });
-            });
-          }
-        }
-      }
-    }
-  }
-};
-var dialogStateChart = {
-  id: 'dialog',
-  initial: 'closed',
-  context: {
-    selectedPadIds: [],
-    selectedWellIds: []
-  },
-  states: {
-    closed: {
-      on: {
-        OPEN_DIALOG: {
-          target: 'open',
-          beforeStateChange: function beforeStateChange(_ref5, _ref6) {
-            var updateContext = _ref5.updateContext;
-            var currentWellIds = _ref6.currentWellIds,
-                padsData = _ref6.padsData;
-            var currentPadIds = [];
-
-            if (!isEmpty(currentWellIds)) {
-              padsData.forEach(function (pad) {
-                pad.wells.forEach(function (well) {
-                  if (currentWellIds.includes(well.asset_id) && !currentPadIds.includes(pad.id)) {
-                    currentPadIds.push(pad.id);
-                  }
-                });
-              });
-            }
-
-            return updateContext(function (currentContext) {
-              return _objectSpread(_objectSpread({}, currentContext), {}, {
-                selectedPadIds: [].concat(currentPadIds),
-                selectedWellIds: _toConsumableArray(currentWellIds)
-              });
-            });
-          }
-        }
-      }
-    },
-    open: {
-      on: {
-        CLOSE_DIALOG: {
-          target: 'closed',
-          beforeStateChange: function beforeStateChange(_ref7) {
-            var updateContext = _ref7.updateContext;
-            return updateContext(function (currentContext) {
-              return _objectSpread(_objectSpread({}, currentContext), {}, {
-                selectedPadIds: [],
-                selectedWellIds: []
-              });
-            });
-          }
-        },
-        SET_PAD_ID: {
-          target: 'open',
-          beforeStateChange: function beforeStateChange(_ref8, _ref9) {
-            var updateContext = _ref8.updateContext;
-            var selectedPadIds = _ref9.selectedPadIds,
-                currentWellIds = _ref9.currentWellIds,
-                padsData = _ref9.padsData;
-            var currentWells = [];
-
-            if (!isEmpty(currentWellIds)) {
-              padsData.forEach(function (pad) {
-                pad.wells.forEach(function (well) {
-                  if (selectedPadIds.includes(pad.id) && currentWellIds.includes(well.asset_id)) {
-                    currentWells.push(well.asset_id);
-                  }
-                });
-              });
-            }
-
-            return updateContext(function (currentContext) {
-              return _objectSpread(_objectSpread({}, currentContext), {}, {
-                selectedPadIds: selectedPadIds,
-                selectedWellIds: [].concat(currentWells)
-              });
-            });
-          }
-        },
-        SET_WELL_ID: {
-          target: 'open',
-          beforeStateChange: function beforeStateChange(_ref10, selectedWellIds) {
-            var updateContext = _ref10.updateContext;
-            return updateContext(function (currentContext) {
-              return _objectSpread(_objectSpread({}, currentContext), {}, {
-                selectedWellIds: selectedWellIds
-              });
-            });
-          }
-        }
-      }
-    }
-  }
-};
-
-var PadOffsetsPicker = function PadOffsetsPicker(_ref11) {
-  var onSave = _ref11.onSave,
-      currentOffsetSetting = _ref11.currentOffsetSetting,
-      assets = _ref11.assets,
-      companyId = _ref11.companyId;
-  var classes = useStyles();
-
-  var _useTinyStateMachine = useTinyStateMachine(assetStateChart),
-      requestState = _useTinyStateMachine.state,
-      requestDispatch = _useTinyStateMachine.dispatch,
-      requestContext = _useTinyStateMachine.context;
-
-  var _useTinyStateMachine2 = useTinyStateMachine(dialogStateChart),
-      dialogState = _useTinyStateMachine2.state,
-      dialogDispatch = _useTinyStateMachine2.dispatch,
-      dialogContext = _useTinyStateMachine2.context;
-
-  var currentOffsetIds = useMemo(function () {
-    return isEmpty(currentOffsetSetting) && !isEmpty(assets) ? assets.map(function (asset) {
-      return asset.asset_id;
-    }) : currentOffsetSetting.map(function (offset) {
-      return offset.selectedWellId;
-    });
-  }, [currentOffsetSetting, assets]);
-
-  var handlePadSelect = function handlePadSelect(event) {
-    return dialogDispatch('SET_PAD_ID', {
-      selectedPadIds: event.target.value,
-      currentWellIds: currentOffsetIds,
-      padsData: requestContext.padsData
-    });
-  };
-
-  var handleWellSelect = function handleWellSelect(event) {
-    return dialogDispatch('SET_WELL_ID', event.target.value);
-  };
-
-  var closeDialog = function closeDialog() {
-    return dialogDispatch('CLOSE_DIALOG');
-  };
-
-  var selectedPadIds = dialogContext.selectedPadIds,
-      selectedWellIds = dialogContext.selectedWellIds;
-
-  var openDialog = function openDialog() {
-    return dialogDispatch('OPEN_DIALOG', {
-      currentWellIds: currentOffsetIds,
-      padsData: requestContext.padsData
-    });
-  };
-
-  var handleSave = function handleSave() {
-    var selectedWells = requestContext.wellsData.filter(function (well) {
-      return selectedWellIds.includes(well.asset_id);
-    });
-    var newOffsets = selectedWells.map(function (well) {
-      var preSelectedWell = currentOffsetSetting.find(function (setting) {
-        return setting.selectedWellId === Number(well.asset_id);
-      });
-      if (preSelectedWell) return preSelectedWell;
-      return {
-        selectedWellId: Number(well.asset_id),
-        selectedWellName: well.name,
-        selectedWellStatus: well.status,
-        selectedStages: [],
-        stages: {}
-      };
-    });
-    closeDialog();
-    onSave(newOffsets);
-  };
-
-  useEffect(function () {
-    requestContext.companyId = companyId;
-    requestDispatch('FETCH_PADS');
-  }, []); // eslint-disable-line
-
-  useEffect(function () {
-    if (!isEmpty(selectedPadIds)) {
-      var selectedPadsData = requestContext.padsData.filter(function (pad) {
-        return selectedPadIds.includes(pad.id);
-      });
-      requestDispatch('FETCH_WELLS', selectedPadsData);
-    }
-  }, [selectedPadIds]); // eslint-disable-line
-
-  var assetIds = new Set(assets.map(function (asset) {
-    return Number(asset.asset_id);
-  }));
-  return /*#__PURE__*/jsxs("div", {
-    children: [/*#__PURE__*/jsx(Fab, {
-      size: "small",
-      color: "primary",
-      classes: {
-        sizeSmall: classes.fabSmallBtn
-      },
-      onClick: openDialog,
-      disabled: requestState !== 'success',
-      children: /*#__PURE__*/jsx(Add, {
-        className: classes.fabSmallBtnIcon
-      })
-    }), requestState === 'success' && /*#__PURE__*/jsxs(Dialog, {
-      open: dialogState === 'open',
-      onBackdropClick: closeDialog,
-      classes: {
-        paper: classes.dialogPaper
-      },
-      children: [/*#__PURE__*/jsx(DialogTitle, {
-        children: "Offset Wells"
-      }), /*#__PURE__*/jsxs(DialogContent, {
-        children: [/*#__PURE__*/jsxs(FormControl, {
-          margin: "normal",
-          fullWidth: true,
-          required: true,
-          children: [/*#__PURE__*/jsx(InputLabel, {
-            htmlFor: "pad-select",
-            shrink: !isEmpty(selectedPadIds),
-            children: "Pad"
-          }), /*#__PURE__*/jsx(Select, {
-            multiple: true,
-            inputProps: {
-              name: 'pads',
-              id: 'pad-select'
-            },
-            value: selectedPadIds,
-            onChange: handlePadSelect,
-            renderValue: function renderValue(selected) {
-              return "".concat(selected.length, " selected");
-            },
-            children: requestContext.padsData.map(function (pad) {
-              return /*#__PURE__*/jsxs(MenuItem, {
-                value: pad.id,
-                children: [/*#__PURE__*/jsx(Checkbox, {
-                  checked: selectedPadIds.includes(pad.id)
-                }), /*#__PURE__*/jsx(ListItemText, {
-                  primary: pad.name
-                })]
-              }, pad.id);
-            })
-          })]
-        }), /*#__PURE__*/jsxs(FormControl, {
-          margin: "normal",
-          disabled: isEmpty(selectedPadIds),
-          fullWidth: true,
-          required: true,
-          children: [/*#__PURE__*/jsx(InputLabel, {
-            htmlFor: "wells",
-            shrink: !isEmpty(selectedWellIds),
-            children: "Well"
-          }), /*#__PURE__*/jsx(Select, {
-            multiple: true,
-            inputProps: {
-              name: 'wells',
-              id: 'well-select'
-            },
-            value: selectedWellIds,
-            onChange: handleWellSelect,
-            renderValue: function renderValue(selected) {
-              return "".concat(selected.length, " selected");
-            },
-            children: requestContext.wellsData.map(function (well) {
-              var isMenuItemDisabled = assetIds.has(well.asset_id);
-              return /*#__PURE__*/jsxs(MenuItem, {
-                value: well.asset_id,
-                disabled: isMenuItemDisabled,
-                children: [/*#__PURE__*/jsx(Checkbox, {
-                  checked: selectedWellIds.includes(well.asset_id)
-                }), /*#__PURE__*/jsx(ListItemText, {
-                  primary: well.name
-                })]
-              }, well.id);
-            })
-          })]
-        })]
-      }), /*#__PURE__*/jsxs(DialogActions, {
-        children: [/*#__PURE__*/jsx(Button, {
-          onClick: closeDialog,
-          children: "Cancel"
-        }), /*#__PURE__*/jsx(Button, {
-          variant: "contained",
-          color: "primary",
-          disabled: isEmpty(selectedWellIds),
-          onClick: handleSave,
-          children: "Save"
-        })]
-      })]
-    })]
-  });
-};
-
-PadOffsetsPicker.propTypes = {
-  currentOffsetSetting: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
-  onSave: PropTypes.func.isRequired,
-  companyId: PropTypes.string.isRequired,
-  assets: PropTypes.arrayOf(PropTypes.shape({})).isRequired
-};
-
-export default PadOffsetsPicker;
-//# sourceMappingURL=PadOffsetsPicker.js.map
+import e from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/defineProperty";import{useMemo as n,useEffect as r}from"react";import a from"prop-types";import i from"use-tiny-state-machine";import{isEmpty as s,get as c}from"lodash";import l from"jsona";import{makeStyles as o,Fab as d,Dialog as u,DialogTitle as p,DialogContent as f,FormControl as m,InputLabel as h,Select as S,MenuItem as g,Checkbox as E,ListItemText as b,DialogActions as I,Button as _}from"@material-ui/core";import{Add as C}from"@material-ui/icons";import{getPads as D}from"../../clients/jsonApi/index.js";import{jsxs as O,jsx as P}from"react/jsx-runtime";function y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function v(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?y(Object(r),!0).forEach((function(n){t(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var W=new l,w=o({fabSmallBtn:{width:24,height:24,minHeight:24,margin:"0 6px 0 1px"},fabSmallBtnIcon:{width:20,height:20},dialogPaper:{width:"75%",maxWidth:420}});var L={id:"requests",initial:"idle",context:{padsData:[],wellsData:[],lastStage:[],error:null,companyId:0},states:{idle:{on:{FETCH_PADS:{target:"pending",action:function(e){var t=e.dispatch,n=e.context;D({fields:["pad.name","pad.wells"],sort:"name",per_page:1e3,company:n.companyId}).then((function(e){return W.deserialize(e)})).then((function(e){return e.filter((function(e){return!s(c(e,"wells"))}))})).then((function(e){return t("PADS_REQUEST_SUCCESS",e)})).catch((function(e){return t("FAILURE",e)}))}}}},pending:{on:{PADS_REQUEST_SUCCESS:{target:"success",beforeStateChange:function(e,t){return(0,e.updateContext)((function(e){return v(v({},e),{},{padsData:t})}))}},FAILURE:{target:"failure",beforeStateChange:function(e,t){throw new Error(t.message)}}}},success:{on:{FETCH_WELLS:{target:"success",action:function(e,t){(0,e.dispatch)("WELLS_REQUEST_SUCCESS",t.reduce((function(e,t){return e.concat(t.wells)}),[]))}},WELLS_REQUEST_SUCCESS:{target:"success",beforeStateChange:function(e,t){return(0,e.updateContext)((function(e){return v(v({},e),{},{wellsData:t})}))}}}}}},x={id:"dialog",initial:"closed",context:{selectedPadIds:[],selectedWellIds:[]},states:{closed:{on:{OPEN_DIALOG:{target:"open",beforeStateChange:function(t,n){var r=t.updateContext,a=n.currentWellIds,i=n.padsData,c=[];return s(a)||i.forEach((function(e){e.wells.forEach((function(t){a.includes(t.asset_id)&&!c.includes(e.id)&&c.push(e.id)}))})),r((function(t){return v(v({},t),{},{selectedPadIds:[].concat(c),selectedWellIds:e(a)})}))}}}},open:{on:{CLOSE_DIALOG:{target:"closed",beforeStateChange:function(e){return(0,e.updateContext)((function(e){return v(v({},e),{},{selectedPadIds:[],selectedWellIds:[]})}))}},SET_PAD_ID:{target:"open",beforeStateChange:function(e,t){var n=e.updateContext,r=t.selectedPadIds,a=t.currentWellIds,i=t.padsData,c=[];return s(a)||i.forEach((function(e){e.wells.forEach((function(t){r.includes(e.id)&&a.includes(t.asset_id)&&c.push(t.asset_id)}))})),n((function(e){return v(v({},e),{},{selectedPadIds:r,selectedWellIds:[].concat(c)})}))}},SET_WELL_ID:{target:"open",beforeStateChange:function(e,t){return(0,e.updateContext)((function(e){return v(v({},e),{},{selectedWellIds:t})}))}}}}}},j=function(e){var t=e.onSave,a=e.currentOffsetSetting,c=e.assets,l=e.companyId,o=w(),D=i(L),y=D.state,v=D.dispatch,W=D.context,j=i(x),A=j.state,T=j.dispatch,k=j.context,R=n((function(){return s(a)&&!s(c)?c.map((function(e){return e.asset_id})):a.map((function(e){return e.selectedWellId}))}),[a,c]),U=function(){return T("CLOSE_DIALOG")},F=k.selectedPadIds,q=k.selectedWellIds;r((function(){W.companyId=l,v("FETCH_PADS")}),[]),r((function(){if(!s(F)){var e=W.padsData.filter((function(e){return F.includes(e.id)}));v("FETCH_WELLS",e)}}),[F]);var N=new Set(c.map((function(e){return Number(e.asset_id)})));return O("div",{children:[P(d,{size:"small",color:"primary",classes:{sizeSmall:o.fabSmallBtn},onClick:function(){return T("OPEN_DIALOG",{currentWellIds:R,padsData:W.padsData})},disabled:"success"!==y,children:P(C,{className:o.fabSmallBtnIcon})}),"success"===y&&O(u,{open:"open"===A,onBackdropClick:U,classes:{paper:o.dialogPaper},children:[P(p,{children:"Offset Wells"}),O(f,{children:[O(m,{margin:"normal",fullWidth:!0,required:!0,children:[P(h,{htmlFor:"pad-select",shrink:!s(F),children:"Pad"}),P(S,{multiple:!0,inputProps:{name:"pads",id:"pad-select"},value:F,onChange:function(e){return T("SET_PAD_ID",{selectedPadIds:e.target.value,currentWellIds:R,padsData:W.padsData})},renderValue:function(e){return"".concat(e.length," selected")},children:W.padsData.map((function(e){return O(g,{value:e.id,children:[P(E,{checked:F.includes(e.id)}),P(b,{primary:e.name})]},e.id)}))})]}),O(m,{margin:"normal",disabled:s(F),fullWidth:!0,required:!0,children:[P(h,{htmlFor:"wells",shrink:!s(q),children:"Well"}),P(S,{multiple:!0,inputProps:{name:"wells",id:"well-select"},value:q,onChange:function(e){return T("SET_WELL_ID",e.target.value)},renderValue:function(e){return"".concat(e.length," selected")},children:W.wellsData.map((function(e){var t=N.has(e.asset_id);return O(g,{value:e.asset_id,disabled:t,children:[P(E,{checked:q.includes(e.asset_id)}),P(b,{primary:e.name})]},e.id)}))})]})]}),O(I,{children:[P(_,{onClick:U,children:"Cancel"}),P(_,{variant:"contained",color:"primary",disabled:s(q),onClick:function(){var e=W.wellsData.filter((function(e){return q.includes(e.asset_id)})).map((function(e){var t=a.find((function(t){return t.selectedWellId===Number(e.asset_id)}));return t||{selectedWellId:Number(e.asset_id),selectedWellName:e.name,selectedWellStatus:e.status,selectedStages:[],stages:{}}}));U(),t(e)},children:"Save"})]})]})]})};j.propTypes={currentOffsetSetting:a.arrayOf(a.shape({})).isRequired,onSave:a.func.isRequired,companyId:a.string.isRequired,assets:a.arrayOf(a.shape({})).isRequired};export{j as default};