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

package/components/OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.module.css.js

@@ -1,8 +1 @@
-import styleInject from './../../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".OffsetWellsTable-module_offsetWellsTable__pGL-8 {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n\n.OffsetWellsTable-module_loadingContainer__lA0IJ {\n  position: absolute;\n  z-index: 1500;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n}\n\n.OffsetWellsTable-module_stickyTable__LZCzy {\n  position: sticky;\n  top: 0;\n  z-index: 9;\n  background-color: var(--palette-background-b-9);\n}\n\n.OffsetWellsTable-module_searchCell__3IW23 {\n  position: sticky;\n  width: 1020px;\n  left: 0px;\n  top: 49px;\n  z-index: 9;\n  background-color: var(--palette-background-b-9);\n}\n\n.OffsetWellsTable-module_bodyTable__djKsG {\n  position: relative;\n}\n\n.OffsetWellsTable-module_bodyGrid__Ss17M {\n  overflow: hidden !important;\n  margin-top: 12px !important;\n}\n\n.OffsetWellsTable-module_bodyGrid__Ss17M::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n\n.OffsetWellsTable-module_loadingCell__rBu7- {\n  height: 16px !important;\n  padding: 0px !important;\n  border-bottom: none !important;\n  text-align: center !important;\n  font-size: 12px !important;\n  color: var(--palette-primary-text-8) !important;\n  position: absolute;\n  width: 100%;\n  z-index: 1000;\n}\n\n.OffsetWellsTable-module_topShadow__MPc8N {\n  position: sticky;\n  z-index: 999;\n  top: 93px;\n  width: 100%;\n  height: 16px !important;\n  padding: 0px !important;\n  border-bottom: none !important;\n  background-image: linear-gradient(0deg, rgba(65, 65, 65, 0) 0%, #414141 100%);\n}\n\n.OffsetWellsTable-module_viewOnlyShadow__DOW-4 {\n  top: 49px;\n}\n\n.OffsetWellsTable-module_bottomShadow__jxM6E {\n  position: sticky;\n  z-index: 999;\n  bottom: 0;\n  width: 100%;\n  height: 16px !important;\n  padding: 0px !important;\n  border-bottom: none !important;\n}\n\n.OffsetWellsTable-module_bottomShadow__jxM6E::after {\n  content: ' ';\n  position: absolute;\n  bottom: -1px;\n  width: 100%;\n  height: 16px !important;\n  background-image: linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, #414141 100%);\n}\n\n.OffsetWellsTable-module_wellNameFixed__tKtuD {\n  box-shadow: rgb(25 25 25) 4px 0px 6px -3px !important;\n}\n\n.OffsetWellsTable-module_noShadow__Ssp7E {\n  box-shadow: none !important;\n}\n";
-var styles = {"offsetWellsTable":"OffsetWellsTable-module_offsetWellsTable__pGL-8","loadingContainer":"OffsetWellsTable-module_loadingContainer__lA0IJ","stickyTable":"OffsetWellsTable-module_stickyTable__LZCzy","searchCell":"OffsetWellsTable-module_searchCell__3IW23","bodyTable":"OffsetWellsTable-module_bodyTable__djKsG","bodyGrid":"OffsetWellsTable-module_bodyGrid__Ss17M","loadingCell":"OffsetWellsTable-module_loadingCell__rBu7-","topShadow":"OffsetWellsTable-module_topShadow__MPc8N","viewOnlyShadow":"OffsetWellsTable-module_viewOnlyShadow__DOW-4","bottomShadow":"OffsetWellsTable-module_bottomShadow__jxM6E","wellNameFixed":"OffsetWellsTable-module_wellNameFixed__tKtuD","noShadow":"OffsetWellsTable-module_noShadow__Ssp7E"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=OffsetWellsTable.module.css.js.map
+import e from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var l={offsetWellsTable:"OffsetWellsTable-module_offsetWellsTable__pGL-8",loadingContainer:"OffsetWellsTable-module_loadingContainer__lA0IJ",stickyTable:"OffsetWellsTable-module_stickyTable__LZCzy",searchCell:"OffsetWellsTable-module_searchCell__3IW23",bodyTable:"OffsetWellsTable-module_bodyTable__djKsG",bodyGrid:"OffsetWellsTable-module_bodyGrid__Ss17M",loadingCell:"OffsetWellsTable-module_loadingCell__rBu7-",topShadow:"OffsetWellsTable-module_topShadow__MPc8N",viewOnlyShadow:"OffsetWellsTable-module_viewOnlyShadow__DOW-4",bottomShadow:"OffsetWellsTable-module_bottomShadow__jxM6E",wellNameFixed:"OffsetWellsTable-module_wellNameFixed__tKtuD",noShadow:"OffsetWellsTable-module_noShadow__Ssp7E"};e('.OffsetWellsTable-module_offsetWellsTable__pGL-8{display:flex;flex-direction:column;position:relative}.OffsetWellsTable-module_loadingContainer__lA0IJ{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1500}.OffsetWellsTable-module_stickyTable__LZCzy{background-color:var(--palette-background-b-9);position:sticky;top:0;z-index:9}.OffsetWellsTable-module_searchCell__3IW23{background-color:var(--palette-background-b-9);left:0;position:sticky;top:49px;width:1020px;z-index:9}.OffsetWellsTable-module_bodyTable__djKsG{position:relative}.OffsetWellsTable-module_bodyGrid__Ss17M{margin-top:12px!important;overflow:hidden!important}.OffsetWellsTable-module_bodyGrid__Ss17M::-webkit-scrollbar-corner{background:transparent}.OffsetWellsTable-module_loadingCell__rBu7-{border-bottom:none!important;color:var(--palette-primary-text-8)!important;font-size:12px!important;height:16px!important;padding:0!important;position:absolute;text-align:center!important;width:100%;z-index:1000}.OffsetWellsTable-module_topShadow__MPc8N{background-image:linear-gradient(0deg,rgba(65,65,65,0),#414141);border-bottom:none!important;height:16px!important;padding:0!important;position:sticky;top:93px;width:100%;z-index:999}.OffsetWellsTable-module_viewOnlyShadow__DOW-4{top:49px}.OffsetWellsTable-module_bottomShadow__jxM6E{border-bottom:none!important;bottom:0;height:16px!important;padding:0!important;position:sticky;width:100%;z-index:999}.OffsetWellsTable-module_bottomShadow__jxM6E:after{background-image:linear-gradient(180deg,rgba(65,65,65,0),#414141);bottom:-1px;content:" ";height:16px!important;position:absolute;width:100%}.OffsetWellsTable-module_wellNameFixed__tKtuD{box-shadow:4px 0 6px -3px #191919!important}.OffsetWellsTable-module_noShadow__Ssp7E{box-shadow:none!important}');export{l as default};

package/components/OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTableHead.js

@@ -1,250 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { memo, useState } from 'react';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import { SortDirection } from 'react-virtualized';
-import { TableRow, TableCell, Checkbox, Tooltip, TableSortLabel as TableSortLabel$1 } from '@material-ui/core';
-import { ArrowForwardIos } from '@material-ui/icons';
-import { MetricsSettingMenu } from './MetricsSettingMenu.js';
-import { MetricsSelect } from './MetricsSelect.js';
-import { ViewType, EXPANED_WELLNAME_WIDTH, ColumnType } from '../../constants.js';
-import styles from './OffsetWellsTableHead.module.css.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var _excluded = ["title"];
-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 PAGE_NAME = 'OffsetWellsTableHead';
-var TableSortLabel = function TableSortLabel(_ref) {
-  var title = _ref.title,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsx(Tooltip, {
-    placement: "top-end",
-    title: title,
-    children: /*#__PURE__*/jsx(TableSortLabel$1, _objectSpread({}, props))
-  });
-};
-function getCellWidth(columnsWithDict, key) {
-  var cell = columnsWithDict.find(function (item) {
-    return item.key === key;
-  });
-  return (cell === null || cell === void 0 ? void 0 : cell.width) || 0;
-}
-var OffsetWellsTableHead = function OffsetWellsTableHead(_ref2) {
-  var _classNames;
-  var open = _ref2.open,
-    columnsWithDict = _ref2.columnsWithDict,
-    metricsKeys = _ref2.metricsKeys,
-    sortBy = _ref2.sortBy,
-    sortDirection = _ref2.sortDirection,
-    indeterminate = _ref2.indeterminate,
-    isAllWellsSelected = _ref2.isAllWellsSelected,
-    onChangeSort = _ref2.onChangeSort,
-    onChangeMetricsKeys = _ref2.onChangeMetricsKeys,
-    onUpdateMetricsKey = _ref2.onUpdateMetricsKey,
-    isWellNameExpand = _ref2.isWellNameExpand,
-    setIsWellNameExpand = _ref2.setIsWellNameExpand,
-    handleChangeAllOffsetWells = _ref2.handleChangeAllOffsetWells,
-    wellNameStyle = _ref2.wellNameStyle,
-    isViewOnly = _ref2.isViewOnly,
-    isImperial = _ref2.isImperial,
-    contentRef = _ref2.contentRef,
-    viewType = _ref2.viewType;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isMetricsMenuOpen = _useState2[0],
-    setIsMetricsMenuOpen = _useState2[1];
-  var handleSort = function handleSort(key) {
-    onChangeSort(key, key === sortBy && sortDirection === SortDirection.ASC ? SortDirection.DESC : SortDirection.ASC);
-  };
-  return /*#__PURE__*/jsxs(TableRow, {
-    className: styles.tableRow,
-    children: [/*#__PURE__*/jsxs(TableCell, {
-      "data-testid": "".concat(PAGE_NAME, "_wellName"),
-      className: classNames(styles.headCell, styles.wellNameCell, (_classNames = {}, _defineProperty(_classNames, wellNameStyle, viewType !== ViewType.mobile), _defineProperty(_classNames, styles.wellNameCellMobile, viewType === ViewType.mobile), _classNames)),
-      style: {
-        width: isWellNameExpand ? EXPANED_WELLNAME_WIDTH : getCellWidth(columnsWithDict, ColumnType.name)
-      },
-      children: [/*#__PURE__*/jsxs("div", {
-        className: styles.nameWrapper,
-        children: [!isViewOnly && open && /*#__PURE__*/jsx(Checkbox, {
-          "data-testid": "".concat(PAGE_NAME, "_allWellsSelector"),
-          size: "medium",
-          onChange: function onChange(event) {
-            return handleChangeAllOffsetWells(event.target.checked);
-          },
-          checked: isAllWellsSelected,
-          indeterminate: indeterminate
-        }), /*#__PURE__*/jsx(TableSortLabel, {
-          title: "Sort",
-          active: sortBy === ColumnType.name,
-          direction: sortBy === ColumnType.name && sortDirection === SortDirection.DESC ? 'desc' : 'asc',
-          classes: {
-            root: classNames(styles.headerLabel, _defineProperty({}, styles.cellDataViewOnly, isViewOnly))
-          },
-          onClick: function onClick() {
-            return handleSort(ColumnType.name);
-          },
-          children: "Well Name"
-        })]
-      }), /*#__PURE__*/jsx(Tooltip, {
-        title: isWellNameExpand ? 'Collapse' : 'Expand',
-        children: /*#__PURE__*/jsx(ArrowForwardIos, {
-          className: classNames(styles.wellNameExpandIcon, _defineProperty({}, styles.wellNameCollapsed, !isWellNameExpand)),
-          onClick: function onClick() {
-            return setIsWellNameExpand(!isWellNameExpand);
-          }
-        })
-      })]
-    }), /*#__PURE__*/jsx(TableCell, {
-      "data-testid": "".concat(PAGE_NAME, "_nameExpander_").concat(isWellNameExpand),
-      className: styles.headCell,
-      style: {
-        width: getCellWidth(columnsWithDict, ColumnType.status)
-      }
-    }), /*#__PURE__*/jsx(TableCell, {
-      "data-testid": "".concat(PAGE_NAME, "_rig"),
-      className: styles.headCell,
-      style: {
-        width: getCellWidth(columnsWithDict, ColumnType.rig)
-      },
-      children: /*#__PURE__*/jsx("div", {
-        className: styles.nameWrapper,
-        children: /*#__PURE__*/jsx(TableSortLabel, {
-          title: "Sort",
-          active: sortBy === ColumnType.rig,
-          direction: sortBy === ColumnType.rig && sortDirection === SortDirection.DESC ? 'desc' : 'asc',
-          classes: {
-            root: styles.headerLabel
-          },
-          onClick: function onClick() {
-            return handleSort(ColumnType.rig);
-          },
-          children: "Rig"
-        })
-      })
-    }), /*#__PURE__*/jsx(TableCell, {
-      "data-testid": "".concat(PAGE_NAME, "_distance"),
-      className: styles.headCell,
-      style: {
-        width: getCellWidth(columnsWithDict, ColumnType.distance)
-      },
-      children: /*#__PURE__*/jsx("div", {
-        className: styles.nameWrapper,
-        children: /*#__PURE__*/jsx(TableSortLabel, {
-          title: "Sort",
-          active: sortBy === ColumnType.distance,
-          direction: sortBy === ColumnType.distance && sortDirection === SortDirection.DESC ? 'desc' : 'asc',
-          classes: {
-            root: styles.headerLabel
-          },
-          onClick: function onClick() {
-            return handleSort(ColumnType.distance);
-          },
-          children: "Distance (".concat(isImperial ? 'miles' : 'km', ")")
-        })
-      })
-    }), /*#__PURE__*/jsx(TableCell, {
-      "data-testid": "".concat(PAGE_NAME, "_LastActive"),
-      className: styles.headCell,
-      style: {
-        width: getCellWidth(columnsWithDict, ColumnType.lastActive)
-      },
-      children: /*#__PURE__*/jsx("div", {
-        className: styles.nameWrapper,
-        children: /*#__PURE__*/jsx(TableSortLabel, {
-          title: "Sort",
-          active: sortBy === ColumnType.lastActive,
-          direction: sortBy === ColumnType.lastActive && sortDirection === SortDirection.DESC ? 'desc' : 'asc',
-          classes: {
-            root: styles.headerLabel
-          },
-          onClick: function onClick() {
-            return handleSort(ColumnType.lastActive);
-          },
-          children: "Last Active"
-        })
-      })
-    }), metricsKeys.map(function (metricsKey) {
-      return /*#__PURE__*/jsx(TableCell, {
-        "data-testid": "".concat(PAGE_NAME, "_").concat(metricsKey),
-        className: styles.headCell,
-        style: {
-          width: getCellWidth(columnsWithDict, metricsKey)
-        },
-        children: /*#__PURE__*/jsx(TableSortLabel, {
-          title: isMetricsMenuOpen ? '' : 'Sort',
-          active: sortBy === metricsKey,
-          direction: sortBy === metricsKey && sortDirection === SortDirection.DESC ? 'desc' : 'asc',
-          classes: {
-            root: styles.headerLabel
-          },
-          onClick: function onClick() {
-            return handleSort(metricsKey);
-          },
-          children: /*#__PURE__*/jsx(MetricsSelect, {
-            isTooltipVisible: metricsKeys.length > 1,
-            currentValue: metricsKey,
-            metricsKeys: metricsKeys,
-            onChange: function onChange(newValue) {
-              return onUpdateMetricsKey(metricsKey, newValue);
-            },
-            setIsMenuOpen: setIsMetricsMenuOpen
-          })
-        })
-      }, metricsKey);
-    }), /*#__PURE__*/jsx(TableCell, {
-      "data-testid": "".concat(PAGE_NAME, "_WellSection"),
-      className: styles.headCell,
-      style: {
-        width: getCellWidth(columnsWithDict, ColumnType.wellSection)
-      },
-      children: /*#__PURE__*/jsxs("div", {
-        className: styles.settingsHeader,
-        children: [/*#__PURE__*/jsx("span", {
-          className: styles.headerLabel,
-          children: "Well Section"
-        }), /*#__PURE__*/jsx(MetricsSettingMenu, {
-          viewType: viewType,
-          metricsKeys: metricsKeys,
-          onChange: onChangeMetricsKeys,
-          contentRef: contentRef
-        })]
-      })
-    })]
-  });
-};
-OffsetWellsTableHead.propTypes = {
-  open: PropTypes.bool.isRequired,
-  columnsWithDict: PropTypes.arrayOf(PropTypes.shape({
-    key: PropTypes.string,
-    label: PropTypes.string,
-    type: PropTypes.string,
-    width: PropTypes.number
-  })).isRequired,
-  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,
-  sortBy: PropTypes.string.isRequired,
-  sortDirection: PropTypes.string.isRequired,
-  indeterminate: PropTypes.bool.isRequired,
-  isAllWellsSelected: PropTypes.bool.isRequired,
-  style: PropTypes.shape({}).isRequired,
-  onChangeSort: PropTypes.func.isRequired,
-  onChangeMetricsKeys: PropTypes.func.isRequired,
-  onUpdateMetricsKey: PropTypes.func.isRequired,
-  isWellNameExpand: PropTypes.bool.isRequired,
-  setIsWellNameExpand: PropTypes.func.isRequired,
-  handleChangeAllOffsetWells: PropTypes.func.isRequired,
-  wellNameStyle: PropTypes.string.isRequired,
-  isViewOnly: PropTypes.bool.isRequired,
-  isImperial: PropTypes.bool.isRequired,
-  contentRef: PropTypes.shape({
-    current: PropTypes.instanceOf(Element)
-  }).isRequired,
-  viewType: PropTypes.string.isRequired
-};
-var OffsetWellsTableHead$1 = memo(OffsetWellsTableHead);
-
-export { OffsetWellsTableHead$1 as default };
-//# sourceMappingURL=OffsetWellsTableHead.js.map
+import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import i from"@babel/runtime/helpers/objectWithoutProperties";import{memo as r,useState as a}from"react";import n from"classnames";import l from"prop-types";import{SortDirection as s}from"react-virtualized";import{TableRow as c,TableCell as o,Checkbox as d,Tooltip as m,TableSortLabel as u}from"@material-ui/core";import{ArrowForwardIos as p}from"@material-ui/icons";import{MetricsSettingMenu as h}from"./MetricsSettingMenu.js";import{MetricsSelect as f}from"./MetricsSelect.js";import{ViewType as y,EXPANED_WELLNAME_WIDTH as b,ColumnType as g}from"../../constants.js";import C from"./OffsetWellsTableHead.module.css.js";import{jsxs as v,jsx as w}from"react/jsx-runtime";var O=["title"];function S(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,r)}return i}function N(e){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?S(Object(r),!0).forEach((function(i){t(e,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var R="OffsetWellsTableHead",W=function(e){var t=e.title,r=i(e,O);return w(m,{placement:"top-end",title:t,children:w(u,N({},r))})};function q(e,t){var i=e.find((function(e){return e.key===t}));return(null==i?void 0:i.width)||0}var j=function(i){var r,l=i.open,u=i.columnsWithDict,O=i.metricsKeys,S=i.sortBy,N=i.sortDirection,j=i.indeterminate,D=i.isAllWellsSelected,E=i.onChangeSort,A=i.onChangeMetricsKeys,k=i.onUpdateMetricsKey,P=i.isWellNameExpand,x=i.setIsWellNameExpand,L=i.handleChangeAllOffsetWells,M=i.wellNameStyle,T=i.isViewOnly,_=i.isImperial,K=i.contentRef,I=i.viewType,V=a(!1),H=e(V,2),z=H[0],B=H[1],U=function(e){E(e,e===S&&N===s.ASC?s.DESC:s.ASC)};return v(c,{className:C.tableRow,children:[v(o,{"data-testid":"".concat(R,"_wellName"),className:n(C.headCell,C.wellNameCell,(r={},t(r,M,I!==y.mobile),t(r,C.wellNameCellMobile,I===y.mobile),r)),style:{width:P?b:q(u,g.name)},children:[v("div",{className:C.nameWrapper,children:[!T&&l&&w(d,{"data-testid":"".concat(R,"_allWellsSelector"),size:"medium",onChange:function(e){return L(e.target.checked)},checked:D,indeterminate:j}),w(W,{title:"Sort",active:S===g.name,direction:S===g.name&&N===s.DESC?"desc":"asc",classes:{root:n(C.headerLabel,t({},C.cellDataViewOnly,T))},onClick:function(){return U(g.name)},children:"Well Name"})]}),w(m,{title:P?"Collapse":"Expand",children:w(p,{className:n(C.wellNameExpandIcon,t({},C.wellNameCollapsed,!P)),onClick:function(){return x(!P)}})})]}),w(o,{"data-testid":"".concat(R,"_nameExpander_").concat(P),className:C.headCell,style:{width:q(u,g.status)}}),w(o,{"data-testid":"".concat(R,"_rig"),className:C.headCell,style:{width:q(u,g.rig)},children:w("div",{className:C.nameWrapper,children:w(W,{title:"Sort",active:S===g.rig,direction:S===g.rig&&N===s.DESC?"desc":"asc",classes:{root:C.headerLabel},onClick:function(){return U(g.rig)},children:"Rig"})})}),w(o,{"data-testid":"".concat(R,"_distance"),className:C.headCell,style:{width:q(u,g.distance)},children:w("div",{className:C.nameWrapper,children:w(W,{title:"Sort",active:S===g.distance,direction:S===g.distance&&N===s.DESC?"desc":"asc",classes:{root:C.headerLabel},onClick:function(){return U(g.distance)},children:"Distance (".concat(_?"miles":"km",")")})})}),w(o,{"data-testid":"".concat(R,"_LastActive"),className:C.headCell,style:{width:q(u,g.lastActive)},children:w("div",{className:C.nameWrapper,children:w(W,{title:"Sort",active:S===g.lastActive,direction:S===g.lastActive&&N===s.DESC?"desc":"asc",classes:{root:C.headerLabel},onClick:function(){return U(g.lastActive)},children:"Last Active"})})}),O.map((function(e){return w(o,{"data-testid":"".concat(R,"_").concat(e),className:C.headCell,style:{width:q(u,e)},children:w(W,{title:z?"":"Sort",active:S===e,direction:S===e&&N===s.DESC?"desc":"asc",classes:{root:C.headerLabel},onClick:function(){return U(e)},children:w(f,{isTooltipVisible:O.length>1,currentValue:e,metricsKeys:O,onChange:function(t){return k(e,t)},setIsMenuOpen:B})})},e)})),w(o,{"data-testid":"".concat(R,"_WellSection"),className:C.headCell,style:{width:q(u,g.wellSection)},children:v("div",{className:C.settingsHeader,children:[w("span",{className:C.headerLabel,children:"Well Section"}),w(h,{viewType:I,metricsKeys:O,onChange:A,contentRef:K})]})})]})};j.propTypes={open:l.bool.isRequired,columnsWithDict:l.arrayOf(l.shape({key:l.string,label:l.string,type:l.string,width:l.number})).isRequired,metricsKeys:l.arrayOf(l.string).isRequired,sortBy:l.string.isRequired,sortDirection:l.string.isRequired,indeterminate:l.bool.isRequired,isAllWellsSelected:l.bool.isRequired,style:l.shape({}).isRequired,onChangeSort:l.func.isRequired,onChangeMetricsKeys:l.func.isRequired,onUpdateMetricsKey:l.func.isRequired,isWellNameExpand:l.bool.isRequired,setIsWellNameExpand:l.func.isRequired,handleChangeAllOffsetWells:l.func.isRequired,wellNameStyle:l.string.isRequired,isViewOnly:l.bool.isRequired,isImperial:l.bool.isRequired,contentRef:l.shape({current:l.instanceOf(Element)}).isRequired,viewType:l.string.isRequired};var D=r(j);export{D as default};

package/components/OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTableHead.module.css.js

@@ -1,8 +1 @@
-import styleInject from './../../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".OffsetWellsTableHead-module_tableRow__Gvgyt {\n  display: flex !important;\n  flex-direction: row !important;\n}\n\n.OffsetWellsTableHead-module_headCell__hMcRS {\n  display: flex !important;\n  align-items: center !important;\n  padding: 0px !important;\n  padding-right: 12px !important;\n  height: 48px !important;\n  background: var(--palette-background-b-9) !important;\n}\n\n.OffsetWellsTableHead-module_wellNameCell__yllCT {\n  position: sticky;\n  left: 0px;\n  z-index: 9;\n  display: flex !important;\n  justify-content: space-between;\n  align-items: center;\n  padding-right: 2px !important;\n}\n\n.OffsetWellsTableHead-module_wellNameCellMobile__YJOV0 {\n  position: static;\n}\n\n.OffsetWellsTableHead-module_cellDataViewOnly__dIoPu {\n  padding-left: 12px !important;\n}\n\n.OffsetWellsTableHead-module_nameWrapper__04GFY {\n  display: flex;\n  align-items: center;\n}\n\n.OffsetWellsTableHead-module_headerLabel__mOgMy {\n  display: flex !important;\n  justify-content: flex-start !important;\n  width: 100%;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 14px;\n  letter-spacing: 0.4px;\n  color: var(--palette-primary-text-7) !important;\n  user-select: none;\n  white-space: normal;\n}\n\n.OffsetWellsTableHead-module_headerLabel__mOgMy:hover {\n  color: var(--palette-primary-text-1) !important;\n}\n\n.OffsetWellsTableHead-module_wellNameExpandIcon__-7Ioi {\n  font-size: 10px !important;\n  color: var(--palette-primary-text-6) !important;\n  cursor: pointer;\n  transform: rotate(180deg);\n  width: 32px !important;\n  height: 32px !important;\n  padding: 11px;\n}\n\n.OffsetWellsTableHead-module_wellNameExpandIcon__-7Ioi:hover {\n  color: var(--palette-primary-text-1) !important;\n}\n\n.OffsetWellsTableHead-module_hiddenExpandIcon__W8MtT {\n  display: none !important;\n}\n\n.OffsetWellsTableHead-module_wellNameCollapsed__rVOqN {\n  transform: rotate(0deg);\n}\n\n.OffsetWellsTableHead-module_settingsHeader__2bsE7 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex: 1;\n}\n\n.OffsetWellsTableHead-module_popperContent__Y5aQg {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  font-size: 18px !important;\n  line-height: 24px !important;\n}\n\n.OffsetWellsTableHead-module_popperButtonWrapper__LO3RD {\n  display: flex;\n  justify-content: flex-end;\n}\n\n.OffsetWellsTableHead-module_popperButton__pdIMG {\n  width: 71px !important;\n  padding: 4px !important;\n  background: rgba(255, 255, 255, 0.24) !important;\n  color: #fff !important;\n}\n\n.OffsetWellsTableHead-module_popperButton__pdIMG:hover {\n  background: rgba(255, 255, 255, 0.08) !important;\n}\n";
-var styles = {"tableRow":"OffsetWellsTableHead-module_tableRow__Gvgyt","headCell":"OffsetWellsTableHead-module_headCell__hMcRS","wellNameCell":"OffsetWellsTableHead-module_wellNameCell__yllCT","wellNameCellMobile":"OffsetWellsTableHead-module_wellNameCellMobile__YJOV0","cellDataViewOnly":"OffsetWellsTableHead-module_cellDataViewOnly__dIoPu","nameWrapper":"OffsetWellsTableHead-module_nameWrapper__04GFY","headerLabel":"OffsetWellsTableHead-module_headerLabel__mOgMy","wellNameExpandIcon":"OffsetWellsTableHead-module_wellNameExpandIcon__-7Ioi","hiddenExpandIcon":"OffsetWellsTableHead-module_hiddenExpandIcon__W8MtT","wellNameCollapsed":"OffsetWellsTableHead-module_wellNameCollapsed__rVOqN","settingsHeader":"OffsetWellsTableHead-module_settingsHeader__2bsE7","popperContent":"OffsetWellsTableHead-module_popperContent__Y5aQg","popperButtonWrapper":"OffsetWellsTableHead-module_popperButtonWrapper__LO3RD","popperButton":"OffsetWellsTableHead-module_popperButton__pdIMG"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=OffsetWellsTableHead.module.css.js.map
+import e from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var l={tableRow:"OffsetWellsTableHead-module_tableRow__Gvgyt",headCell:"OffsetWellsTableHead-module_headCell__hMcRS",wellNameCell:"OffsetWellsTableHead-module_wellNameCell__yllCT",wellNameCellMobile:"OffsetWellsTableHead-module_wellNameCellMobile__YJOV0",cellDataViewOnly:"OffsetWellsTableHead-module_cellDataViewOnly__dIoPu",nameWrapper:"OffsetWellsTableHead-module_nameWrapper__04GFY",headerLabel:"OffsetWellsTableHead-module_headerLabel__mOgMy",wellNameExpandIcon:"OffsetWellsTableHead-module_wellNameExpandIcon__-7Ioi",hiddenExpandIcon:"OffsetWellsTableHead-module_hiddenExpandIcon__W8MtT",wellNameCollapsed:"OffsetWellsTableHead-module_wellNameCollapsed__rVOqN",settingsHeader:"OffsetWellsTableHead-module_settingsHeader__2bsE7",popperContent:"OffsetWellsTableHead-module_popperContent__Y5aQg",popperButtonWrapper:"OffsetWellsTableHead-module_popperButtonWrapper__LO3RD",popperButton:"OffsetWellsTableHead-module_popperButton__pdIMG"};e(".OffsetWellsTableHead-module_tableRow__Gvgyt{display:flex!important;flex-direction:row!important}.OffsetWellsTableHead-module_headCell__hMcRS{align-items:center!important;background:var(--palette-background-b-9)!important;display:flex!important;height:48px!important;padding:0 12px 0 0!important}.OffsetWellsTableHead-module_wellNameCell__yllCT{align-items:center;display:flex!important;justify-content:space-between;left:0;padding-right:2px!important;position:sticky;z-index:9}.OffsetWellsTableHead-module_wellNameCellMobile__YJOV0{position:static}.OffsetWellsTableHead-module_cellDataViewOnly__dIoPu{padding-left:12px!important}.OffsetWellsTableHead-module_nameWrapper__04GFY{align-items:center;display:flex}.OffsetWellsTableHead-module_headerLabel__mOgMy{color:var(--palette-primary-text-7)!important;display:flex!important;font-size:12px;font-weight:500;justify-content:flex-start!important;letter-spacing:.4px;line-height:14px;user-select:none;white-space:normal;width:100%}.OffsetWellsTableHead-module_headerLabel__mOgMy:hover{color:var(--palette-primary-text-1)!important}.OffsetWellsTableHead-module_wellNameExpandIcon__-7Ioi{color:var(--palette-primary-text-6)!important;cursor:pointer;font-size:10px!important;height:32px!important;padding:11px;transform:rotate(180deg);width:32px!important}.OffsetWellsTableHead-module_wellNameExpandIcon__-7Ioi:hover{color:var(--palette-primary-text-1)!important}.OffsetWellsTableHead-module_hiddenExpandIcon__W8MtT{display:none!important}.OffsetWellsTableHead-module_wellNameCollapsed__rVOqN{transform:rotate(0deg)}.OffsetWellsTableHead-module_settingsHeader__2bsE7{align-items:center;display:flex;flex:1;justify-content:space-between}.OffsetWellsTableHead-module_popperContent__Y5aQg{display:flex;flex-direction:column;font-size:18px!important;gap:8px;line-height:24px!important}.OffsetWellsTableHead-module_popperButtonWrapper__LO3RD{display:flex;justify-content:flex-end}.OffsetWellsTableHead-module_popperButton__pdIMG{background:hsla(0,0%,100%,.24)!important;color:#fff!important;padding:4px!important;width:71px!important}.OffsetWellsTableHead-module_popperButton__pdIMG:hover{background:hsla(0,0%,100%,.08)!important}");export{l as default};

package/components/OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTableRow.js

@@ -1,335 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { memo, useState, useRef, useCallback, useEffect, useMemo } from 'react';
-import PropTypes from 'prop-types';
-import { omit, startCase, get } from 'lodash';
-import classNames from 'classnames';
-import moment from 'moment';
-import { TableRow, TableCell, Tooltip, Checkbox, Typography } from '@material-ui/core';
-import { convertValue } from '../../../../utils/index.js';
-import { ColumnType, ROW_HEIGHT, ViewType, EXPANED_WELLNAME_WIDTH, LEAVE_TOUCH_DELAY, StatusOptions } from '../../constants.js';
-import { SubjectWellMark } from './SubjectWellMark.js';
-import styles from './OffsetWellsTableRow.module.css.js';
-import ViewWellSectionsName from './ViewWellSectionsName.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var PAGE_NAME = 'OffsetWellsTableRow';
-var AVG_CHAR_WIDTH = 8;
-function formatMetricItem(data, metricsColumns, metricKey) {
-  var metric = metricsColumns.find(function (item) {
-    return item.key === metricKey;
-  });
-  var value = get(data, metric.key);
-  if (value === 'undefined') {
-    return 'loading...';
-  }
-  if (Number.isFinite(value) || value) {
-    return metric.unitType ? convertValue(value, metric.unitType, metric.from, metric.to) : value;
-  }
-  return '—';
-}
-function formatDistance(data, isImperial) {
-  var value = get(data, ColumnType.distance);
-  if (Number.isFinite(value)) {
-    return isImperial ? value : convertValue(value, 'length', 'mi', 'km');
-  }
-  return '—';
-}
-function getCellWidth(columnsWithDict, key) {
-  var cell = columnsWithDict.find(function (item) {
-    return item.key === key;
-  });
-  return (cell === null || cell === void 0 ? void 0 : cell.width) || 0;
-}
-function getTextWidth(strText) {
-  var text = document.createElement('span');
-  document.body.appendChild(text);
-  text.style.font = 'Roboto';
-  text.style.fontSize = '14px';
-  text.style.letterSpacing = '0.01071em';
-  text.style.height = 'auto';
-  text.style.width = 'auto';
-  text.style.position = 'absolute';
-  text.style.whiteSpace = 'nowrap';
-  text.innerHTML = strText;
-  var textWidth = Math.ceil(text.clientWidth);
-  document.body.removeChild(text);
-  return textWidth;
-}
-var OffsetWellsTableRow = function OffsetWellsTableRow(_ref) {
-  var _classNames2, _classNames4, _StatusOptions$find;
-  var columnsWithDict = _ref.columnsWithDict,
-    data = _ref.data,
-    subjectWellId = _ref.subjectWellId,
-    metricsKeys = _ref.metricsKeys,
-    metricsColumns = _ref.metricsColumns,
-    handleChanageOffsetWell = _ref.handleChanageOffsetWell,
-    isWellNameExpand = _ref.isWellNameExpand,
-    wellNameStyle = _ref.wellNameStyle,
-    wellNameWidth = _ref.wellNameWidth,
-    isViewOnly = _ref.isViewOnly,
-    isImperial = _ref.isImperial,
-    isLimitedOffsetwells = _ref.isLimitedOffsetwells,
-    maxOffsetwellNumber = _ref.maxOffsetwellNumber,
-    wellSections = _ref.wellSections,
-    setActiveWellId = _ref.setActiveWellId,
-    viewType = _ref.viewType,
-    newCheckedWellId = _ref.newCheckedWellId,
-    setNewCheckedWellId = _ref.setNewCheckedWellId,
-    index = _ref.index,
-    flyDuration = _ref.flyDuration,
-    isWDUser = _ref.isWDUser;
-  var isSubjectWell = subjectWellId === data.id;
-  var borderStyle = _defineProperty({}, styles.subjectWellRow, isSubjectWell);
-  var _useState = useState(data.checked),
-    _useState2 = _slicedToArray(_useState, 2),
-    isChecked = _useState2[0],
-    setIsChecked = _useState2[1];
-  var tableRowRef = useRef();
-  var isOverFlowWellName = false;
-  var wellName = data[ColumnType.name] || '—';
-  var truncWellName = wellName;
-  if (!isWellNameExpand && wellNameWidth * 2 < wellName.length * AVG_CHAR_WIDTH) {
-    var wellNameRealWidth = getTextWidth(wellName);
-    if (wellNameRealWidth > wellNameWidth * 2) {
-      var maxCounts = wellNameWidth * 2 / (wellNameRealWidth / wellName.length);
-      truncWellName = "".concat(wellName.substring(0, maxCounts / 2 - 2), "\n... ").concat(wellName.substring(wellName.length - maxCounts / 2 + 6));
-      isOverFlowWellName = true;
-    }
-  }
-  var flyingAnimation = useCallback(function (currentTop, targetTop, newCheckedWellId, ownId, flyDuration) {
-    var delayTime = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
-    var movingOffsetY = targetTop - currentTop;
-    tableRowRef.current.style.position = 'absolute';
-    tableRowRef.current.style.top = "".concat(currentTop, "px");
-    tableRowRef.current.style.zIndex = newCheckedWellId === ownId ? 4 : 3;
-    tableRowRef.current.style.transition = "transform ".concat(flyDuration, "ms ease ").concat(delayTime * 50, "ms");
-    tableRowRef.current.style.transform = "translateY(".concat(movingOffsetY, "px)");
-  }, []);
-  var clearAnimation = useCallback(function () {
-    tableRowRef.current.style.position = 'unset';
-    tableRowRef.current.style.zIndex = 1;
-    tableRowRef.current.style.transition = 'none';
-    tableRowRef.current.style.transform = 'none';
-  }, []);
-  var handleChangeCheckbox = useCallback(function (checked) {
-    setNewCheckedWellId(data.id);
-    var updateData = omit(data, 'moveTo');
-    handleChanageOffsetWell(updateData, checked);
-    setIsChecked(checked);
-  }, [data, setNewCheckedWellId, handleChanageOffsetWell]);
-  useEffect(function () {
-    if (newCheckedWellId) {
-      var currentTop = index * ROW_HEIGHT + 16;
-      if (data.moveTo) {
-        var targetTop = currentTop + ROW_HEIGHT * data.moveTo;
-        flyingAnimation(currentTop, targetTop, newCheckedWellId, data.id, flyDuration, data.delayTime);
-      }
-    } else {
-      clearAnimation();
-    }
-  }, [data.moveTo, newCheckedWellId]);
-  useEffect(function () {
-    setIsChecked(data.checked);
-  }, [data.checked]);
-  var getSectionColor = function getSectionColor(_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 1),
-      sectionName = _ref3[0];
-    return wellSections.find(function (wellSection) {
-      return wellSection.label === sectionName;
-    }).color;
-  };
-  var wellSectionData = useMemo(function () {
-    return data[ColumnType.wellSection];
-  }, [data]);
-  var checkboxTooltipText = useMemo(function () {
-    if (isViewOnly) {
-      return "View only mode. To edit offsets, use ".concat(isWDUser ? 'Offset Selection App' : 'WellHub', ".");
-    } else if (isLimitedOffsetwells && !data.checked) {
-      return "App can\u2019t process more than (".concat(maxOffsetwellNumber - 1, ") Offset Wells.");
-    } else {
-      return '';
-    }
-  }, [isViewOnly, isLimitedOffsetwells, data.checked]);
-  var handleMouseEnter = function handleMouseEnter() {
-    setActiveWellId(data.id);
-  };
-  var handleMouseLeave = function handleMouseLeave() {
-    setActiveWellId(null);
-  };
-  return /*#__PURE__*/jsxs(TableRow, {
-    "data-testid": "".concat(PAGE_NAME, "_row_").concat(wellName),
-    className: classNames(styles.bodyRow, _defineProperty({}, styles.moveRow, Math.abs(data.moveTo) === 1 && newCheckedWellId !== data.id)),
-    innerRef: tableRowRef,
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    children: [/*#__PURE__*/jsxs(TableCell, {
-      "data-testid": "".concat(PAGE_NAME, "_well"),
-      className: classNames(styles.bodyCell, styles.wellNameCell, borderStyle, (_classNames2 = {}, _defineProperty(_classNames2, wellNameStyle, viewType !== ViewType.mobile), _defineProperty(_classNames2, styles.wellNameCellMobile, viewType === ViewType.mobile), _classNames2)),
-      style: {
-        width: isWellNameExpand ? EXPANED_WELLNAME_WIDTH : getCellWidth(columnsWithDict, ColumnType.name)
-      },
-      children: [isSubjectWell && /*#__PURE__*/jsx(SubjectWellMark, {
-        className: classNames(styles.subjectWellMark, _defineProperty({}, styles.subjectWellMarkMobile, viewType === ViewType.mobile))
-      }), !isSubjectWell && /*#__PURE__*/jsx(Tooltip, {
-        title: checkboxTooltipText,
-        placement: "bottom-start",
-        classes: {
-          tooltipPlacementBottom: styles.checkboxTooltip
-        },
-        children: /*#__PURE__*/jsx("div", {
-          children: /*#__PURE__*/jsx(Checkbox, {
-            "data-testid": "".concat(PAGE_NAME, "_checkbox"),
-            size: "medium",
-            checked: isChecked,
-            classes: {
-              disabled: styles.checkboxDisabled
-            },
-            disabled: isViewOnly || isLimitedOffsetwells && !data.checked,
-            onChange: function onChange(event) {
-              return handleChangeCheckbox(event.target.checked);
-            }
-          })
-        })
-      }), /*#__PURE__*/jsx(Tooltip, {
-        title: isOverFlowWellName ? wellName : '',
-        children: /*#__PURE__*/jsx(Typography, {
-          variant: "body2",
-          className: classNames(styles.wellNameCursor, (_classNames4 = {}, _defineProperty(_classNames4, styles.cellDataViewOnly, isSubjectWell), _defineProperty(_classNames4, styles.wellNamePreWrap, isOverFlowWellName), _classNames4)),
-          children: isOverFlowWellName ? truncWellName : wellName
-        })
-      })]
-    }), /*#__PURE__*/jsx(TableCell, {
-      "data-testid": "".concat(PAGE_NAME, "_dot"),
-      className: classNames(styles.bodyCell, borderStyle),
-      style: {
-        width: getCellWidth(columnsWithDict, ColumnType.status)
-      },
-      children: !isSubjectWell && /*#__PURE__*/jsx(Tooltip, {
-        title: startCase(data[ColumnType.status]),
-        enterTouchDelay: viewType === ViewType.mobile && 0,
-        leaveTouchDelay: viewType === ViewType.mobile && LEAVE_TOUCH_DELAY,
-        children: /*#__PURE__*/jsx("div", {
-          className: styles.statusContainer,
-          children: /*#__PURE__*/jsx("div", {
-            "data-testid": "".concat(PAGE_NAME, "_color"),
-            className: styles.status,
-            style: {
-              background: (_StatusOptions$find = StatusOptions.find(function (item) {
-                return item.value === data[ColumnType.status];
-              })) === null || _StatusOptions$find === void 0 ? void 0 : _StatusOptions$find.color
-            }
-          })
-        })
-      })
-    }), /*#__PURE__*/jsx(TableCell, {
-      "data-testid": "".concat(PAGE_NAME, "_rig"),
-      className: classNames(styles.bodyCell, borderStyle),
-      style: {
-        width: getCellWidth(columnsWithDict, ColumnType.rig)
-      },
-      children: /*#__PURE__*/jsx(Typography, {
-        variant: "body2",
-        className: styles.cellData,
-        children: data[ColumnType.rig] && data[ColumnType.rig] !== 'Null' ? data[ColumnType.rig] : '—'
-      })
-    }), /*#__PURE__*/jsx(TableCell, {
-      "data-testid": "".concat(PAGE_NAME, "_distance"),
-      className: classNames(styles.bodyCell, borderStyle),
-      style: {
-        width: getCellWidth(columnsWithDict, ColumnType.distance)
-      },
-      children: /*#__PURE__*/jsx(Typography, {
-        variant: "body2",
-        className: styles.cellData,
-        children: formatDistance(data, isImperial)
-      })
-    }), /*#__PURE__*/jsx(TableCell, {
-      "data-testid": "".concat(PAGE_NAME, "_lastActive"),
-      className: classNames(styles.bodyCell, borderStyle),
-      style: {
-        width: getCellWidth(columnsWithDict, ColumnType.lastActive)
-      },
-      children: /*#__PURE__*/jsx(Typography, {
-        variant: "body2",
-        className: styles.cellData,
-        children: data[ColumnType.lastActive] && Number.isFinite(data[ColumnType.lastActive]) ? moment.unix(data[ColumnType.lastActive]).format('MM/DD/YYYY') : '—'
-      })
-    }), metricsKeys.map(function (metricsKey) {
-      return /*#__PURE__*/jsx(TableCell, {
-        "data-testid": "".concat(PAGE_NAME, "_").concat(metricsKey),
-        className: classNames(styles.bodyCell, borderStyle),
-        style: {
-          width: getCellWidth(columnsWithDict, metricsKey)
-        },
-        children: /*#__PURE__*/jsx(Typography, {
-          variant: "body2",
-          className: styles.cellData,
-          children: formatMetricItem(data, metricsColumns, metricsKey)
-        })
-      }, metricsKey);
-    }), /*#__PURE__*/jsx(TableCell, {
-      "data-testid": "".concat(PAGE_NAME, "_wellSection"),
-      className: classNames(styles.bodyCell, styles.lastCell, borderStyle),
-      style: {
-        width: getCellWidth(columnsWithDict, ColumnType.wellSection)
-      },
-      children: wellSectionData && wellSectionData.length > 1 ? /*#__PURE__*/jsx(Tooltip, {
-        classes: {
-          tooltip: styles.customTooltip
-        },
-        title: /*#__PURE__*/jsx(ViewWellSectionsName, {
-          wellSectionNames: wellSectionData
-        }),
-        children: /*#__PURE__*/jsx("div", {
-          className: styles.sectionLength,
-          children: wellSectionData.length
-        })
-      }) : /*#__PURE__*/jsx(Tooltip, {
-        title: wellSectionData || '',
-        children: /*#__PURE__*/jsx(Typography, {
-          variant: "body2",
-          className: styles.cellData,
-          style: {
-            color: wellSectionData && wellSectionData.length === 1 && getSectionColor(wellSectionData)
-          },
-          children: wellSectionData
-        })
-      })
-    })]
-  });
-};
-OffsetWellsTableRow.propTypes = {
-  columnsWithDict: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
-  data: PropTypes.shape({
-    id: PropTypes.number,
-    checked: PropTypes.bool,
-    name: PropTypes.string,
-    status: PropTypes.string,
-    moveTo: PropTypes.number,
-    delayTime: PropTypes.number
-  }).isRequired,
-  subjectWellId: PropTypes.number.isRequired,
-  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,
-  metricsColumns: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
-  handleChanageOffsetWell: PropTypes.func.isRequired,
-  isWellNameExpand: PropTypes.bool.isRequired,
-  wellNameStyle: PropTypes.string.isRequired,
-  wellNameWidth: PropTypes.number.isRequired,
-  isViewOnly: PropTypes.bool.isRequired,
-  isImperial: PropTypes.bool.isRequired,
-  isLimitedOffsetwells: PropTypes.bool.isRequired,
-  maxOffsetwellNumber: PropTypes.number.isRequired,
-  wellSections: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
-  setActiveWellId: PropTypes.func.isRequired,
-  viewType: PropTypes.string.isRequired,
-  newCheckedWellId: PropTypes.number.isRequired,
-  setNewCheckedWellId: PropTypes.func.isRequired,
-  index: PropTypes.number.isRequired,
-  flyDuration: PropTypes.number.isRequired,
-  isWDUser: PropTypes.bool.isRequired
-};
-var OffsetWellsTableRow$1 = memo(OffsetWellsTableRow);
-
-export { OffsetWellsTableRow$1 as default };
-//# sourceMappingURL=OffsetWellsTableRow.js.map
+import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import{memo as i,useState as l,useRef as n,useCallback as a,useEffect as s,useMemo as r}from"react";import o from"prop-types";import{omit as c,startCase as d,get as m}from"lodash";import u from"classnames";import f from"moment";import{TableRow as h,TableCell as b,Tooltip as y,Checkbox as p,Typography as v}from"@material-ui/core";import{convertValue as w}from"../../../../utils/index.js";import{ColumnType as N,ROW_HEIGHT as g,ViewType as W,EXPANED_WELLNAME_WIDTH as R,LEAVE_TOUCH_DELAY as k,StatusOptions as C}from"../../constants.js";import{SubjectWellMark as T}from"./SubjectWellMark.js";import q from"./OffsetWellsTableRow.module.css.js";import x from"./ViewWellSectionsName.js";import{jsxs as D,jsx as O}from"react/jsx-runtime";var S="OffsetWellsTableRow";function j(e,t,i){var l=t.find((function(e){return e.key===i})),n=m(e,l.key);return"undefined"===n?"loading...":Number.isFinite(n)||n?l.unitType?w(n,l.unitType,l.from,l.to):n:"—"}function I(e,t){var i=m(e,N.distance);return Number.isFinite(i)?t?i:w(i,"length","mi","km"):"—"}function M(e,t){var i=e.find((function(e){return e.key===t}));return(null==i?void 0:i.width)||0}var _=function(i){var o,m,w,_=i.columnsWithDict,A=i.data,L=i.subjectWellId,V=i.metricsKeys,Y=i.metricsColumns,z=i.handleChanageOffsetWell,E=i.isWellNameExpand,F=i.wellNameStyle,P=i.wellNameWidth,H=i.isViewOnly,K=i.isImperial,U=i.isLimitedOffsetwells,B=i.maxOffsetwellNumber,G=i.wellSections,J=i.setActiveWellId,Q=i.viewType,X=i.newCheckedWellId,Z=i.setNewCheckedWellId,$=i.index,ee=i.flyDuration,te=i.isWDUser,ie=L===A.id,le=t({},q.subjectWellRow,ie),ne=l(A.checked),ae=e(ne,2),se=ae[0],re=ae[1],oe=n(),ce=!1,de=A[N.name]||"—",me=de;if(!E&&2*P<8*de.length){var ue=function(e){var t=document.createElement("span");document.body.appendChild(t),t.style.font="Roboto",t.style.fontSize="14px",t.style.letterSpacing="0.01071em",t.style.height="auto",t.style.width="auto",t.style.position="absolute",t.style.whiteSpace="nowrap",t.innerHTML=e;var i=Math.ceil(t.clientWidth);return document.body.removeChild(t),i}(de);if(ue>2*P){var fe=2*P/(ue/de.length);me="".concat(de.substring(0,fe/2-2),"\n... ").concat(de.substring(de.length-fe/2+6)),ce=!0}}var he=a((function(e,t,i,l,n){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=t-e;oe.current.style.position="absolute",oe.current.style.top="".concat(e,"px"),oe.current.style.zIndex=i===l?4:3,oe.current.style.transition="transform ".concat(n,"ms ease ").concat(50*a,"ms"),oe.current.style.transform="translateY(".concat(s,"px)")}),[]),be=a((function(){oe.current.style.position="unset",oe.current.style.zIndex=1,oe.current.style.transition="none",oe.current.style.transform="none"}),[]),ye=a((function(e){Z(A.id);var t=c(A,"moveTo");z(t,e),re(e)}),[A,Z,z]);s((function(){if(X){var e=$*g+16;if(A.moveTo){var t=e+g*A.moveTo;he(e,t,X,A.id,ee,A.delayTime)}}else be()}),[A.moveTo,X]),s((function(){re(A.checked)}),[A.checked]);var pe,ve,we=r((function(){return A[N.wellSection]}),[A]),Ne=r((function(){return H?"View only mode. To edit offsets, use ".concat(te?"Offset Selection App":"WellHub","."):U&&!A.checked?"App can’t process more than (".concat(B-1,") Offset Wells."):""}),[H,U,A.checked]);return D(h,{"data-testid":"".concat(S,"_row_").concat(de),className:u(q.bodyRow,t({},q.moveRow,1===Math.abs(A.moveTo)&&X!==A.id)),innerRef:oe,onMouseEnter:function(){J(A.id)},onMouseLeave:function(){J(null)},children:[D(b,{"data-testid":"".concat(S,"_well"),className:u(q.bodyCell,q.wellNameCell,le,(o={},t(o,F,Q!==W.mobile),t(o,q.wellNameCellMobile,Q===W.mobile),o)),style:{width:E?R:M(_,N.name)},children:[ie&&O(T,{className:u(q.subjectWellMark,t({},q.subjectWellMarkMobile,Q===W.mobile))}),!ie&&O(y,{title:Ne,placement:"bottom-start",classes:{tooltipPlacementBottom:q.checkboxTooltip},children:O("div",{children:O(p,{"data-testid":"".concat(S,"_checkbox"),size:"medium",checked:se,classes:{disabled:q.checkboxDisabled},disabled:H||U&&!A.checked,onChange:function(e){return ye(e.target.checked)}})})}),O(y,{title:ce?de:"",children:O(v,{variant:"body2",className:u(q.wellNameCursor,(m={},t(m,q.cellDataViewOnly,ie),t(m,q.wellNamePreWrap,ce),m)),children:ce?me:de})})]}),O(b,{"data-testid":"".concat(S,"_dot"),className:u(q.bodyCell,le),style:{width:M(_,N.status)},children:!ie&&O(y,{title:d(A[N.status]),enterTouchDelay:Q===W.mobile&&0,leaveTouchDelay:Q===W.mobile&&k,children:O("div",{className:q.statusContainer,children:O("div",{"data-testid":"".concat(S,"_color"),className:q.status,style:{background:null===(w=C.find((function(e){return e.value===A[N.status]})))||void 0===w?void 0:w.color}})})})}),O(b,{"data-testid":"".concat(S,"_rig"),className:u(q.bodyCell,le),style:{width:M(_,N.rig)},children:O(v,{variant:"body2",className:q.cellData,children:A[N.rig]&&"Null"!==A[N.rig]?A[N.rig]:"—"})}),O(b,{"data-testid":"".concat(S,"_distance"),className:u(q.bodyCell,le),style:{width:M(_,N.distance)},children:O(v,{variant:"body2",className:q.cellData,children:I(A,K)})}),O(b,{"data-testid":"".concat(S,"_lastActive"),className:u(q.bodyCell,le),style:{width:M(_,N.lastActive)},children:O(v,{variant:"body2",className:q.cellData,children:A[N.lastActive]&&Number.isFinite(A[N.lastActive])?f.unix(A[N.lastActive]).format("MM/DD/YYYY"):"—"})}),V.map((function(e){return O(b,{"data-testid":"".concat(S,"_").concat(e),className:u(q.bodyCell,le),style:{width:M(_,e)},children:O(v,{variant:"body2",className:q.cellData,children:j(A,Y,e)})},e)})),O(b,{"data-testid":"".concat(S,"_wellSection"),className:u(q.bodyCell,q.lastCell,le),style:{width:M(_,N.wellSection)},children:we&&we.length>1?O(y,{classes:{tooltip:q.customTooltip},title:O(x,{wellSectionNames:we}),children:O("div",{className:q.sectionLength,children:we.length})}):O(y,{title:we||"",children:O(v,{variant:"body2",className:q.cellData,style:{color:we&&1===we.length&&(pe=we,ve=e(pe,1)[0],G.find((function(e){return e.label===ve})).color)},children:we})})})]})};_.propTypes={columnsWithDict:o.arrayOf(o.shape({})).isRequired,data:o.shape({id:o.number,checked:o.bool,name:o.string,status:o.string,moveTo:o.number,delayTime:o.number}).isRequired,subjectWellId:o.number.isRequired,metricsKeys:o.arrayOf(o.string).isRequired,metricsColumns:o.arrayOf(o.shape({})).isRequired,handleChanageOffsetWell:o.func.isRequired,isWellNameExpand:o.bool.isRequired,wellNameStyle:o.string.isRequired,wellNameWidth:o.number.isRequired,isViewOnly:o.bool.isRequired,isImperial:o.bool.isRequired,isLimitedOffsetwells:o.bool.isRequired,maxOffsetwellNumber:o.number.isRequired,wellSections:o.arrayOf(o.shape({})).isRequired,setActiveWellId:o.func.isRequired,viewType:o.string.isRequired,newCheckedWellId:o.number.isRequired,setNewCheckedWellId:o.func.isRequired,index:o.number.isRequired,flyDuration:o.number.isRequired,isWDUser:o.bool.isRequired};var A=i(_);export{A as default};