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

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

@@ -1,412 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { AutoSizer, Table, Column } from 'react-virtualized';
-import { SizeMe } from 'react-sizeme';
-import { memo, useRef, useMemo } from 'react';
-import { bool, shape, number, arrayOf, string, func } from 'prop-types';
-import { isEqual, get, clone } from 'lodash';
-import moment from 'moment';
-import classNames from 'classnames';
-import { Typography, Checkbox, IconButton } from '@material-ui/core';
-import SortIcon from '@material-ui/icons/Sort';
-import NotInterestedIcon from '@material-ui/icons/NotInterested';
-import { getUnitDisplay, convertValue } from '../../../../../../utils/index.js';
-import SubjectIndicator from './SubjectIndicator.js';
-import MetricsAddMenu from './MetricsAddMenu.js';
-import MetricsSelect from './MetricsSelect.js';
-import { METRICS_LIST, TABLE_COLUMNS, SETTINGS_COLUMN, METRICS_KEYS } from '../../constants.js';
-import { useStyles } from './styles.js';
-import AssetSearch from './AssetSearch.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var 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,
-    onChangeMetricsKeys = _ref.onChangeMetricsKeys,
-    onAddOffsetWell = _ref.onAddOffsetWell,
-    onDeleteOffsetWell = _ref.onDeleteOffsetWell,
-    onAddAllOffsetWells = _ref.onAddAllOffsetWells,
-    onDeleteAllOffsetWells = _ref.onDeleteAllOffsetWells,
-    onSorting = _ref.onSorting,
-    isTablet = _ref.isTablet,
-    isMobile = _ref.isMobile,
-    companyId = _ref.companyId;
-  var classes = useStyles({
-    isTablet: isTablet,
-    isMobile: isMobile
-  });
-  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 () {
-    var _tableContainerRef$cu;
-    if (((_tableContainerRef$cu = tableContainerRef.current) === null || _tableContainerRef$cu === void 0 ? void 0 : _tableContainerRef$cu.clientWidth) > TABLE_WIDTH && 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 handleClickAsset = function handleClickAsset(redirectAssetId) {
-    onAddOffsetWell(redirectAssetId);
-  };
-  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(AssetSearch, {
-            company: companyId,
-            onClickAsset: handleClickAsset,
-            isTablet: isTablet,
-            isMobile: isMobile
-          })
-        })]
-      }), /*#__PURE__*/jsx("div", {
-        className: classes.tableTopBorder,
-        ref: tableContainerRef,
-        style: {
-          width: !isTablet && isMobile && tableWidth
-        }
-      }), /*#__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,
-  onChangeMetricsKeys: func.isRequired,
-  onAddOffsetWell: func.isRequired,
-  onDeleteOffsetWell: func.isRequired,
-  onAddAllOffsetWells: func.isRequired,
-  onDeleteAllOffsetWells: func.isRequired,
-  onSorting: func.isRequired,
-  unusableWellAlarm: string.isRequired,
-  dialogWidth: number,
-  isMobile: bool.isRequired,
-  isTablet: bool.isRequired,
-  companyId: number.isRequired
-};
-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 = memo(WithSizeMe);
-
-export { WellsTable$1 as default };
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/toConsumableArray";import{AutoSizer as t,Table as i,Column as n}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,get as b,clone as y}from"lodash";import g from"moment";import v from"classnames";import{Typography as N,Checkbox as W,IconButton as k}from"@material-ui/core";import O from"@material-ui/icons/Sort";import j from"@material-ui/icons/NotInterested";import{getUnitDisplay as w,convertValue as C}from"../../../../../../utils/index.js";import R from"./SubjectIndicator.js";import q from"./MetricsAddMenu.js";import A from"./MetricsSelect.js";import{METRICS_LIST as M,TABLE_COLUMNS as D,SETTINGS_COLUMN as I,METRICS_KEYS as T}from"../../constants.js";import{useStyles as x}from"./styles.js";import P from"./AssetSearch.js";import{jsx as S,Fragment as K,jsxs as F}from"react/jsx-runtime";function L(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r&&(i=i.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,i)}return t}function z(r){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?L(Object(i),!0).forEach((function(t){e(r,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(i)):L(Object(i)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(i,e))}))}return r}function _(e,r){var t,i=b(e,r);switch(r){case"distance":t=Number.isFinite(i)?parseFloat(i).toFixed(2):"N/A";break;case"rigReleaseDate":t=Number.isFinite(i)?g.unix(i).format("MM/DD/YYYY"):"N/A";break;default:t=i||""}return t}function B(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,L=l.dialogWidth,B=l.onChangeMetricsKeys,E=l.onAddOffsetWell,Y=l.onDeleteOffsetWell,H=l.onAddAllOffsetWells,G=l.onDeleteAllOffsetWells,V=l.onSorting,J=l.isTablet,Q=l.isMobile,U=l.companyId,X=x({isTablet:J,isMobile:Q}),Z=s(),$=a((function(){return u.filter((function(e){return e.is_usable}))}),[u]),ee=a((function(){var e=$.map((function(e){return e.id})).sort(),r=d.map((function(e){return e.id})).sort();return e.length&&p(e,r)}),[$,d]),re=a((function(){return f.reduce((function(e,r){return e.concat(M.filter((function(e){return e.key===r})))}),[])}),[f]),te=a((function(){return[].concat(r(D),r(re.map((function(e){return z(z({},e),{},{width:240})}))),[I])}),[re]),ie=a((function(){if(!L||L<=0)return{};var e={},r=[];return te.filter((function(e){return Number.isFinite(e.width)})).forEach((function(t){e[t.key]=t.width-1,r.push(t.width-1)})),te.filter((function(e){return!Number.isFinite(e.width)})).forEach((function(t){var i=r.reduce((function(e,r){return e+r}),0),n=Math.floor((L-i)/(te.length-r.length)),l=t.minWidth||200,o=n<l?l:n;e[t.key]=o-1,r.push(o-1)})),e}),[L,te]),ne=a((function(){var e;return(null===(e=Z.current)||void 0===e?void 0:e.clientWidth)>1004&&o?Z.current.clientWidth:1004}),[ie,Z.current,o]),le=function(e){B(e)},oe=function(e){e.target.checked?H():G()},se=function(r){return S(k,{"data-not-migrated-muiiconbutton":!0,className:X.sortIconButton,onClick:function(){return function(e){V(e)}(r)},children:r!==h.key?S(j,{className:X.sortIcon}):S(O,{className:v(X.sortIcon,e({},X.ascendingSortIcon,1===h.direction))})})},ae=function(e){var r,t=e.label,i=e.dataKey;if("name"===i)return F("div",{className:X.nameWrapper,children:[S(W,{classes:{checked:X.nameCheckBox,indeterminate:X.nameCheckBox},onClick:oe,checked:ee,indeterminate:d.length>0&&!ee,size:"small"}),S(N,{className:v(X.cell,X.nameCell),children:t}),se(i)]});if(f.includes(i)){var n=re.find((function(e){return e.key===i})),l=re.findIndex((function(e){return e.key===i}));return F("div",{className:X.metricsColumn,children:[S(A,{items:M,currentValue:i,onChange:(r=l,function(e){var t=y(f);t[r]=e,B(t)})}),S(N,{className:v(X.cell,X.unitCell),children:n.unitType?"(".concat(w(n.unitType,n.to),")"):""}),se(i)]})}return i===I.key?S("div",{className:X.settingsCell,children:S(q,{metricsKeys:f,onChange:le})}):F("div",{className:X.nameWrapper,children:[S(N,{className:X.cell,children:t}),se(i)]})},ce=function(r){var t=r.rowData,i=r.dataKey;if("name"===i)return F("div",{className:X.nameWrapper,children:[S(W,{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}),S(N,{className:v(X.tableCellLabel,e({},X.tableCellLabelDisabled,!t.is_usable)),children:_(t,i)}),c&&t.id===c.id&&S(R,{})]});if(i===I.key)return S("div",{className:X.settingsCell,children:!t.is_usable&&S(N,{className:X.errorMsg,children:g})});var n=null;if(f.includes(i)){var l=re.find((function(e){return e.key===i}));n=function(e,r,t){var i=b(e,r.key);if(T.includes(r.key)){if(Number.isFinite(i)||i)return r.unitType?C(i,r.unitType,r.from,r.to):i;if(t)return"loading..."}return""}(t,l,m)}else n=_(t,i);return S(N,{className:v(X.cell,X.tableCellLabel,e({},X.tableCellLabelDisabled,!t.is_usable)),children:n})},ue=a((function(){return Math.min(48*u.length+44+52,2e3)}),[u]);return S(K,{children:F("div",{className:X.tableContainer,style:{height:ue},children:[F("div",{className:X.titleWrapper,children:[F(N,{variant:"body2",className:X.tableTitle,children:["Well Names (",d.length,")"]}),S("div",{className:X.addWellInput,children:S(P,{company:U,onClickAsset:function(e){E(e)},isTablet:J,isMobile:Q})})]}),S("div",{className:X.tableTopBorder,ref:Z,style:{width:!J&&Q&&ne}}),S(t,{children:function(){return S(i,{width:ne,height:ue,headerHeight:44,rowHeight:48,rowCount:u.length,rowGetter:function(e){var r=e.index;return u[r]},className:X.table,children:te.map((function(e){return S(n,{width:ie[e.key]||200,dataKey:e.key,label:e.label,headerRenderer:ae,cellRenderer:ce},e.key)}))})}})]})})}B.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,onChangeMetricsKeys:h.isRequired,onAddOffsetWell:h.isRequired,onDeleteOffsetWell:h.isRequired,onAddAllOffsetWells:h.isRequired,onDeleteAllOffsetWells:h.isRequired,onSorting:h.isRequired,unusableWellAlarm:m.isRequired,dialogWidth:d,isMobile:c.isRequired,isTablet:c.isRequired,companyId:d.isRequired},B.defaultProps={subjectWell:null,dialogWidth:0};var E=o((function(e){return S(l,{monitorWidth:!0,children:function(r){var t=r.size;return S(B,z({dialogWidth:t.width},e))}})}));export{E as default};

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

@@ -1,111 +1 @@
-import { makeStyles } from '@material-ui/core';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    tableContainer: {
-      marginTop: '22px',
-      overflowX: 'auto',
-      overflowY: 'hidden',
-      position: 'relative',
-      minHeight: '150px'
-    },
-    titleWrapper: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      alignItems: 'center',
-      marginBottom: '15px',
-      position: 'sticky',
-      left: 0
-    },
-    tableTitle: {
-      fontSize: '18px',
-      fontWeight: 400,
-      lineHeight: '24px',
-      color: theme.palette.primary.text1
-    },
-    addWellInput: {
-      width: function width(_ref) {
-        var isTablet = _ref.isTablet,
-          isMobile = _ref.isMobile;
-        return isMobile && !isTablet ? '153px' : '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 { useStyles };
-//# sourceMappingURL=styles.js.map
+import{makeStyles as e}from"@material-ui/core";var t=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",position:"sticky",left:0},tableTitle:{fontSize:"18px",fontWeight:400,lineHeight:"24px",color:e.palette.primary.text1},addWellInput:{width:function(e){var t=e.isTablet;return e.isMobile&&!t?"153px":"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{t as useStyles};

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

@@ -1,104 +1 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { sortBy } from 'lodash';
-import '../../../../utils/index.js';
-import * as metricsConfig from '../../../../utils/metrics/metricsConfig.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/BU',
-  size: 150,
-  renderValue: function renderValue(length) {
-    return length === 0 ? "All" : "".concat(length, " Programs/BUs");
-  }
-}, {
-  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/BU",size:150,renderValue:function(e){return 0===e?"All":"".concat(e," Programs/BUs")}},{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};