@corva/ui 0.65.0-1-test → 0.65.0-2

package/components/PadOffsetsPicker/PadOffsetsPicker.js

@@ -1,397 +1 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useMemo, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import useTinyStateMachine from 'use-tiny-state-machine';
-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
-  }
-});
-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 { PadOffsetsPicker as default };
-//# 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};