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

package/components/OffsetWellPickerV2/utils/apiCalls.js

@@ -1 +1,268 @@
-import t from"@babel/runtime/helpers/toConsumableArray";import e from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/regenerator";import{range as a,sortBy as n,get as s}from"lodash";import{getCompanies as i,getAssets as u,getCompanyGoals as o,getAppStorage as c}from"../../../clients/jsonApi/index.js";import{METRICS_KEYS as p}from"../constants.js";function l(){return m.apply(this,arguments)}function m(){return(m=e(r.mark((function t(){var e;return r.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,i();case 3:e=t.sent,t.next=9;break;case 6:t.prev=6,t.t0=t.catch(0),console.error(t.t0);case 9:return t.abrupt("return",e?n(e,["name"]):[]);case 10:case"end":return t.stop()}}),t,null,[[0,6]])})))).apply(this,arguments)}function f(t,e){return b.apply(this,arguments)}function b(){return(b=e(r.mark((function t(e,a){var n,i,o;return r.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n=null,t.prev=1,t.next=4,u({types:["well"],company_id:e?+e: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:n=t.sent,t.next=10;break;case 7:t.prev=7,t.t0=t.catch(1),console.error(t.t0);case 10:if(i=n?n.data.map((function(t){return{id:Number(t.id),name:s(t,"attributes.name"),rigId:s(t,"attributes.parent_asset_id")||"Null",rigName:s(t,"attributes.parent_asset_name")||"Null",formation:s(t,"attributes.target_formation")||"Null",stringDesign:s(t,"attributes.string_design")||"Null",programName:s(t,"attributes.root_asset_name")||"Null",basin:s(t,"attributes.basin")||"Null",county:s(t,"attributes.county")||"Null",area:s(t,"attributes.area")||"Null",visibility:s(t,"attributes.visibility"),topHole:s(t,"attributes.top_hole"),rigReleaseDate:s(t,"attributes.stats.well_end"),totalDepth:s(t,"attributes.stats.total_depth"),is_usable:!0}})).filter((function(t){return"visible"===t.visibility})):[],!a){t.next=16;break}return t.next=14,a(i);case 14:return o=t.sent,t.abrupt("return",o);case 16:return t.abrupt("return",i);case 17:case"end":return t.stop()}}),t,null,[[1,7]])})))).apply(this,arguments)}function d(t){return h.apply(this,arguments)}function h(){return(h=e(r.mark((function t(e){var a;return r.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,o(e);case 3:a=t.sent,t.next=9;break;case 6:t.prev=6,t.t0=t.catch(0),console.error(t.t0);case 9:return t.abrupt("return",a&&s(a,"company_goals")||{});case 10:case"end":return t.stop()}}),t,null,[[0,6]])})))).apply(this,arguments)}function _(t,e){return v.apply(this,arguments)}function v(){return v=e(r.mark((function n(s,i){var u,o,l;return r.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(0!==i.length){n.next=2;break}return n.abrupt("return",[]);case 2:return u=Math.floor(i.length/200)+1,n.next=5,Promise.all(a(u).map(function(){var t=e(r.mark((function t(e,a){var n,u,o,l;return r.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n={company_id:s,"data.asset_id":{$in:i.slice(200*a,200*(a+1))},"data.key":{$in:p},"data.type":"asset"},u={_id:0,"data.key":1,"data.value":1,asset_id:"$data.asset_id"},o={aggregate:JSON.stringify([{$match:n},{$project:u}])},l=null,t.prev=4,t.next=7,c("corva","metrics",null,o);case 7:l=t.sent,t.next=13;break;case 10:t.prev=10,t.t0=t.catch(4),console.error(t.t0);case 13:return t.abrupt("return",l||[]);case 14:case"end":return t.stop()}}),t,null,[[4,10]])})));return function(e,r){return t.apply(this,arguments)}}()));case 5:return o=n.sent,l=[],o.forEach((function(e){return l.push.apply(l,t(e))})),n.abrupt("return",l);case 9:case"end":return n.stop()}}),n)}))),v.apply(this,arguments)}export{l as fetchCompanies,d as fetchCompanyGoals,_ as fetchMetricsData,f as fetchWells};
+import { range, sortBy, get } from 'lodash';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import { getCompanies, getAssets, getCompanyGoals, getAppStorage } from '../../../clients/jsonApi/index.js';
+import { METRICS_KEYS } from '../constants.js';
+
+var MAX_WELL_NUMBER = 200;
+function fetchCompanies() {
+  return _fetchCompanies.apply(this, arguments);
+}
+
+function _fetchCompanies() {
+  _fetchCompanies = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var response;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return getCompanies();
+
+          case 3:
+            response = _context.sent;
+            _context.next = 9;
+            break;
+
+          case 6:
+            _context.prev = 6;
+            _context.t0 = _context["catch"](0);
+            console.error(_context.t0);
+
+          case 9:
+            return _context.abrupt("return", response ? sortBy(response, ['name']) : []);
+
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[0, 6]]);
+  }));
+  return _fetchCompanies.apply(this, arguments);
+}
+
+function fetchWells(_x, _x2) {
+  return _fetchWells.apply(this, arguments);
+}
+
+function _fetchWells() {
+  _fetchWells = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(companyId, addWellsUsabilityInfo) {
+    var response, wells, updatedWells;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            response = null;
+            _context2.prev = 1;
+            _context2.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 = _context2.sent;
+            _context2.next = 10;
+            break;
+
+          case 7:
+            _context2.prev = 7;
+            _context2.t0 = _context2["catch"](1);
+            console.error(_context2.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) {
+              _context2.next = 16;
+              break;
+            }
+
+            _context2.next = 14;
+            return addWellsUsabilityInfo(wells);
+
+          case 14:
+            updatedWells = _context2.sent;
+            return _context2.abrupt("return", updatedWells);
+
+          case 16:
+            return _context2.abrupt("return", wells);
+
+          case 17:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2, null, [[1, 7]]);
+  }));
+  return _fetchWells.apply(this, arguments);
+}
+
+function fetchCompanyGoals(_x3) {
+  return _fetchCompanyGoals.apply(this, arguments);
+}
+
+function _fetchCompanyGoals() {
+  _fetchCompanyGoals = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(companyId) {
+    var response;
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.prev = 0;
+            _context3.next = 3;
+            return getCompanyGoals(companyId);
+
+          case 3:
+            response = _context3.sent;
+            _context3.next = 9;
+            break;
+
+          case 6:
+            _context3.prev = 6;
+            _context3.t0 = _context3["catch"](0);
+            console.error(_context3.t0);
+
+          case 9:
+            return _context3.abrupt("return", response ? get(response, 'company_goals') || {} : {});
+
+          case 10:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3, null, [[0, 6]]);
+  }));
+  return _fetchCompanyGoals.apply(this, arguments);
+}
+
+function fetchMetricsData(_x4, _x5) {
+  return _fetchMetricsData.apply(this, arguments);
+}
+
+function _fetchMetricsData() {
+  _fetchMetricsData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(companyId, wellIds) {
+    var chunkSize, records, result;
+    return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+      while (1) {
+        switch (_context5.prev = _context5.next) {
+          case 0:
+            if (!(wellIds.length === 0)) {
+              _context5.next = 2;
+              break;
+            }
+
+            return _context5.abrupt("return", []);
+
+          case 2:
+            chunkSize = Math.floor(wellIds.length / MAX_WELL_NUMBER) + 1;
+            _context5.next = 5;
+            return Promise.all(range(chunkSize).map( /*#__PURE__*/function () {
+              var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(_, index) {
+                var $match, $project, queryJson, response;
+                return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+                  while (1) {
+                    switch (_context4.prev = _context4.next) {
+                      case 0:
+                        $match = {
+                          company_id: companyId,
+                          'data.asset_id': {
+                            $in: wellIds.slice(MAX_WELL_NUMBER * index, MAX_WELL_NUMBER * (index + 1))
+                          },
+                          'data.key': {
+                            $in: METRICS_KEYS
+                          },
+                          'data.type': 'asset'
+                        };
+                        $project = {
+                          _id: 0,
+                          'data.key': 1,
+                          'data.value': 1,
+                          asset_id: '$data.asset_id'
+                        };
+                        queryJson = {
+                          aggregate: JSON.stringify([{
+                            $match: $match
+                          }, {
+                            $project: $project
+                          }])
+                        };
+                        response = null;
+                        _context4.prev = 4;
+                        _context4.next = 7;
+                        return getAppStorage('corva', 'metrics', null, queryJson);
+
+                      case 7:
+                        response = _context4.sent;
+                        _context4.next = 13;
+                        break;
+
+                      case 10:
+                        _context4.prev = 10;
+                        _context4.t0 = _context4["catch"](4);
+                        console.error(_context4.t0);
+
+                      case 13:
+                        return _context4.abrupt("return", response || []);
+
+                      case 14:
+                      case "end":
+                        return _context4.stop();
+                    }
+                  }
+                }, _callee4, null, [[4, 10]]);
+              }));
+
+              return function (_x6, _x7) {
+                return _ref.apply(this, arguments);
+              };
+            }()));
+
+          case 5:
+            records = _context5.sent;
+            result = [];
+            records.forEach(function (data) {
+              return result.push.apply(result, _toConsumableArray(data));
+            });
+            return _context5.abrupt("return", result);
+
+          case 9:
+          case "end":
+            return _context5.stop();
+        }
+      }
+    }, _callee5);
+  }));
+  return _fetchMetricsData.apply(this, arguments);
+}
+
+export { fetchCompanies, fetchCompanyGoals, fetchMetricsData, fetchWells };
+//# sourceMappingURL=apiCalls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"apiCalls.js","sources":["../../../../src/components/OffsetWellPickerV2/utils/apiCalls.js"],"sourcesContent":["import { get, sortBy, range } from 'lodash';\n\nimport { getAssets, getAppStorage, getCompanyGoals, getCompanies } from '~/clients/jsonApi';\n\nimport { METRICS_KEYS } from '../constants';\n\nconst MAX_WELL_NUMBER = 200;\n\nexport async function fetchCompanies() {\n  let response;\n  try {\n    response = await getCompanies();\n  } catch (e) {\n    console.error(e);\n  }\n\n  return response ? sortBy(response, ['name']) : [];\n}\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 fetchCompanyGoals(companyId) {\n  let response;\n  try {\n    response = await getCompanyGoals(companyId);\n  } catch (e) {\n    console.error(e);\n  }\n\n  return response ? get(response, 'company_goals') || {} : {};\n}\n\nexport async function fetchMetricsData(companyId, wellIds) {\n  if (wellIds.length === 0) {\n    return [];\n  }\n\n  const chunkSize = Math.floor(wellIds.length / MAX_WELL_NUMBER) + 1;\n\n  const records = await Promise.all(\n    range(chunkSize).map(async (_, index) => {\n      const $match = {\n        company_id: companyId,\n        'data.asset_id': {\n          $in: wellIds.slice(MAX_WELL_NUMBER * index, MAX_WELL_NUMBER * (index + 1)),\n        },\n        'data.key': { $in: METRICS_KEYS },\n        'data.type': 'asset',\n      };\n\n      const $project = {\n        _id: 0,\n        'data.key': 1,\n        'data.value': 1,\n        asset_id: '$data.asset_id',\n      };\n\n      const queryJson = {\n        aggregate: JSON.stringify([{ $match }, { $project }]),\n      };\n\n      let response = null;\n      try {\n        response = await getAppStorage('corva', 'metrics', null, queryJson);\n      } catch (e) {\n        console.error(e);\n      }\n\n      return response || [];\n    })\n  );\n\n  const result = [];\n  records.forEach(data => result.push(...data));\n  return result;\n}\n"],"names":["MAX_WELL_NUMBER","fetchCompanies","getCompanies","response","console","error","sortBy","fetchWells","companyId","addWellsUsabilityInfo","getAssets","types","company_id","undefined","fields","per_page","sort","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","fetchCompanyGoals","getCompanyGoals","fetchMetricsData","wellIds","length","chunkSize","Math","floor","Promise","all","range","_","index","$match","$in","slice","METRICS_KEYS","$project","_id","asset_id","queryJson","aggregate","JSON","stringify","getAppStorage","records","result","forEach","push"],"mappings":"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"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/ClearFiltersButton.js

@@ -1 +1,52 @@
-import r from"prop-types";import e from"@material-ui/icons/Clear";import{makeStyles as t,Typography as a}from"@material-ui/core";import{jsxs as o,jsx as i}from"react/jsx-runtime";var l=t((function(r){return{wrapper:{display:"flex",alignItems:"center",width:"150px",marginTop:"8px",cursor:"pointer","&:hover $clearText":{color:r.palette.primary.text1},"&:hover $clearIcon":{color:r.palette.primary.text1}},clearText:{color:r.palette.primary.text6,fontSize:"14px"},clearIcon:{color:r.palette.primary.text6,marginRight:"5px"}}}));function p(r){var t=r.onClick,p=l();return o("div",{className:p.wrapper,onClick:t,children:[i(e,{className:p.clearIcon}),i(a,{className:p.clearText,children:"Clear"})]})}p.propTypes={onClick:r.func.isRequired};export{p as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, Typography } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import ClearIcon from '@material-ui/icons/Clear';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    wrapper: {
+      display: 'flex',
+      alignItems: 'center',
+      width: '150px',
+      marginTop: '8px',
+      cursor: 'pointer',
+      '&:hover $clearText': {
+        color: theme.palette.primary.text1
+      },
+      '&:hover $clearIcon': {
+        color: theme.palette.primary.text1
+      }
+    },
+    clearText: {
+      color: theme.palette.primary.text6,
+      fontSize: '14px'
+    },
+    clearIcon: {
+      color: theme.palette.primary.text6,
+      marginRight: '5px'
+    }
+  };
+});
+
+function ClearFiltersButton(_ref) {
+  var onClick = _ref.onClick;
+  var classes = useStyles();
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.wrapper,
+    onClick: onClick,
+    children: [/*#__PURE__*/jsx(ClearIcon, {
+      className: classes.clearIcon
+    }), /*#__PURE__*/jsx(Typography, {
+      className: classes.clearText,
+      children: "Clear"
+    })]
+  });
+}
+
+ClearFiltersButton.propTypes = {
+  onClick: PropTypes.func.isRequired
+};
+
+export default ClearFiltersButton;
+//# sourceMappingURL=ClearFiltersButton.js.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/ClearFiltersButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearFiltersButton.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/ClearFiltersButton.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ClearIcon from '@material-ui/icons/Clear';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    width: '150px',\n    marginTop: '8px',\n    cursor: 'pointer',\n    '&:hover $clearText': {\n      color: theme.palette.primary.text1,\n    },\n    '&:hover $clearIcon': {\n      color: theme.palette.primary.text1,\n    },\n  },\n  clearText: {\n    color: theme.palette.primary.text6,\n    fontSize: '14px',\n  },\n  clearIcon: {\n    color: theme.palette.primary.text6,\n    marginRight: '5px',\n  },\n}));\n\nfunction ClearFiltersButton({ onClick }) {\n  const classes = useStyles();\n  return (\n    <div className={classes.wrapper} onClick={onClick}>\n      <ClearIcon className={classes.clearIcon} />\n      <Typography className={classes.clearText}>Clear</Typography>\n    </div>\n  );\n}\n\nClearFiltersButton.propTypes = {\n  onClick: PropTypes.func.isRequired,\n};\n\nexport default ClearFiltersButton;\n"],"names":["useStyles","makeStyles","theme","wrapper","display","alignItems","width","marginTop","cursor","color","palette","primary","text1","clearText","text6","fontSize","clearIcon","marginRight","ClearFiltersButton","onClick","classes","_jsxs","_jsx","propTypes","PropTypes","func","isRequired"],"mappings":";;;;;AAIA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,OAAO,EAAE;AACPC,MAAAA,OAAO,EAAE,MADF;AAEPC,MAAAA,UAAU,EAAE,QAFL;AAGPC,MAAAA,KAAK,EAAE,OAHA;AAIPC,MAAAA,SAAS,EAAE,KAJJ;AAKPC,MAAAA,MAAM,EAAE,SALD;AAMP,4BAAsB;AACpBC,QAAAA,KAAK,EAAEP,KAAK,CAACQ,OAAN,CAAcC,OAAd,CAAsBC;AADT,OANf;AASP,4BAAsB;AACpBH,QAAAA,KAAK,EAAEP,KAAK,CAACQ,OAAN,CAAcC,OAAd,CAAsBC;AADT;AATf,KAD4B;AAcrCC,IAAAA,SAAS,EAAE;AACTJ,MAAAA,KAAK,EAAEP,KAAK,CAACQ,OAAN,CAAcC,OAAd,CAAsBG,KADpB;AAETC,MAAAA,QAAQ,EAAE;AAFD,KAd0B;AAkBrCC,IAAAA,SAAS,EAAE;AACTP,MAAAA,KAAK,EAAEP,KAAK,CAACQ,OAAN,CAAcC,OAAd,CAAsBG,KADpB;AAETG,MAAAA,WAAW,EAAE;AAFJ;AAlB0B,GAAL;AAAA,CAAN,CAA5B;;AAwBA,SAASC,kBAAT,OAAyC;AAAA,MAAXC,OAAW,QAAXA,OAAW;AACvC,MAAMC,OAAO,GAAGpB,SAAS,EAAzB;AACA,sBACEqB;AAAK,IAAA,SAAS,EAAED,OAAO,CAACjB,OAAxB;AAAiC,IAAA,OAAO,EAAEgB,OAA1C;AAAA,4BACEG,IAAC,SAAD;AAAW,MAAA,SAAS,EAAEF,OAAO,CAACJ;AAA9B,MADF,eAEEM,IAAC,UAAD;AAAY,MAAA,SAAS,EAAEF,OAAO,CAACP,SAA/B;AAAA;AAAA,MAFF;AAAA,IADF;AAMD;;AAEDK,kBAAkB,CAACK,SAAnB,GAA+B;AAC7BJ,EAAAA,OAAO,EAAEK,SAAS,CAACC,IAAV,CAAeC;AADK,CAA/B;;;;"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/MultiSelect.js

@@ -1 +1,149 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as r,useEffect as i}from"react";import t from"prop-types";import{makeStyles as n,FormControl as a,InputLabel as l,Select as o,MenuItem as c,Checkbox as s,ListItemText as u,Divider as m}from"@material-ui/core";import{jsxs as p,jsx as d}from"react/jsx-runtime";var f=n({checkBox:{color:"grey",paddingLeft:0},formControl:{marginTop:"8px",marginRight:"24px",width:function(e){return e.size}},listItemPrimaryText:{color:"#fff"},paper:{backgroundColor:"#414141"}});function h(t){var n=t.options,h=t.currentValues,g=t.title,y=t.size,x=t.renderValue,k=t.onChange,v=r([]),C=e(v,2),R=C[0],q=C[1],T=r(!1),P=e(T,2),V=P[0],b=P[1],w=r(!1),z=e(w,2),N=z[0],O=z[1],B=f({size:y});i((function(){q(h.filter((function(e){return n.includes(e)})))}),[h,n]);return p(a,{className:B.formControl,children:[d(l,{shrink:!0,htmlFor:"c-owp-multi-select-".concat(g),children:g}),p(o,{className:B.select,MenuProps:{classes:{paper:B.paper}},multiple:!0,displayEmpty:!0,fullWidth:!0,value:R,inputProps:{name:"c-owp-multi-select-".concat(g),id:"c-owp-multi-select-".concat(g)},renderValue:function(e){return x(e.length)},open:V,onOpen:function(){b(!0),O(!1)},onClose:function(){b(!1),N&&k(R),O(!1)},onChange:function(e){var r=e.target.value;q(r.includes("all")?[]:r),O(!0)},children:[p(c,{value:"all",children:[d(s,{checked:!0,indeterminate:R.length>0,className:B.checkBox}),d(u,{primary:x(0),classes:{primary:B.listItemPrimaryText}})]},"all"),d(m,{}),n.map((function(e){return p(c,{value:e,children:[d(s,{checked:R.indexOf(e)>-1,className:B.checkBox}),d(u,{primary:e,classes:{primary:B.listItemPrimaryText}})]},e)}))]})]})}h.propTypes={options:t.arrayOf(t.string).isRequired,currentValues:t.arrayOf(t.string).isRequired,title:t.string.isRequired,size:t.number.isRequired,renderValue:t.func.isRequired,onChange:t.func.isRequired};export{h as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, FormControl, InputLabel, Select, MenuItem, Checkbox, ListItemText, Divider } from '@material-ui/core';
+import { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+
+var useStyles = makeStyles({
+  checkBox: {
+    color: 'grey',
+    paddingLeft: 0
+  },
+  formControl: {
+    marginTop: '8px',
+    marginRight: '24px',
+    width: function width(_ref) {
+      var size = _ref.size;
+      return size;
+    }
+  },
+  listItemPrimaryText: {
+    color: '#fff'
+  },
+  paper: {
+    backgroundColor: '#414141'
+  }
+});
+
+function MultiSelect(_ref2) {
+  var options = _ref2.options,
+      currentValues = _ref2.currentValues,
+      title = _ref2.title,
+      size = _ref2.size,
+      _renderValue = _ref2.renderValue,
+      onChange = _ref2.onChange;
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      values = _useState2[0],
+      setValues = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      open = _useState4[0],
+      setOpen = _useState4[1];
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isChanged = _useState6[0],
+      setIsChanged = _useState6[1];
+
+  var classes = useStyles({
+    size: size
+  });
+  useEffect(function () {
+    setValues(currentValues.filter(function (value) {
+      return options.includes(value);
+    }));
+  }, [currentValues, options]);
+
+  var handleOpen = function handleOpen() {
+    setOpen(true);
+    setIsChanged(false);
+  };
+
+  var handleClose = function handleClose() {
+    setOpen(false);
+
+    if (isChanged) {
+      onChange(values);
+    }
+
+    setIsChanged(false);
+  };
+
+  var handleChange = function handleChange(e) {
+    var selectedValues = e.target.value;
+    setValues(selectedValues.includes('all') ? [] : selectedValues);
+    setIsChanged(true);
+  };
+
+  return /*#__PURE__*/jsxs(FormControl, {
+    className: classes.formControl,
+    children: [/*#__PURE__*/jsx(InputLabel, {
+      shrink: true,
+      htmlFor: "c-owp-multi-select-".concat(title),
+      children: title
+    }), /*#__PURE__*/jsxs(Select, {
+      className: classes.select,
+      MenuProps: {
+        classes: {
+          paper: classes.paper
+        }
+      },
+      multiple: true,
+      displayEmpty: true,
+      fullWidth: true,
+      value: values,
+      inputProps: {
+        name: "c-owp-multi-select-".concat(title),
+        id: "c-owp-multi-select-".concat(title)
+      },
+      renderValue: function renderValue(selected) {
+        return _renderValue(selected.length);
+      },
+      open: open,
+      onOpen: handleOpen,
+      onClose: handleClose,
+      onChange: handleChange,
+      children: [/*#__PURE__*/jsxs(MenuItem, {
+        value: "all",
+        children: [/*#__PURE__*/jsx(Checkbox, {
+          checked: true,
+          indeterminate: values.length > 0,
+          className: classes.checkBox
+        }), /*#__PURE__*/jsx(ListItemText, {
+          primary: _renderValue(0),
+          classes: {
+            primary: classes.listItemPrimaryText
+          }
+        })]
+      }, "all"), /*#__PURE__*/jsx(Divider, {}), options.map(function (option) {
+        return /*#__PURE__*/jsxs(MenuItem, {
+          value: option,
+          children: [/*#__PURE__*/jsx(Checkbox, {
+            checked: values.indexOf(option) > -1,
+            className: classes.checkBox
+          }), /*#__PURE__*/jsx(ListItemText, {
+            primary: option,
+            classes: {
+              primary: classes.listItemPrimaryText
+            }
+          })]
+        }, option);
+      })]
+    })]
+  });
+}
+
+MultiSelect.propTypes = {
+  options: PropTypes.arrayOf(PropTypes.string).isRequired,
+  currentValues: PropTypes.arrayOf(PropTypes.string).isRequired,
+  title: PropTypes.string.isRequired,
+  size: PropTypes.number.isRequired,
+  renderValue: PropTypes.func.isRequired,
+  onChange: PropTypes.func.isRequired
+};
+
+export default MultiSelect;
+//# sourceMappingURL=MultiSelect.js.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/MultiSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/MultiSelect.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  Select,\n  MenuItem,\n  FormControl,\n  InputLabel,\n  Checkbox,\n  ListItemText,\n  Divider,\n  makeStyles,\n} from '@material-ui/core';\n\nconst useStyles = makeStyles({\n  checkBox: {\n    color: 'grey',\n    paddingLeft: 0,\n  },\n  formControl: {\n    marginTop: '8px',\n    marginRight: '24px',\n    width: ({ size }) => size,\n  },\n  listItemPrimaryText: { color: '#fff' },\n  paper: {\n    backgroundColor: '#414141',\n  },\n});\n\nfunction MultiSelect({ options, currentValues, title, size, renderValue, onChange }) {\n  const [values, setValues] = useState([]);\n  const [open, setOpen] = useState(false);\n  const [isChanged, setIsChanged] = useState(false);\n\n  const classes = useStyles({ size });\n\n  useEffect(() => {\n    setValues(currentValues.filter(value => options.includes(value)));\n  }, [currentValues, options]);\n\n  const handleOpen = () => {\n    setOpen(true);\n    setIsChanged(false);\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n    if (isChanged) {\n      onChange(values);\n    }\n    setIsChanged(false);\n  };\n\n  const handleChange = e => {\n    const selectedValues = e.target.value;\n    setValues(selectedValues.includes('all') ? [] : selectedValues);\n    setIsChanged(true);\n  };\n\n  return (\n    <FormControl className={classes.formControl}>\n      <InputLabel shrink htmlFor={`c-owp-multi-select-${title}`}>\n        {title}\n      </InputLabel>\n      <Select\n        className={classes.select}\n        MenuProps={{ classes: { paper: classes.paper } }}\n        multiple\n        displayEmpty\n        fullWidth\n        value={values}\n        inputProps={{\n          name: `c-owp-multi-select-${title}`,\n          id: `c-owp-multi-select-${title}`,\n        }}\n        renderValue={selected => renderValue(selected.length)}\n        open={open}\n        onOpen={handleOpen}\n        onClose={handleClose}\n        onChange={handleChange}\n      >\n        <MenuItem key=\"all\" value=\"all\">\n          <Checkbox checked indeterminate={values.length > 0} className={classes.checkBox} />\n          <ListItemText\n            primary={renderValue(0)}\n            classes={{ primary: classes.listItemPrimaryText }}\n          />\n        </MenuItem>\n\n        <Divider />\n\n        {options.map(option => (\n          <MenuItem key={option} value={option}>\n            <Checkbox checked={values.indexOf(option) > -1} className={classes.checkBox} />\n            <ListItemText primary={option} classes={{ primary: classes.listItemPrimaryText }} />\n          </MenuItem>\n        ))}\n      </Select>\n    </FormControl>\n  );\n}\n\nMultiSelect.propTypes = {\n  options: PropTypes.arrayOf(PropTypes.string).isRequired,\n  currentValues: PropTypes.arrayOf(PropTypes.string).isRequired,\n  title: PropTypes.string.isRequired,\n  size: PropTypes.number.isRequired,\n  renderValue: PropTypes.func.isRequired,\n  onChange: PropTypes.func.isRequired,\n};\n\nexport default MultiSelect;\n"],"names":["useStyles","makeStyles","checkBox","color","paddingLeft","formControl","marginTop","marginRight","width","size","listItemPrimaryText","paper","backgroundColor","MultiSelect","options","currentValues","title","renderValue","onChange","useState","values","setValues","open","setOpen","isChanged","setIsChanged","classes","useEffect","filter","value","includes","handleOpen","handleClose","handleChange","e","selectedValues","target","_jsxs","_jsx","select","name","id","selected","length","primary","map","option","indexOf","propTypes","PropTypes","arrayOf","string","isRequired","number","func"],"mappings":"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"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/RadiusInput.js

@@ -1 +1,78 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as r,useEffect as i}from"react";import o from"prop-types";import{withStyles as a,Tooltip as t,TextField as n}from"@material-ui/core";import{debounce as l}from"lodash";import{jsx as s}from"react/jsx-runtime";var u=l((function(e){e()}),1500);function m(o){var a=o.radius,l=o.editable,m=o.onChange,p=o.classes,c=r(a),d=e(c,2),f=d[0],b=d[1],h=r(null),g=e(h,2),v=g[0],x=g[1];i((function(){b(a)}),[a]);return s(t,{title:l?"":"To make radius active select Subject Well.",children:s(n,{type:"number",label:"Radius (miles)",value:f,disabled:!l,onChange:function(e){var r=e.target.value;!Number.isFinite(+r)||+r<0?x("Incorrect radius"):(x(null),u((function(){m(+r)}))),b(r)},error:!!v,helperText:v,className:p.formControl})})}m.propTypes={radius:o.number.isRequired,editable:o.bool.isRequired,onChange:o.func.isRequired,classes:o.shape({}).isRequired};var p=a({formControl:{width:"150px",marginTop:"8px",marginRight:"24px"}})(m);export{p as default};
+import { debounce } from 'lodash';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsx } from 'react/jsx-runtime';
+import { withStyles, Tooltip, TextField } from '@material-ui/core';
+import { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+
+var muiStyles = {
+  formControl: {
+    width: '150px',
+    marginTop: '8px',
+    marginRight: '24px'
+  }
+};
+var debouncedFunc = debounce(function (callback) {
+  callback();
+}, 1500);
+
+function RadiusInput(_ref) {
+  var radius = _ref.radius,
+      editable = _ref.editable,
+      onChange = _ref.onChange,
+      classes = _ref.classes;
+
+  var _useState = useState(radius),
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  var _useState3 = useState(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      error = _useState4[0],
+      setError = _useState4[1];
+
+  useEffect(function () {
+    setValue(radius);
+  }, [radius]);
+
+  var handleChangeValue = function handleChangeValue(e) {
+    var newValue = e.target.value;
+
+    if (!Number.isFinite(+newValue) || +newValue < 0) {
+      setError('Incorrect radius');
+    } else {
+      setError(null);
+      debouncedFunc(function () {
+        onChange(+newValue);
+      });
+    }
+
+    setValue(newValue);
+  };
+
+  return /*#__PURE__*/jsx(Tooltip, {
+    title: !editable ? 'To make radius active select Subject Well.' : '',
+    children: /*#__PURE__*/jsx(TextField, {
+      type: "number",
+      label: "Radius (miles)",
+      value: value,
+      disabled: !editable,
+      onChange: handleChangeValue,
+      error: !!error,
+      helperText: error,
+      className: classes.formControl
+    })
+  });
+}
+
+RadiusInput.propTypes = {
+  radius: PropTypes.number.isRequired,
+  editable: PropTypes.bool.isRequired,
+  onChange: PropTypes.func.isRequired,
+  classes: PropTypes.shape({}).isRequired
+};
+var RadiusInput$1 = withStyles(muiStyles)(RadiusInput);
+
+export default RadiusInput$1;
+//# sourceMappingURL=RadiusInput.js.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/RadiusInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadiusInput.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Filter/RadiusInput.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { TextField, Tooltip, withStyles } from '@material-ui/core';\nimport { debounce } from 'lodash';\n\nconst muiStyles = {\n  formControl: {\n    width: '150px',\n    marginTop: '8px',\n    marginRight: '24px',\n  },\n};\n\nconst debouncedFunc = debounce(callback => {\n  callback();\n}, 1500);\n\nfunction RadiusInput({ radius, editable, onChange, classes }) {\n  const [value, setValue] = useState(radius);\n  const [error, setError] = useState(null);\n\n  useEffect(() => {\n    setValue(radius);\n  }, [radius]);\n\n  const handleChangeValue = e => {\n    const newValue = e.target.value;\n\n    if (!Number.isFinite(+newValue) || +newValue < 0) {\n      setError('Incorrect radius');\n    } else {\n      setError(null);\n      debouncedFunc(() => {\n        onChange(+newValue);\n      });\n    }\n\n    setValue(newValue);\n  };\n\n  return (\n    <Tooltip title={!editable ? 'To make radius active select Subject Well.' : ''}>\n      <TextField\n        type=\"number\"\n        label=\"Radius (miles)\"\n        value={value}\n        disabled={!editable}\n        onChange={handleChangeValue}\n        error={!!error}\n        helperText={error}\n        className={classes.formControl}\n      />\n    </Tooltip>\n  );\n}\n\nRadiusInput.propTypes = {\n  radius: PropTypes.number.isRequired,\n  editable: PropTypes.bool.isRequired,\n  onChange: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n};\n\nexport default withStyles(muiStyles)(RadiusInput);\n"],"names":["muiStyles","formControl","width","marginTop","marginRight","debouncedFunc","debounce","callback","RadiusInput","radius","editable","onChange","classes","useState","value","setValue","error","setError","useEffect","handleChangeValue","e","newValue","target","Number","isFinite","_jsx","propTypes","PropTypes","number","isRequired","bool","func","shape","withStyles"],"mappings":";;;;;;;AAKA,IAAMA,SAAS,GAAG;AAChBC,EAAAA,WAAW,EAAE;AACXC,IAAAA,KAAK,EAAE,OADI;AAEXC,IAAAA,SAAS,EAAE,KAFA;AAGXC,IAAAA,WAAW,EAAE;AAHF;AADG,CAAlB;AAQA,IAAMC,aAAa,GAAGC,QAAQ,CAAC,UAAAC,QAAQ,EAAI;AACzCA,EAAAA,QAAQ;AACT,CAF6B,EAE3B,IAF2B,CAA9B;;AAIA,SAASC,WAAT,OAA8D;AAAA,MAAvCC,MAAuC,QAAvCA,MAAuC;AAAA,MAA/BC,QAA+B,QAA/BA,QAA+B;AAAA,MAArBC,QAAqB,QAArBA,QAAqB;AAAA,MAAXC,OAAW,QAAXA,OAAW;;AAAA,kBAClCC,QAAQ,CAACJ,MAAD,CAD0B;AAAA;AAAA,MACrDK,KADqD;AAAA,MAC9CC,QAD8C;;AAAA,mBAElCF,QAAQ,CAAC,IAAD,CAF0B;AAAA;AAAA,MAErDG,KAFqD;AAAA,MAE9CC,QAF8C;;AAI5DC,EAAAA,SAAS,CAAC,YAAM;AACdH,IAAAA,QAAQ,CAACN,MAAD,CAAR;AACD,GAFQ,EAEN,CAACA,MAAD,CAFM,CAAT;;AAIA,MAAMU,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,CAAC,EAAI;AAC7B,QAAMC,QAAQ,GAAGD,CAAC,CAACE,MAAF,CAASR,KAA1B;;AAEA,QAAI,CAACS,MAAM,CAACC,QAAP,CAAgB,CAACH,QAAjB,CAAD,IAA+B,CAACA,QAAD,GAAY,CAA/C,EAAkD;AAChDJ,MAAAA,QAAQ,CAAC,kBAAD,CAAR;AACD,KAFD,MAEO;AACLA,MAAAA,QAAQ,CAAC,IAAD,CAAR;AACAZ,MAAAA,aAAa,CAAC,YAAM;AAClBM,QAAAA,QAAQ,CAAC,CAACU,QAAF,CAAR;AACD,OAFY,CAAb;AAGD;;AAEDN,IAAAA,QAAQ,CAACM,QAAD,CAAR;AACD,GAbD;;AAeA,sBACEI,IAAC,OAAD;AAAS,IAAA,KAAK,EAAE,CAACf,QAAD,GAAY,4CAAZ,GAA2D,EAA3E;AAAA,2BACEe,IAAC,SAAD;AACE,MAAA,IAAI,EAAC,QADP;AAEE,MAAA,KAAK,EAAC,gBAFR;AAGE,MAAA,KAAK,EAAEX,KAHT;AAIE,MAAA,QAAQ,EAAE,CAACJ,QAJb;AAKE,MAAA,QAAQ,EAAES,iBALZ;AAME,MAAA,KAAK,EAAE,CAAC,CAACH,KANX;AAOE,MAAA,UAAU,EAAEA,KAPd;AAQE,MAAA,SAAS,EAAEJ,OAAO,CAACX;AARrB;AADF,IADF;AAcD;;AAEDO,WAAW,CAACkB,SAAZ,GAAwB;AACtBjB,EAAAA,MAAM,EAAEkB,SAAS,CAACC,MAAV,CAAiBC,UADH;AAEtBnB,EAAAA,QAAQ,EAAEiB,SAAS,CAACG,IAAV,CAAeD,UAFH;AAGtBlB,EAAAA,QAAQ,EAAEgB,SAAS,CAACI,IAAV,CAAeF,UAHH;AAItBjB,EAAAA,OAAO,EAAEe,SAAS,CAACK,KAAV,CAAgB,EAAhB,EAAoBH;AAJP,CAAxB;AAOA,oBAAeI,UAAU,CAACjC,SAAD,CAAV,CAAsBQ,WAAtB,CAAf;;;;"}