@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/index.js

@@ -1,421 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { isEqual, clone, get } from 'lodash';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import moment from 'moment';
-import { getUnitDisplay, convertValue } from '../../../../../../utils/index.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { withStyles, Typography, Checkbox, IconButton } from '@material-ui/core';
-import { memo, useRef, useMemo } from 'react';
-import { bool, shape, number, arrayOf, string, func } from 'prop-types';
-import classNames from 'classnames';
-import { SizeMe } from 'react-sizeme';
-import SortIcon from '@material-ui/icons/Sort';
-import { AutoSizer, Table, Column } from 'react-virtualized';
-import NotInterestedIcon from '@material-ui/icons/NotInterested';
-import { METRICS_LIST, TABLE_COLUMNS, SETTINGS_COLUMN, METRICS_KEYS } from '../../constants.js';
-import SubjectIndicator from './SubjectIndicator.js';
-import MetricsAddMenu from './MetricsAddMenu.js';
-import MetricsSelect from './MetricsSelect.js';
-import WellSearch from './WellSearch.js';
-import { muiStyles } from './styles.js';
-
-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 ROW_HEIGHT = 48;
-var HEADER_HEIGHT = 44;
-var EXTRA_HEIGHT = 52;
-var MAX_TABLE_HEIGHT = 2000;
-var TABLE_WIDTH = 1004;
-
-function formatItem(item, key) {
-  var value = get(item, key);
-  var result;
-
-  switch (key) {
-    case 'distance':
-      result = Number.isFinite(value) ? parseFloat(value).toFixed(2) : 'N/A';
-      break;
-
-    case 'rigReleaseDate':
-      result = Number.isFinite(value) ? moment.unix(value).format('MM/DD/YYYY') : 'N/A';
-      break;
-
-    default:
-      result = value || '';
-  }
-
-  return result;
-}
-
-function formatMetricItem(item, metric, isMetricsLoading) {
-  var value = get(item, metric.key);
-
-  if (METRICS_KEYS.includes(metric.key)) {
-    if (Number.isFinite(value) || value) {
-      return metric.unitType ? convertValue(value, metric.unitType, metric.from, metric.to) : value;
-    }
-
-    if (isMetricsLoading) {
-      return 'loading...';
-    }
-  }
-
-  return '';
-}
-
-function WellsTable(_ref) {
-  var open = _ref.open,
-      subjectWell = _ref.subjectWell,
-      wells = _ref.wells,
-      offsetWells = _ref.offsetWells,
-      metricsKeys = _ref.metricsKeys,
-      isMetricsLoading = _ref.isMetricsLoading,
-      sortInfo = _ref.sortInfo,
-      unusableWellAlarm = _ref.unusableWellAlarm,
-      dialogWidth = _ref.dialogWidth,
-      classes = _ref.classes,
-      onChangeMetricsKeys = _ref.onChangeMetricsKeys,
-      onAddOffsetWell = _ref.onAddOffsetWell,
-      onDeleteOffsetWell = _ref.onDeleteOffsetWell,
-      onAddAllOffsetWells = _ref.onAddAllOffsetWells,
-      onDeleteAllOffsetWells = _ref.onDeleteAllOffsetWells,
-      onSorting = _ref.onSorting;
-  var tableContainerRef = useRef(); // NOTE: Get usable wells & offset wells only
-
-  var usableWells = useMemo(function () {
-    return wells.filter(function (item) {
-      return item.is_usable;
-    });
-  }, [wells]); // NOTE: Just compare among usable wells
-
-  var isAllUsableWellsSelected = useMemo(function () {
-    var usableWellIds = usableWells.map(function (well) {
-      return well.id;
-    }).sort();
-    var offsetWellIds = offsetWells.map(function (well) {
-      return well.id;
-    }).sort();
-    return usableWellIds.length && isEqual(usableWellIds, offsetWellIds);
-  }, [usableWells, offsetWells]);
-  var metricsColumns = useMemo(function () {
-    // NOTE: Pay attention to the order of metrics and duplication
-    return metricsKeys.reduce(function (result, key) {
-      return result.concat(METRICS_LIST.filter(function (item) {
-        return item.key === key;
-      }));
-    }, []);
-  }, [metricsKeys]); // NOTE: Table columns
-
-  var tableColumns = useMemo(function () {
-    return [].concat(_toConsumableArray(TABLE_COLUMNS), _toConsumableArray(metricsColumns.map(function (item) {
-      return _objectSpread(_objectSpread({}, item), {}, {
-        width: 240
-      });
-    })), [SETTINGS_COLUMN]);
-  }, [metricsColumns]); // NOTE: Calculate width of each table columns
-
-  var columnWidthDict = useMemo(function () {
-    if (!dialogWidth || dialogWidth <= 0) {
-      return {};
-    }
-
-    var result = {}; // NOTE: Keep the columns that had been adjusted due to expected width is smaller than min width
-
-    var adjustedColumns = []; // NOTE: Give fixed width to the columns with "width" field
-
-    tableColumns.filter(function (column) {
-      return Number.isFinite(column.width);
-    }).forEach(function (column) {
-      result[column.key] = column.width - 1;
-      adjustedColumns.push(column.width - 1);
-    });
-    tableColumns.filter(function (column) {
-      return !Number.isFinite(column.width);
-    }).forEach(function (column) {
-      // NOTE: Width sum of adjusted columns
-      var sumOfAdjustColumnWidth = adjustedColumns.reduce(function (subResult, columnWidth) {
-        return subResult + columnWidth;
-      }, 0); // NOTE: Expected space for the column
-
-      var calculatedWidth = Math.floor((dialogWidth - sumOfAdjustColumnWidth) / (tableColumns.length - adjustedColumns.length));
-      var requiredWidth = column.minWidth || 200;
-      var adjustedWidth = calculatedWidth < requiredWidth ? requiredWidth : calculatedWidth;
-      result[column.key] = adjustedWidth - 1;
-      adjustedColumns.push(adjustedWidth - 1);
-    });
-    return result;
-  }, [dialogWidth, tableColumns]); // NOTE: Calculate table width from adjusted columns width
-
-  var tableWidth = useMemo(function () {
-    if (tableContainerRef.current && open) return tableContainerRef.current.clientWidth;
-    return TABLE_WIDTH;
-  }, [columnWidthDict, tableContainerRef.current, open]);
-
-  var handleChangeMetricsKeys = function handleChangeMetricsKeys(newKeys) {
-    onChangeMetricsKeys(newKeys);
-  };
-
-  var handleChangeColumnMetricsKey = function handleChangeColumnMetricsKey(columnIdx) {
-    return function (newKey) {
-      var newKeys = clone(metricsKeys);
-      newKeys[columnIdx] = newKey;
-      onChangeMetricsKeys(newKeys);
-    };
-  };
-
-  var handleSorting = function handleSorting(dataKey) {
-    onSorting(dataKey);
-  };
-
-  var handleToggleWell = function handleToggleWell(targetId, checked) {
-    if (checked) {
-      onAddOffsetWell(targetId);
-    } else {
-      onDeleteOffsetWell(targetId);
-    }
-  };
-
-  var handleToggleWells = function handleToggleWells(e) {
-    if (e.target.checked) {
-      onAddAllOffsetWells();
-    } else {
-      onDeleteAllOffsetWells();
-    }
-  };
-
-  var sortIconRenderer = function sortIconRenderer(dataKey) {
-    return /*#__PURE__*/jsx(IconButton, {
-      "data-not-migrated-muiiconbutton": true,
-      className: classes.sortIconButton,
-      onClick: function onClick() {
-        return handleSorting(dataKey);
-      },
-      children: dataKey !== sortInfo.key ? /*#__PURE__*/jsx(NotInterestedIcon, {
-        className: classes.sortIcon
-      }) : /*#__PURE__*/jsx(SortIcon, {
-        className: classNames(classes.sortIcon, _defineProperty({}, classes.ascendingSortIcon, sortInfo.direction === 1))
-      })
-    });
-  }; // NOTE: Table renderers
-
-
-  var headerRenderer = function headerRenderer(headerData) {
-    var label = headerData.label,
-        dataKey = headerData.dataKey; // name column
-
-    if (dataKey === 'name') {
-      return /*#__PURE__*/jsxs("div", {
-        className: classes.nameWrapper,
-        children: [/*#__PURE__*/jsx(Checkbox, {
-          classes: {
-            checked: classes.nameCheckBox,
-            indeterminate: classes.nameCheckBox
-          },
-          onClick: handleToggleWells,
-          checked: isAllUsableWellsSelected,
-          indeterminate: offsetWells.length > 0 && !isAllUsableWellsSelected,
-          size: "small"
-        }), /*#__PURE__*/jsx(Typography, {
-          className: classNames(classes.cell, classes.nameCell),
-          children: label
-        }), sortIconRenderer(dataKey)]
-      });
-    } // metrics columns
-
-
-    if (metricsKeys.includes(dataKey)) {
-      var currentMetric = metricsColumns.find(function (item) {
-        return item.key === dataKey;
-      });
-      var metricIndex = metricsColumns.findIndex(function (item) {
-        return item.key === dataKey;
-      });
-      return /*#__PURE__*/jsxs("div", {
-        className: classes.metricsColumn,
-        children: [/*#__PURE__*/jsx(MetricsSelect, {
-          items: METRICS_LIST,
-          currentValue: dataKey,
-          onChange: handleChangeColumnMetricsKey(metricIndex)
-        }), /*#__PURE__*/jsx(Typography, {
-          className: classNames(classes.cell, classes.unitCell),
-          children: currentMetric.unitType ? "(".concat(getUnitDisplay(currentMetric.unitType, currentMetric.to), ")") : ''
-        }), sortIconRenderer(dataKey)]
-      });
-    } // settings column
-
-
-    if (dataKey === SETTINGS_COLUMN.key) {
-      return /*#__PURE__*/jsx("div", {
-        className: classes.settingsCell,
-        children: /*#__PURE__*/jsx(MetricsAddMenu, {
-          metricsKeys: metricsKeys,
-          onChange: handleChangeMetricsKeys
-        })
-      });
-    }
-
-    return /*#__PURE__*/jsxs("div", {
-      className: classes.nameWrapper,
-      children: [/*#__PURE__*/jsx(Typography, {
-        className: classes.cell,
-        children: label
-      }), sortIconRenderer(dataKey)]
-    });
-  };
-
-  var cellRenderer = function cellRenderer(_ref2) {
-    var well = _ref2.rowData,
-        dataKey = _ref2.dataKey;
-
-    if (dataKey === 'name') {
-      return /*#__PURE__*/jsxs("div", {
-        className: classes.nameWrapper,
-        children: [/*#__PURE__*/jsx(Checkbox, {
-          color: "primary",
-          checked: offsetWells.findIndex(function (offsetWell) {
-            return offsetWell.id === well.id;
-          }) > -1,
-          onChange: function onChange(e) {
-            return handleToggleWell(well.id, e.target.checked);
-          },
-          size: "small",
-          disabled: !well.is_usable
-        }), /*#__PURE__*/jsx(Typography, {
-          className: classNames(classes.tableCellLabel, _defineProperty({}, classes.tableCellLabelDisabled, !well.is_usable)),
-          children: formatItem(well, dataKey)
-        }), subjectWell && well.id === subjectWell.id && /*#__PURE__*/jsx(SubjectIndicator, {})]
-      });
-    } // settings column
-
-
-    if (dataKey === SETTINGS_COLUMN.key) {
-      return /*#__PURE__*/jsx("div", {
-        className: classes.settingsCell,
-        children: !well.is_usable && /*#__PURE__*/jsx(Typography, {
-          className: classes.errorMsg,
-          children: unusableWellAlarm
-        })
-      });
-    }
-
-    var formattedCellData = null;
-
-    if (metricsKeys.includes(dataKey)) {
-      var currentMetric = metricsColumns.find(function (item) {
-        return item.key === dataKey;
-      });
-      formattedCellData = formatMetricItem(well, currentMetric, isMetricsLoading);
-    } else {
-      formattedCellData = formatItem(well, dataKey);
-    }
-
-    return /*#__PURE__*/jsx(Typography, {
-      className: classNames(classes.cell, classes.tableCellLabel, _defineProperty({}, classes.tableCellLabelDisabled, !well.is_usable)),
-      children: formattedCellData
-    });
-  };
-
-  var height = useMemo(function () {
-    return Math.min(ROW_HEIGHT * wells.length + HEADER_HEIGHT + EXTRA_HEIGHT, MAX_TABLE_HEIGHT);
-  }, [wells]);
-
-  var handleAddWell = function handleAddWell(wellId) {
-    onAddOffsetWell(wellId);
-  };
-
-  return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsxs("div", {
-      className: classes.tableContainer,
-      style: {
-        height: height
-      },
-      children: [/*#__PURE__*/jsxs("div", {
-        className: classes.titleWrapper,
-        children: [/*#__PURE__*/jsxs(Typography, {
-          variant: "body2",
-          className: classes.tableTitle,
-          children: ["Well Names (", offsetWells.length, ")"]
-        }), /*#__PURE__*/jsx("div", {
-          className: classes.addWellInput,
-          children: /*#__PURE__*/jsx(WellSearch, {
-            wells: wells,
-            onChange: handleAddWell
-          })
-        })]
-      }), /*#__PURE__*/jsx("div", {
-        className: classes.tableTopBorder,
-        ref: tableContainerRef
-      }), /*#__PURE__*/jsx(AutoSizer, {
-        children: function children() {
-          return /*#__PURE__*/jsx(Table, {
-            width: tableWidth,
-            height: height,
-            headerHeight: HEADER_HEIGHT,
-            rowHeight: ROW_HEIGHT,
-            rowCount: wells.length,
-            rowGetter: function rowGetter(_ref3) {
-              var index = _ref3.index;
-              return wells[index];
-            },
-            className: classes.table,
-            children: tableColumns.map(function (column) {
-              return /*#__PURE__*/jsx(Column, {
-                width: columnWidthDict[column.key] || 200,
-                dataKey: column.key,
-                label: column.label,
-                headerRenderer: headerRenderer,
-                cellRenderer: cellRenderer
-              }, column.key);
-            })
-          });
-        }
-      })]
-    })
-  });
-}
-
-WellsTable.propTypes = {
-  open: bool.isRequired,
-  subjectWell: shape({
-    id: number
-  }),
-  wells: arrayOf(shape({})).isRequired,
-  offsetWells: arrayOf(shape({})).isRequired,
-  metricsKeys: arrayOf(string).isRequired,
-  isMetricsLoading: bool.isRequired,
-  sortInfo: shape({
-    key: string.isRequired,
-    direction: number.isRequired
-  }).isRequired,
-  classes: shape({}).isRequired,
-  onChangeMetricsKeys: func.isRequired,
-  onAddOffsetWell: func.isRequired,
-  onDeleteOffsetWell: func.isRequired,
-  onAddAllOffsetWells: func.isRequired,
-  onDeleteAllOffsetWells: func.isRequired,
-  onSorting: func.isRequired,
-  unusableWellAlarm: string.isRequired,
-  dialogWidth: number
-};
-WellsTable.defaultProps = {
-  subjectWell: null,
-  dialogWidth: 0
-}; // NOTE: Monitor the dialog width for table cell width
-
-function WithSizeMe(props) {
-  return /*#__PURE__*/jsx(SizeMe, {
-    monitorWidth: true,
-    children: function children(_ref4) {
-      var size = _ref4.size;
-      return /*#__PURE__*/jsx(WellsTable, _objectSpread({
-        dialogWidth: size.width
-      }, props));
-    }
-  });
-}
-
-var WellsTable$1 = withStyles(muiStyles)(memo(WithSizeMe));
-
-export default WellsTable$1;
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/toConsumableArray";import{AutoSizer as t,Table as n,Column as i}from"react-virtualized";import{SizeMe as l}from"react-sizeme";import{memo as o,useRef as s,useMemo as a}from"react";import{bool as c,shape as u,number as d,arrayOf as f,string as m,func as h}from"prop-types";import{isEqual as p,clone as b,get as y}from"lodash";import g from"moment";import v from"classnames";import{withStyles as N,Typography as W,Checkbox as k,IconButton as O}from"@material-ui/core";import j from"@material-ui/icons/Sort";import w from"@material-ui/icons/NotInterested";import{getUnitDisplay as C,convertValue as R}from"../../../../../../utils/index.js";import q from"./SubjectIndicator.js";import A from"./MetricsAddMenu.js";import D from"./MetricsSelect.js";import M from"./WellSearch.js";import{METRICS_LIST as I,TABLE_COLUMNS as x,SETTINGS_COLUMN as P,METRICS_KEYS as S}from"../../constants.js";import{muiStyles as K}from"./styles.js";import{jsx as F,Fragment as T,jsxs as L}from"react/jsx-runtime";function z(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function _(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):z(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}function B(e,r){var t,n=y(e,r);switch(r){case"distance":t=Number.isFinite(n)?parseFloat(n).toFixed(2):"N/A";break;case"rigReleaseDate":t=Number.isFinite(n)?g.unix(n).format("MM/DD/YYYY"):"N/A";break;default:t=n||""}return t}function E(l){var o=l.open,c=l.subjectWell,u=l.wells,d=l.offsetWells,f=l.metricsKeys,m=l.isMetricsLoading,h=l.sortInfo,g=l.unusableWellAlarm,N=l.dialogWidth,K=l.classes,z=l.onChangeMetricsKeys,E=l.onAddOffsetWell,Y=l.onDeleteOffsetWell,H=l.onAddAllOffsetWells,G=l.onDeleteAllOffsetWells,V=l.onSorting,J=s(),Q=a((function(){return u.filter((function(e){return e.is_usable}))}),[u]),U=a((function(){var e=Q.map((function(e){return e.id})).sort(),r=d.map((function(e){return e.id})).sort();return e.length&&p(e,r)}),[Q,d]),X=a((function(){return f.reduce((function(e,r){return e.concat(I.filter((function(e){return e.key===r})))}),[])}),[f]),Z=a((function(){return[].concat(r(x),r(X.map((function(e){return _(_({},e),{},{width:240})}))),[P])}),[X]),$=a((function(){if(!N||N<=0)return{};var e={},r=[];return Z.filter((function(e){return Number.isFinite(e.width)})).forEach((function(t){e[t.key]=t.width-1,r.push(t.width-1)})),Z.filter((function(e){return!Number.isFinite(e.width)})).forEach((function(t){var n=r.reduce((function(e,r){return e+r}),0),i=Math.floor((N-n)/(Z.length-r.length)),l=t.minWidth||200,o=i<l?l:i;e[t.key]=o-1,r.push(o-1)})),e}),[N,Z]),ee=a((function(){return J.current&&o?J.current.clientWidth:1004}),[$,J.current,o]),re=function(e){z(e)},te=function(e){e.target.checked?H():G()},ne=function(r){return F(O,{"data-not-migrated-muiiconbutton":!0,className:K.sortIconButton,onClick:function(){return function(e){V(e)}(r)},children:r!==h.key?F(w,{className:K.sortIcon}):F(j,{className:v(K.sortIcon,e({},K.ascendingSortIcon,1===h.direction))})})},ie=function(e){var r,t=e.label,n=e.dataKey;if("name"===n)return L("div",{className:K.nameWrapper,children:[F(k,{classes:{checked:K.nameCheckBox,indeterminate:K.nameCheckBox},onClick:te,checked:U,indeterminate:d.length>0&&!U,size:"small"}),F(W,{className:v(K.cell,K.nameCell),children:t}),ne(n)]});if(f.includes(n)){var i=X.find((function(e){return e.key===n})),l=X.findIndex((function(e){return e.key===n}));return L("div",{className:K.metricsColumn,children:[F(D,{items:I,currentValue:n,onChange:(r=l,function(e){var t=b(f);t[r]=e,z(t)})}),F(W,{className:v(K.cell,K.unitCell),children:i.unitType?"(".concat(C(i.unitType,i.to),")"):""}),ne(n)]})}return n===P.key?F("div",{className:K.settingsCell,children:F(A,{metricsKeys:f,onChange:re})}):L("div",{className:K.nameWrapper,children:[F(W,{className:K.cell,children:t}),ne(n)]})},le=function(r){var t=r.rowData,n=r.dataKey;if("name"===n)return L("div",{className:K.nameWrapper,children:[F(k,{color:"primary",checked:d.findIndex((function(e){return e.id===t.id}))>-1,onChange:function(e){return r=t.id,void(e.target.checked?E(r):Y(r));var r},size:"small",disabled:!t.is_usable}),F(W,{className:v(K.tableCellLabel,e({},K.tableCellLabelDisabled,!t.is_usable)),children:B(t,n)}),c&&t.id===c.id&&F(q,{})]});if(n===P.key)return F("div",{className:K.settingsCell,children:!t.is_usable&&F(W,{className:K.errorMsg,children:g})});var i=null;if(f.includes(n)){var l=X.find((function(e){return e.key===n}));i=function(e,r,t){var n=y(e,r.key);if(S.includes(r.key)){if(Number.isFinite(n)||n)return r.unitType?R(n,r.unitType,r.from,r.to):n;if(t)return"loading..."}return""}(t,l,m)}else i=B(t,n);return F(W,{className:v(K.cell,K.tableCellLabel,e({},K.tableCellLabelDisabled,!t.is_usable)),children:i})},oe=a((function(){return Math.min(48*u.length+44+52,2e3)}),[u]);return F(T,{children:L("div",{className:K.tableContainer,style:{height:oe},children:[L("div",{className:K.titleWrapper,children:[L(W,{variant:"body2",className:K.tableTitle,children:["Well Names (",d.length,")"]}),F("div",{className:K.addWellInput,children:F(M,{wells:u,onChange:function(e){E(e)}})})]}),F("div",{className:K.tableTopBorder,ref:J}),F(t,{children:function(){return F(n,{width:ee,height:oe,headerHeight:44,rowHeight:48,rowCount:u.length,rowGetter:function(e){var r=e.index;return u[r]},className:K.table,children:Z.map((function(e){return F(i,{width:$[e.key]||200,dataKey:e.key,label:e.label,headerRenderer:ie,cellRenderer:le},e.key)}))})}})]})})}E.propTypes={open:c.isRequired,subjectWell:u({id:d}),wells:f(u({})).isRequired,offsetWells:f(u({})).isRequired,metricsKeys:f(m).isRequired,isMetricsLoading:c.isRequired,sortInfo:u({key:m.isRequired,direction:d.isRequired}).isRequired,classes:u({}).isRequired,onChangeMetricsKeys:h.isRequired,onAddOffsetWell:h.isRequired,onDeleteOffsetWell:h.isRequired,onAddAllOffsetWells:h.isRequired,onDeleteAllOffsetWells:h.isRequired,onSorting:h.isRequired,unusableWellAlarm:m.isRequired,dialogWidth:d},E.defaultProps={subjectWell:null,dialogWidth:0};var Y=N(K)(o((function(e){return F(l,{monitorWidth:!0,children:function(r){var t=r.size;return F(E,_({dialogWidth:t.width},e))}})})));export{Y as default};

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/styles.js

@@ -1,103 +1 @@
-var muiStyles = function muiStyles(theme) {
-  return {
-    tableContainer: {
-      marginTop: '22px',
-      overflowX: 'auto',
-      overflowY: 'hidden',
-      position: 'relative',
-      minHeight: '150px'
-    },
-    titleWrapper: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      alignItems: 'center',
-      marginBottom: '15px'
-    },
-    tableTitle: {
-      fontSize: '18px',
-      fontWeight: 400,
-      lineHeight: '24px',
-      color: theme.palette.primary.text1
-    },
-    addWellInput: {
-      width: '260px'
-    },
-    tableTopBorder: {
-      borderTop: '1px solid rgba(81, 81, 81, 1)'
-    },
-    table: {
-      '& .ReactVirtualized__Table__headerRow': {
-        textTransform: 'none',
-        borderBottom: theme.isLightTheme ? '1px solid rgba(224, 224, 224, 1)' : '1px solid rgba(81, 81, 81, 1)'
-      },
-      '& .ReactVirtualized__Table__row': {
-        borderBottom: theme.isLightTheme ? '1px solid rgba(224, 224, 224, 1)' : '1px solid rgba(81, 81, 81, 1)',
-        '&:hover': {
-          backgroundColor: 'rgba(255, 255, 255, 0.03)'
-        }
-      },
-      '& .ReactVirtualized__Table__Grid': {
-        outline: 'none'
-      },
-      '& .ReactVirtualized__Table__headerColumn': {
-        outline: 'none'
-      }
-    },
-    cell: {
-      color: 'rgba(255, 255, 255, 0.54)',
-      padding: '5px 10px',
-      fontSize: '12px',
-      whiteSpace: 'nowrap'
-    },
-    nameWrapper: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    nameCell: {
-      padding: 0
-    },
-    unitCell: {
-      padding: 0
-    },
-    settingsCell: {
-      textAlign: 'right'
-    },
-    sortIconButton: {
-      padding: '8px',
-      '&:hover $sortIcon': {
-        color: '#fff'
-      }
-    },
-    ascendingSortIcon: {
-      transform: 'scaleY(-1)'
-    },
-    sortIcon: {
-      fontSize: '14px',
-      color: '#BDBDBD'
-    },
-    metricsColumn: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    tableCellLabel: {
-      fontSize: '0.90rem',
-      overflow: 'hidden',
-      whiteSpace: 'nowrap',
-      textOverflow: 'ellipsis',
-      color: '#fff'
-    },
-    tableCellLabelDisabled: {
-      color: '#C4C4C4'
-    },
-    errorMsg: {
-      color: '#C4C4C4',
-      fontStyle: 'italic',
-      fontSize: '14px',
-      padding: '0 16px',
-      whiteSpace: 'nowrap'
-    }
-  };
-};
-
-export { muiStyles };
-//# sourceMappingURL=styles.js.map
+var e=function(e){return{tableContainer:{marginTop:"22px",overflowX:"auto",overflowY:"hidden",position:"relative",minHeight:"150px"},titleWrapper:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"15px"},tableTitle:{fontSize:"18px",fontWeight:400,lineHeight:"24px",color:e.palette.primary.text1},addWellInput:{width:"260px"},tableTopBorder:{borderTop:"1px solid rgba(81, 81, 81, 1)"},table:{"& .ReactVirtualized__Table__headerRow":{textTransform:"none",borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)"},"& .ReactVirtualized__Table__row":{borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.03)"}},"& .ReactVirtualized__Table__Grid":{outline:"none"},"& .ReactVirtualized__Table__headerColumn":{outline:"none"}},cell:{color:"rgba(255, 255, 255, 0.54)",padding:"5px 10px",fontSize:"12px",whiteSpace:"nowrap"},nameWrapper:{display:"flex",alignItems:"center"},nameCell:{padding:0},unitCell:{padding:0},settingsCell:{textAlign:"right"},sortIconButton:{padding:"8px","&:hover $sortIcon":{color:"#fff"}},ascendingSortIcon:{transform:"scaleY(-1)"},sortIcon:{fontSize:"14px",color:"#BDBDBD"},metricsColumn:{display:"flex",alignItems:"center"},tableCellLabel:{fontSize:"0.90rem",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",color:"#fff"},tableCellLabelDisabled:{color:"#C4C4C4"},errorMsg:{color:"#C4C4C4",fontStyle:"italic",fontSize:"14px",padding:"0 16px",whiteSpace:"nowrap"}}};export{e as muiStyles};

package/components/OffsetWellPickerV3/components/CustomSelectionView/constants.js

@@ -1,106 +1 @@
-import '@babel/runtime/helpers/defineProperty';
-import 'corva-convert-units';
-import { sortBy } from 'lodash';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import * as metricsConfig from '../../../../utils/metrics/metricsConfig.js';
-import '../../../../utils/index.js';
-
-var metrics = metricsConfig;
-var FILTERS = {
-  formation: 'formation',
-  stringDesign: 'stringDesign',
-  program: 'programName',
-  basin: 'basin',
-  county: 'county',
-  area: 'area',
-  status: 'status'
-};
-var FILTERS_LIST = [{
-  key: FILTERS.status,
-  title: 'Status',
-  size: 150,
-  renderValue: function renderValue(length) {
-    return length === 0 ? "All" : "".concat(length, " Status");
-  }
-}, {
-  key: FILTERS.program,
-  title: 'Program',
-  size: 150,
-  renderValue: function renderValue(length) {
-    return length === 0 ? "All" : "".concat(length, " Programs");
-  }
-}, {
-  key: FILTERS.basin,
-  title: 'Basin',
-  size: 150,
-  renderValue: function renderValue(length) {
-    return length === 0 ? "All" : "".concat(length, " Basins");
-  }
-}, {
-  key: FILTERS.county,
-  title: 'County',
-  size: 150,
-  renderValue: function renderValue(length) {
-    return length === 0 ? "All" : "".concat(length, " Counties");
-  }
-}, {
-  key: FILTERS.area,
-  title: 'Area',
-  size: 150,
-  renderValue: function renderValue(length) {
-    return length === 0 ? "All" : "".concat(length, " Areas");
-  }
-}, {
-  key: FILTERS.formation,
-  title: 'Target Formation',
-  size: 150,
-  renderValue: function renderValue(length) {
-    return length === 0 ? "All" : "".concat(length, " Formations");
-  }
-}, {
-  key: FILTERS.stringDesign,
-  title: 'String Design',
-  size: 150,
-  renderValue: function renderValue(length) {
-    return length === 0 ? "All" : "".concat(length, " Designs");
-  }
-}];
-var METRICS_LIST = sortBy([metrics.weight_to_weight_average, metrics.bottom_to_slips_average, metrics.drilling_connection_average, metrics.slips_to_bottom_average, metrics.hole_depth, metrics.hole_depth_change, metrics.drilled_feet_rotary, metrics.drilled_feet_slide, metrics.rop_gross, metrics.rop, metrics.rop_rotary, metrics.rop_slide, metrics.drilled_feet_rotary_percentage, metrics.drilled_feet_slide_percentage, metrics.on_bottom_percentage, metrics.on_bottom_time, metrics.cost_per_ft, metrics.cost_per_lat_ft, metrics.feet_per_day, metrics.tripping_in_speed_cased, metrics.tripping_in_speed_open, metrics.tripping_in_speed, metrics.tripping_out_speed_cased, metrics.tripping_out_speed_open, metrics.tripping_out_speed].concat(_toConsumableArray(process.env.REACT_APP_ENVIRONMENT !== 'production' ? [metrics.npt, metrics.circulating_time, metrics.spud_to_rig_release_time, metrics.spud_to_total_depth_time] : [])), 'label');
-var METRICS_KEYS = METRICS_LIST.map(function (item) {
-  return item.key;
-});
-var TABLE_COLUMNS = [{
-  label: 'Well Name',
-  key: 'name',
-  minWidth: 250
-}, {
-  label: 'Rig',
-  key: 'rigName',
-  width: 200
-}, {
-  label: 'Distance',
-  key: 'distance',
-  width: 120
-}, {
-  label: 'Rig Release Date',
-  key: 'rigReleaseDate',
-  width: 150
-}];
-var SETTINGS_COLUMN = {
-  key: 'settings',
-  label: 'settings',
-  width: 100
-};
-var MAX_METRICS_COUNT = 2;
-var FORMATION_COLORS = ['#FF00FF', '#F5BD80', '#FF0000', '#0080FF', '#FF8000', '#58ACFA', '#FA58F4', '#40FF00', '#4B8A08', '#40FF00', '#D8F781'];
-var DEFAULT_SETTINGS = {
-  radius: 5,
-  filters: {},
-  sortInfo: {
-    key: 'name',
-    direction: 1
-  }
-};
-
-export { DEFAULT_SETTINGS, FILTERS, FILTERS_LIST, FORMATION_COLORS, MAX_METRICS_COUNT, METRICS_KEYS, METRICS_LIST, SETTINGS_COLUMN, TABLE_COLUMNS };
-//# sourceMappingURL=constants.js.map
+import e from"@babel/runtime/helpers/toConsumableArray";import{sortBy as t}from"lodash";import"../../../../utils/index.js";import*as r from"../../../../utils/metrics/metricsConfig.js";var i=r,n={formation:"formation",stringDesign:"stringDesign",program:"programName",basin:"basin",county:"county",area:"area",status:"status"},a=[{key:n.status,title:"Status",size:150,renderValue:function(e){return 0===e?"All":"".concat(e," Status")}},{key:n.program,title:"Program",size:150,renderValue:function(e){return 0===e?"All":"".concat(e," Programs")}},{key:n.basin,title:"Basin",size:150,renderValue:function(e){return 0===e?"All":"".concat(e," Basins")}},{key:n.county,title:"County",size:150,renderValue:function(e){return 0===e?"All":"".concat(e," Counties")}},{key:n.area,title:"Area",size:150,renderValue:function(e){return 0===e?"All":"".concat(e," Areas")}},{key:n.formation,title:"Target Formation",size:150,renderValue:function(e){return 0===e?"All":"".concat(e," Formations")}},{key:n.stringDesign,title:"String Design",size:150,renderValue:function(e){return 0===e?"All":"".concat(e," Designs")}}],o=t([i.weight_to_weight_average,i.bottom_to_slips_average,i.drilling_connection_average,i.slips_to_bottom_average,i.hole_depth,i.hole_depth_change,i.drilled_feet_rotary,i.drilled_feet_slide,i.rop_gross,i.rop,i.rop_rotary,i.rop_slide,i.drilled_feet_rotary_percentage,i.drilled_feet_slide_percentage,i.on_bottom_percentage,i.on_bottom_time,i.cost_per_ft,i.cost_per_lat_ft,i.feet_per_day,i.tripping_in_speed_cased,i.tripping_in_speed_open,i.tripping_in_speed,i.tripping_out_speed_cased,i.tripping_out_speed_open,i.tripping_out_speed].concat(e("production"!==process.env.REACT_APP_ENVIRONMENT?[i.npt,i.circulating_time,i.spud_to_rig_release_time,i.spud_to_total_depth_time]:[])),"label"),s=o.map((function(e){return e.key})),l=[{label:"Well Name",key:"name",minWidth:250},{label:"Rig",key:"rigName",width:200},{label:"Distance",key:"distance",width:120},{label:"Rig Release Date",key:"rigReleaseDate",width:150}],_={key:"settings",label:"settings",width:100},p=2,c=["#FF00FF","#F5BD80","#FF0000","#0080FF","#FF8000","#58ACFA","#FA58F4","#40FF00","#4B8A08","#40FF00","#D8F781"],u={radius:5,filters:{},sortInfo:{key:"name",direction:1}};export{u as DEFAULT_SETTINGS,n as FILTERS,a as FILTERS_LIST,c as FORMATION_COLORS,p as MAX_METRICS_COUNT,s as METRICS_KEYS,o as METRICS_LIST,_ as SETTINGS_COLUMN,l as TABLE_COLUMNS};