@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/PadOffsetsPicker/PadOffsetsPicker.js

@@ -1,346 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useReducer, useMemo, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { isEmpty, get } from 'lodash';
-import Jsona from 'jsona';
-import { makeStyles, Fab, Dialog, DialogTitle, DialogContent, FormControl, InputLabel, Select, MenuItem, Checkbox, ListItemText, DialogActions, Button } from '@material-ui/core';
-import { Add } from '@material-ui/icons';
-import { getPads } from '../../clients/jsonApi/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var 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
-  }
-});
-var assetStateReducer = function assetStateReducer(state, action) {
-  switch (action.type) {
-    case 'FETCH_PADS_SUCCESS':
-      return _objectSpread(_objectSpread({}, state), {}, {
-        padsData: action.payload,
-        requestState: 'success'
-      });
-    case 'FETCH_WELLS_SUCCESS':
-      return _objectSpread(_objectSpread({}, state), {}, {
-        wellsData: action.payload
-      });
-    case 'FAILURE':
-      return _objectSpread(_objectSpread({}, state), {}, {
-        requestState: 'failure',
-        error: action.payload
-      });
-    default:
-      return state;
-  }
-};
-var dialogStateReducer = function dialogStateReducer(state, action) {
-  switch (action.type) {
-    case 'OPEN_DIALOG':
-      return _objectSpread(_objectSpread({}, state), {}, {
-        selectedPadIds: action.payload.currentPadIds,
-        selectedWellIds: action.payload.currentWellIds,
-        dialogState: 'open'
-      });
-    case 'CLOSE_DIALOG':
-      return _objectSpread(_objectSpread({}, state), {}, {
-        selectedPadIds: [],
-        selectedWellIds: [],
-        dialogState: 'closed'
-      });
-    case 'SET_PAD_ID':
-      {
-        var currentWells = [];
-        action.payload.padsData.forEach(function (pad) {
-          if (action.payload.selectedPadIds.includes(pad.id)) {
-            pad.wells.forEach(function (well) {
-              if (!currentWells.includes(well.asset_id)) {
-                currentWells.push(well.asset_id);
-              }
-            });
-          }
-        });
-        return _objectSpread(_objectSpread({}, state), {}, {
-          selectedPadIds: action.payload.selectedPadIds,
-          selectedWellIds: currentWells
-        });
-      }
-    case 'SET_WELL_ID':
-      return _objectSpread(_objectSpread({}, state), {}, {
-        selectedWellIds: action.payload
-      });
-    default:
-      return state;
-  }
-};
-var PadOffsetsPicker = function PadOffsetsPicker(_ref) {
-  var onSave = _ref.onSave,
-    currentOffsetSetting = _ref.currentOffsetSetting,
-    assets = _ref.assets,
-    companyId = _ref.companyId;
-  var classes = useStyles();
-  var _useReducer = useReducer(assetStateReducer, {
-      padsData: [],
-      wellsData: [],
-      requestState: 'idle',
-      error: null
-    }),
-    _useReducer2 = _slicedToArray(_useReducer, 2),
-    requestState = _useReducer2[0],
-    dispatchRequest = _useReducer2[1];
-  var _useReducer3 = useReducer(dialogStateReducer, {
-      selectedPadIds: [],
-      selectedWellIds: [],
-      dialogState: 'closed'
-    }),
-    _useReducer4 = _slicedToArray(_useReducer3, 2),
-    dialogState = _useReducer4[0],
-    dispatchDialog = _useReducer4[1];
-  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 fetchPads = function fetchPads() {
-    getPads({
-      fields: ['pad.name', 'pad.wells'],
-      sort: 'name',
-      per_page: 1000,
-      company: 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 dispatchRequest({
-        type: 'FETCH_PADS_SUCCESS',
-        payload: filteredPads
-      });
-    }).catch(function (error) {
-      return dispatchRequest({
-        type: 'FAILURE',
-        payload: error
-      });
-    });
-  };
-  var fetchWells = function fetchWells(selectedPadsData) {
-    var wellsData = selectedPadsData.reduce(function (result, padData) {
-      return result.concat(padData.wells);
-    }, []);
-    dispatchRequest({
-      type: 'FETCH_WELLS_SUCCESS',
-      payload: wellsData
-    });
-  };
-  var handlePadSelect = function handlePadSelect(event) {
-    var selectedPadIds = event.target.value;
-    var currentWells = [];
-    requestState.padsData.forEach(function (pad) {
-      if (selectedPadIds.includes(pad.id)) {
-        pad.wells.forEach(function (well) {
-          if (!currentWells.includes(well.asset_id)) {
-            currentWells.push(well.asset_id);
-          }
-        });
-      }
-    });
-    dispatchDialog({
-      type: 'SET_PAD_ID',
-      payload: {
-        selectedPadIds: selectedPadIds,
-        currentWellIds: currentOffsetIds,
-        padsData: requestState.padsData
-      }
-    });
-  };
-  var handleWellSelect = function handleWellSelect(event) {
-    dispatchDialog({
-      type: 'SET_WELL_ID',
-      payload: event.target.value
-    });
-  };
-  var closeDialog = function closeDialog() {
-    return dispatchDialog({
-      type: 'CLOSE_DIALOG'
-    });
-  };
-  var openDialog = function openDialog() {
-    var currentPadIds = [];
-    if (currentOffsetIds && currentOffsetIds.length > 0) {
-      requestState.padsData.forEach(function (pad) {
-        pad.wells.forEach(function (well) {
-          if (currentOffsetIds.includes(well.asset_id) && !currentPadIds.includes(pad.id)) {
-            currentPadIds.push(pad.id);
-          }
-        });
-      });
-    }
-    dispatchDialog({
-      type: 'OPEN_DIALOG',
-      payload: {
-        currentPadIds: currentPadIds,
-        currentWellIds: currentOffsetIds
-      }
-    });
-  };
-  var handleSave = function handleSave() {
-    var selectedWells = requestState.wellsData.filter(function (well) {
-      return dialogState.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 () {
-    fetchPads();
-  }, [companyId]);
-  useEffect(function () {
-    if (!isEmpty(dialogState.selectedPadIds)) {
-      var selectedPadsData = requestState.padsData.filter(function (pad) {
-        return dialogState.selectedPadIds.includes(pad.id);
-      });
-      fetchWells(selectedPadsData);
-    }
-  }, [dialogState.selectedPadIds]);
-  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.requestState !== 'success',
-      children: /*#__PURE__*/jsx(Add, {
-        className: classes.fabSmallBtnIcon
-      })
-    }), requestState.requestState === 'success' && /*#__PURE__*/jsxs(Dialog, {
-      open: dialogState.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(dialogState.selectedPadIds),
-            children: "Pad"
-          }), /*#__PURE__*/jsx(Select, {
-            multiple: true,
-            inputProps: {
-              name: 'pads',
-              id: 'pad-select'
-            },
-            value: dialogState.selectedPadIds,
-            onChange: handlePadSelect,
-            renderValue: function renderValue(selected) {
-              return "".concat(selected.length, " selected");
-            },
-            children: requestState.padsData.map(function (pad) {
-              return /*#__PURE__*/jsxs(MenuItem, {
-                value: pad.id,
-                children: [/*#__PURE__*/jsx(Checkbox, {
-                  checked: dialogState.selectedPadIds.includes(pad.id)
-                }), /*#__PURE__*/jsx(ListItemText, {
-                  primary: pad.name
-                })]
-              }, pad.id);
-            })
-          })]
-        }), /*#__PURE__*/jsxs(FormControl, {
-          margin: "normal",
-          disabled: isEmpty(dialogState.selectedPadIds),
-          fullWidth: true,
-          required: true,
-          children: [/*#__PURE__*/jsx(InputLabel, {
-            htmlFor: "wells",
-            shrink: !isEmpty(dialogState.selectedWellIds),
-            children: "Well"
-          }), /*#__PURE__*/jsx(Select, {
-            multiple: true,
-            inputProps: {
-              name: 'wells',
-              id: 'well-select'
-            },
-            value: dialogState.selectedWellIds,
-            onChange: handleWellSelect,
-            renderValue: function renderValue(selected) {
-              return "".concat(selected.length, " selected");
-            },
-            children: requestState.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: dialogState.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(dialogState.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 { PadOffsetsPicker as default };
-//# sourceMappingURL=PadOffsetsPicker.js.map
+import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import{useReducer as a,useMemo as r,useEffect as l}from"react";import n from"prop-types";import{isEmpty as s,get as d}from"lodash";import i from"jsona";import{makeStyles as c,Fab as o,Dialog as u,DialogTitle as p,DialogContent as f,FormControl as m,InputLabel as h,Select as y,MenuItem as I,Checkbox as S,ListItemText as P,DialogActions as _,Button as g}from"@material-ui/core";import{Add as E}from"@material-ui/icons";import{getPads as O}from"../../clients/jsonApi/index.js";import{jsxs as b,jsx as D}from"react/jsx-runtime";function W(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}return a}function w(e){for(var a=1;a<arguments.length;a++){var r=null!=arguments[a]?arguments[a]:{};a%2?W(Object(r),!0).forEach((function(a){t(e,a,r[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):W(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var v=new i,C=c({fabSmallBtn:{width:24,height:24,minHeight:24,margin:"0 6px 0 1px"},fabSmallBtnIcon:{width:20,height:20},dialogPaper:{width:"75%",maxWidth:420}}),L=function(e,t){switch(t.type){case"FETCH_PADS_SUCCESS":return w(w({},e),{},{padsData:t.payload,requestState:"success"});case"FETCH_WELLS_SUCCESS":return w(w({},e),{},{wellsData:t.payload});case"FAILURE":return w(w({},e),{},{requestState:"failure",error:t.payload});default:return e}},j=function(e,t){switch(t.type){case"OPEN_DIALOG":return w(w({},e),{},{selectedPadIds:t.payload.currentPadIds,selectedWellIds:t.payload.currentWellIds,dialogState:"open"});case"CLOSE_DIALOG":return w(w({},e),{},{selectedPadIds:[],selectedWellIds:[],dialogState:"closed"});case"SET_PAD_ID":var a=[];return t.payload.padsData.forEach((function(e){t.payload.selectedPadIds.includes(e.id)&&e.wells.forEach((function(e){a.includes(e.asset_id)||a.push(e.asset_id)}))})),w(w({},e),{},{selectedPadIds:t.payload.selectedPadIds,selectedWellIds:a});case"SET_WELL_ID":return w(w({},e),{},{selectedWellIds:t.payload});default:return e}},A=function(t){var n=t.onSave,i=t.currentOffsetSetting,c=t.assets,W=t.companyId,w=C(),A=a(L,{padsData:[],wellsData:[],requestState:"idle",error:null}),q=e(A,2),k=q[0],T=q[1],F=a(j,{selectedPadIds:[],selectedWellIds:[],dialogState:"closed"}),N=e(F,2),x=N[0],R=N[1],U=r((function(){return s(i)&&!s(c)?c.map((function(e){return e.asset_id})):i.map((function(e){return e.selectedWellId}))}),[i,c]),B=function(){return R({type:"CLOSE_DIALOG"})};l((function(){O({fields:["pad.name","pad.wells"],sort:"name",per_page:1e3,company:W}).then((function(e){return v.deserialize(e)})).then((function(e){return e.filter((function(e){return!s(d(e,"wells"))}))})).then((function(e){return T({type:"FETCH_PADS_SUCCESS",payload:e})})).catch((function(e){return T({type:"FAILURE",payload:e})}))}),[W]),l((function(){s(x.selectedPadIds)||function(e){var t=e.reduce((function(e,t){return e.concat(t.wells)}),[]);T({type:"FETCH_WELLS_SUCCESS",payload:t})}(k.padsData.filter((function(e){return x.selectedPadIds.includes(e.id)})))}),[x.selectedPadIds]);var H=new Set(c.map((function(e){return Number(e.asset_id)})));return b("div",{children:[D(o,{size:"small",color:"primary",classes:{sizeSmall:w.fabSmallBtn},onClick:function(){var e=[];U&&U.length>0&&k.padsData.forEach((function(t){t.wells.forEach((function(a){U.includes(a.asset_id)&&!e.includes(t.id)&&e.push(t.id)}))})),R({type:"OPEN_DIALOG",payload:{currentPadIds:e,currentWellIds:U}})},disabled:"success"!==k.requestState,children:D(E,{className:w.fabSmallBtnIcon})}),"success"===k.requestState&&b(u,{open:"open"===x.dialogState,onBackdropClick:B,classes:{paper:w.dialogPaper},children:[D(p,{children:"Offset Wells"}),b(f,{children:[b(m,{margin:"normal",fullWidth:!0,required:!0,children:[D(h,{htmlFor:"pad-select",shrink:!s(x.selectedPadIds),children:"Pad"}),D(y,{multiple:!0,inputProps:{name:"pads",id:"pad-select"},value:x.selectedPadIds,onChange:function(e){var t=e.target.value,a=[];k.padsData.forEach((function(e){t.includes(e.id)&&e.wells.forEach((function(e){a.includes(e.asset_id)||a.push(e.asset_id)}))})),R({type:"SET_PAD_ID",payload:{selectedPadIds:t,currentWellIds:U,padsData:k.padsData}})},renderValue:function(e){return"".concat(e.length," selected")},children:k.padsData.map((function(e){return b(I,{value:e.id,children:[D(S,{checked:x.selectedPadIds.includes(e.id)}),D(P,{primary:e.name})]},e.id)}))})]}),b(m,{margin:"normal",disabled:s(x.selectedPadIds),fullWidth:!0,required:!0,children:[D(h,{htmlFor:"wells",shrink:!s(x.selectedWellIds),children:"Well"}),D(y,{multiple:!0,inputProps:{name:"wells",id:"well-select"},value:x.selectedWellIds,onChange:function(e){R({type:"SET_WELL_ID",payload:e.target.value})},renderValue:function(e){return"".concat(e.length," selected")},children:k.wellsData.map((function(e){var t=H.has(e.asset_id);return b(I,{value:e.asset_id,disabled:t,children:[D(S,{checked:x.selectedWellIds.includes(e.asset_id)}),D(P,{primary:e.name})]},e.id)}))})]})]}),b(_,{children:[D(g,{onClick:B,children:"Cancel"}),D(g,{variant:"contained",color:"primary",disabled:s(x.selectedWellIds),onClick:function(){var e=k.wellsData.filter((function(e){return x.selectedWellIds.includes(e.asset_id)})).map((function(e){var t=i.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:{}}}));B(),n(e)},children:"Save"})]})]})]})};A.propTypes={currentOffsetSetting:n.arrayOf(n.shape({})).isRequired,onSave:n.func.isRequired,companyId:n.string.isRequired,assets:n.arrayOf(n.shape({})).isRequired};export{A as default};