@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/OffsetWellPickerV2/components/Table/index.js

@@ -1,520 +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, Checkbox, Typography, IconButton } from '@material-ui/core';
-import { memo, useMemo } from 'react';
-import PropTypes 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 { METRICS_LIST, TABLE_COLUMNS, SETTINGS_COLUMN, METRICS_KEYS } from '../../constants.js';
-import NotInterestedIcon from '@material-ui/icons/NotInterested';
-import SubjectIndicator from './SubjectIndicator.js';
-import MetricsAddMenu from './MetricsAddMenu.js';
-import MetricsSelect from './MetricsSelect.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 muiStyles = function muiStyles(theme) {
-  return {
-    title: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      alignItems: 'center',
-      flexWrap: 'wrap',
-      marginBottom: '15px',
-      marginTop: '16px'
-    },
-    tableWrapper: {
-      marginTop: '24px',
-      overflowX: 'auto',
-      overflowY: 'hidden',
-      position: 'relative',
-      height: 2000,
-      minHeight: 150,
-      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
-    },
-    tableRowHoverEnabled: {
-      '&:hover': {
-        backgroundColor: 'rgba(255, 255, 255, 0.1)'
-      }
-    },
-    settingsCell: {
-      textAlign: 'right'
-    },
-    rigReleaseCell: {
-      whiteSpace: 'nowrap'
-    },
-    nameCheckBox: {
-      color: theme.palette.primary.main
-    },
-    bodyCell: {
-      fontSize: '0.90rem',
-      padding: '5px 10px'
-    },
-    metricsCellWrapper: {
-      display: 'flex',
-      flexDirection: 'row',
-      alignContent: 'center'
-    },
-    tableTitle: {
-      fontSize: '16px',
-      lineHeight: '140.6%',
-      marginTop: 10
-    },
-    tableTitleItems: {
-      display: 'flex',
-      flexDirection: 'row',
-      alignItems: 'center'
-    },
-    addWellInput: {
-      width: 300,
-      marginTop: 10
-    },
-    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'
-    }
-  };
-};
-
-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 '';
-}
-/* eslint-disable react/no-array-index-key */
-
-
-function WellsTable(_ref) {
-  var 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;
-  // 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 () {
-    return Object.values(columnWidthDict).reduce(function (result, item) {
-      return result + item;
-    }, 0);
-  }, [columnWidthDict]);
-
-  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
-    });
-  };
-
-  return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsx("div", {
-      className: classes.tableWrapper,
-      children: /*#__PURE__*/jsx(AutoSizer, {
-        children: function children(_ref3) {
-          var height = _ref3.height;
-          return /*#__PURE__*/jsx(Table, {
-            width: tableWidth,
-            height: height,
-            headerHeight: HEADER_HEIGHT,
-            rowHeight: ROW_HEIGHT,
-            rowCount: wells.length,
-            rowGetter: function rowGetter(_ref4) {
-              var index = _ref4.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 = {
-  subjectWell: PropTypes.shape({
-    id: PropTypes.number
-  }),
-  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
-  offsetWells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
-  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,
-  isMetricsLoading: PropTypes.bool.isRequired,
-  sortInfo: PropTypes.shape({
-    key: PropTypes.string.isRequired,
-    direction: PropTypes.number.isRequired
-  }).isRequired,
-  classes: PropTypes.shape({}).isRequired,
-  onChangeMetricsKeys: PropTypes.func.isRequired,
-  onAddOffsetWell: PropTypes.func.isRequired,
-  onDeleteOffsetWell: PropTypes.func.isRequired,
-  onAddAllOffsetWells: PropTypes.func.isRequired,
-  onDeleteAllOffsetWells: PropTypes.func.isRequired,
-  onSorting: PropTypes.func.isRequired,
-  unusableWellAlarm: PropTypes.string.isRequired,
-  dialogWidth: PropTypes.number // isAdvancedSearch: PropTypes.bool,
-
-};
-WellsTable.defaultProps = {
-  subjectWell: null,
-  dialogWidth: 0 // isAdvancedSearch: false,
-
-}; // NOTE: Monitor the dialog width for table cell width
-
-function WithSizeMe(props) {
-  return /*#__PURE__*/jsx(SizeMe, {
-    monitorWidth: true,
-    children: function children(_ref5) {
-      var size = _ref5.size;
-      return /*#__PURE__*/jsx(WellsTable, _objectSpread({
-        dialogWidth: size.width
-      }, props));
-    }
-  });
-}
-
-var WellsTable$1 = withStyles(muiStyles)(memo(WithSizeMe));
-
-export default WellsTable$1;
-export { HEADER_HEIGHT, ROW_HEIGHT };
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/toConsumableArray";import{memo as t,useMemo as n}from"react";import i from"prop-types";import{isEqual as l,clone as o,get as a}from"lodash";import s from"moment";import c from"classnames";import{withStyles as u,Checkbox as d,Typography as f,IconButton as m}from"@material-ui/core";import p from"@material-ui/icons/Sort";import h from"@material-ui/icons/NotInterested";import{AutoSizer as b,Table as g,Column as y}from"react-virtualized";import{SizeMe as v}from"react-sizeme";import{getUnitDisplay as w,convertValue as C}from"../../../../utils/index.js";import x from"./SubjectIndicator.js";import k from"./MetricsAddMenu.js";import O from"./MetricsSelect.js";import{METRICS_LIST as W,TABLE_COLUMNS as N,SETTINGS_COLUMN as R,METRICS_KEYS as j}from"../../constants.js";import{jsx as _,Fragment as D,jsxs as I}from"react/jsx-runtime";function S(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 T(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}var q=48,z=44;function A(e,r){var t,n=a(e,r);switch(r){case"distance":t=Number.isFinite(n)?parseFloat(n).toFixed(2):"N/A";break;case"rigReleaseDate":t=Number.isFinite(n)?s.unix(n).format("MM/DD/YYYY"):"N/A";break;default:t=n||""}return t}function M(t){var i=t.subjectWell,s=t.wells,u=t.offsetWells,v=t.metricsKeys,S=t.isMetricsLoading,q=t.sortInfo,z=t.unusableWellAlarm,M=t.dialogWidth,B=t.classes,L=t.onChangeMetricsKeys,P=t.onAddOffsetWell,K=t.onDeleteOffsetWell,F=t.onAddAllOffsetWells,Y=t.onDeleteAllOffsetWells,E=t.onSorting,H=n((function(){return s.filter((function(e){return e.is_usable}))}),[s]),V=n((function(){var e=H.map((function(e){return e.id})).sort(),r=u.map((function(e){return e.id})).sort();return e.length&&l(e,r)}),[H,u]),G=n((function(){return v.reduce((function(e,r){return e.concat(W.filter((function(e){return e.key===r})))}),[])}),[v]),X=n((function(){return[].concat(r(N),r(G.map((function(e){return T(T({},e),{},{width:240})}))),[R])}),[G]),$=n((function(){if(!M||M<=0)return{};var e={},r=[];return X.filter((function(e){return Number.isFinite(e.width)})).forEach((function(t){e[t.key]=t.width-1,r.push(t.width-1)})),X.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((M-n)/(X.length-r.length)),l=t.minWidth||200,o=i<l?l:i;e[t.key]=o-1,r.push(o-1)})),e}),[M,X]),J=n((function(){return Object.values($).reduce((function(e,r){return e+r}),0)}),[$]),Q=function(e){L(e)},U=function(e){e.target.checked?F():Y()},Z=function(r){return _(m,{"data-not-migrated-muiiconbutton":!0,className:B.sortIconButton,onClick:function(){return function(e){E(e)}(r)},children:r!==q.key?_(h,{className:B.sortIcon}):_(p,{className:c(B.sortIcon,e({},B.ascendingSortIcon,1===q.direction))})})},ee=function(e){var r,t=e.label,n=e.dataKey;if("name"===n)return I("div",{className:B.nameWrapper,children:[_(d,{classes:{checked:B.nameCheckBox,indeterminate:B.nameCheckBox},onClick:U,checked:V,indeterminate:u.length>0&&!V,size:"small"}),_(f,{className:c(B.cell,B.nameCell),children:t}),Z(n)]});if(v.includes(n)){var i=G.find((function(e){return e.key===n})),l=G.findIndex((function(e){return e.key===n}));return I("div",{className:B.metricsColumn,children:[_(O,{items:W,currentValue:n,onChange:(r=l,function(e){var t=o(v);t[r]=e,L(t)})}),_(f,{className:c(B.cell,B.unitCell),children:i.unitType?"(".concat(w(i.unitType,i.to),")"):""}),Z(n)]})}return n===R.key?_("div",{className:B.settingsCell,children:_(k,{metricsKeys:v,onChange:Q})}):I("div",{className:B.nameWrapper,children:[_(f,{className:B.cell,children:t}),Z(n)]})},re=function(r){var t=r.rowData,n=r.dataKey;if("name"===n)return I("div",{className:B.nameWrapper,children:[_(d,{color:"primary",checked:u.findIndex((function(e){return e.id===t.id}))>-1,onChange:function(e){return r=t.id,void(e.target.checked?P(r):K(r));var r},size:"small",disabled:!t.is_usable}),_(f,{className:c(B.tableCellLabel,e({},B.tableCellLabelDisabled,!t.is_usable)),children:A(t,n)}),i&&t.id===i.id&&_(x,{})]});if(n===R.key)return _("div",{className:B.settingsCell,children:!t.is_usable&&_(f,{className:B.errorMsg,children:z})});var l=null;if(v.includes(n)){var o=G.find((function(e){return e.key===n}));l=function(e,r,t){var n=a(e,r.key);if(j.includes(r.key)){if(Number.isFinite(n)||n)return r.unitType?C(n,r.unitType,r.from,r.to):n;if(t)return"loading..."}return""}(t,o,S)}else l=A(t,n);return _(f,{className:c(B.cell,B.tableCellLabel,e({},B.tableCellLabelDisabled,!t.is_usable)),children:l})};return _(D,{children:_("div",{className:B.tableWrapper,children:_(b,{children:function(e){var r=e.height;return _(g,{width:J,height:r,headerHeight:44,rowHeight:48,rowCount:s.length,rowGetter:function(e){var r=e.index;return s[r]},className:B.table,children:X.map((function(e){return _(y,{width:$[e.key]||200,dataKey:e.key,label:e.label,headerRenderer:ee,cellRenderer:re},e.key)}))})}})})})}M.propTypes={subjectWell:i.shape({id:i.number}),wells:i.arrayOf(i.shape({})).isRequired,offsetWells:i.arrayOf(i.shape({})).isRequired,metricsKeys:i.arrayOf(i.string).isRequired,isMetricsLoading:i.bool.isRequired,sortInfo:i.shape({key:i.string.isRequired,direction:i.number.isRequired}).isRequired,classes:i.shape({}).isRequired,onChangeMetricsKeys:i.func.isRequired,onAddOffsetWell:i.func.isRequired,onDeleteOffsetWell:i.func.isRequired,onAddAllOffsetWells:i.func.isRequired,onDeleteAllOffsetWells:i.func.isRequired,onSorting:i.func.isRequired,unusableWellAlarm:i.string.isRequired,dialogWidth:i.number},M.defaultProps={subjectWell:null,dialogWidth:0};var B=u((function(e){return{title:{display:"flex",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",marginBottom:"15px",marginTop:"16px"},tableWrapper:{marginTop:"24px",overflowX:"auto",overflowY:"hidden",position:"relative",height:2e3,minHeight:150,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},tableRowHoverEnabled:{"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},settingsCell:{textAlign:"right"},rigReleaseCell:{whiteSpace:"nowrap"},nameCheckBox:{color:e.palette.primary.main},bodyCell:{fontSize:"0.90rem",padding:"5px 10px"},metricsCellWrapper:{display:"flex",flexDirection:"row",alignContent:"center"},tableTitle:{fontSize:"16px",lineHeight:"140.6%",marginTop:10},tableTitleItems:{display:"flex",flexDirection:"row",alignItems:"center"},addWellInput:{width:300,marginTop:10},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"}}}))(t((function(e){return _(v,{monitorWidth:!0,children:function(r){var t=r.size;return _(M,T({dialogWidth:t.width},e))}})})));export{z as HEADER_HEIGHT,q as ROW_HEIGHT,B as default};

package/components/OffsetWellPickerV2/constants.js

@@ -1,97 +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'
-};
-var FILTERS_LIST = [{
-  key: FILTERS.program,
-  title: 'Program',
-  size: 130,
-  renderValue: function renderValue(length) {
-    return length === 0 ? "All" : "".concat(length, " Programs");
-  }
-}, {
-  key: FILTERS.basin,
-  title: 'Basin',
-  size: 130,
-  renderValue: function renderValue(length) {
-    return length === 0 ? "All" : "".concat(length, " Basins");
-  }
-}, {
-  key: FILTERS.county,
-  title: 'County',
-  size: 130,
-  renderValue: function renderValue(length) {
-    return length === 0 ? "All" : "".concat(length, " Counties");
-  }
-}, {
-  key: FILTERS.area,
-  title: 'Area',
-  size: 130,
-  renderValue: function renderValue(length) {
-    return length === 0 ? "All" : "".concat(length, " Areas");
-  }
-}, {
-  key: FILTERS.formation,
-  title: 'Target Formation',
-  size: 130,
-  renderValue: function renderValue(length) {
-    return length === 0 ? "All" : "".concat(length, " Formations");
-  }
-}, {
-  key: FILTERS.stringDesign,
-  title: 'String Design',
-  size: 130,
-  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 DEFAULT_SETTINGS = {
-  radius: 5,
-  filters: {},
-  sortInfo: {
-    key: 'name',
-    direction: 1
-  }
-};
-
-export { DEFAULT_SETTINGS, FILTERS, FILTERS_LIST, 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"},o=[{key:n.program,title:"Program",size:130,renderValue:function(e){return 0===e?"All":"".concat(e," Programs")}},{key:n.basin,title:"Basin",size:130,renderValue:function(e){return 0===e?"All":"".concat(e," Basins")}},{key:n.county,title:"County",size:130,renderValue:function(e){return 0===e?"All":"".concat(e," Counties")}},{key:n.area,title:"Area",size:130,renderValue:function(e){return 0===e?"All":"".concat(e," Areas")}},{key:n.formation,title:"Target Formation",size:130,renderValue:function(e){return 0===e?"All":"".concat(e," Formations")}},{key:n.stringDesign,title:"String Design",size:130,renderValue:function(e){return 0===e?"All":"".concat(e," Designs")}}],a=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=a.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={radius:5,filters:{},sortInfo:{key:"name",direction:1}};export{c as DEFAULT_SETTINGS,n as FILTERS,o as FILTERS_LIST,p as MAX_METRICS_COUNT,s as METRICS_KEYS,a as METRICS_LIST,_ as SETTINGS_COLUMN,l as TABLE_COLUMNS};

package/components/OffsetWellPickerV2/effects/biDirectionalFiltering.js

@@ -1,47 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { sortBy, uniqBy } from 'lodash';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useEffect } from 'react';
-import { FILTERS } from '../constants.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 DYNAMIC_FILTERS = Object.values(FILTERS); // NOTE: Bi-directional filtering.
-
-function getFilterList(currentFilterKey, restFilterKeys, dynamicFilters, allWells) {
-  var filteredWells = restFilterKeys.reduce(function (result, filterKey) {
-    return result.filter(function (well) {
-      return !dynamicFilters[filterKey] || dynamicFilters[filterKey].length === 0 || dynamicFilters[filterKey].includes(well[filterKey]);
-    });
-  }, allWells);
-  var filterList = sortBy(uniqBy(filteredWells.map(function (well) {
-    return well[currentFilterKey];
-  })));
-  return filterList.includes('Null') ? filterList.filter(function (item) {
-    return item !== 'Null';
-  }).concat('Null') : filterList;
-}
-
-function useBidirectionalFiltering(dynamicFilters, allWells) {
-  var _useState = useState({}),
-      _useState2 = _slicedToArray(_useState, 2),
-      filters = _useState2[0],
-      setFilters = _useState2[1];
-
-  useEffect(function () {
-    if (!allWells) {
-      return;
-    }
-
-    setFilters(DYNAMIC_FILTERS.reduce(function (result, filterKey) {
-      return _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, filterKey, getFilterList(filterKey, DYNAMIC_FILTERS.filter(function (item) {
-        return item !== filterKey;
-      }), dynamicFilters, allWells)));
-    }, {}));
-  }, [dynamicFilters, allWells]);
-  return filters;
-}
-
-export default useBidirectionalFiltering;
-//# sourceMappingURL=biDirectionalFiltering.js.map
+import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useEffect as n}from"react";import{sortBy as o,uniqBy as c}from"lodash";import{FILTERS as u}from"../constants.js";function i(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,n)}return t}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var l=Object.values(u);function p(u,i){var p=t({}),a=e(p,2),s=a[0],b=a[1];return n((function(){i&&b(l.reduce((function(e,t){return f(f({},e),{},r({},t,function(r,e,t,n){var u=e.reduce((function(r,e){return r.filter((function(r){return!t[e]||0===t[e].length||t[e].includes(r[e])}))}),n),i=o(c(u.map((function(e){return e[r]}))));return i.includes("Null")?i.filter((function(r){return"Null"!==r})).concat("Null"):i}(t,l.filter((function(r){return r!==t})),u,i)))}),{}))}),[u,i]),s}export{p as default};