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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/index.js"],"sourcesContent":["import { AutoSizer, Column, Table } from 'react-virtualized';\nimport { SizeMe } from 'react-sizeme';\nimport { memo, useMemo, useRef } from 'react';\nimport { bool, number, string, func, shape, arrayOf } from 'prop-types';\nimport { get, clone, isEqual } from 'lodash';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { Typography, IconButton, Checkbox, withStyles } from '@material-ui/core';\nimport SortIcon from '@material-ui/icons/Sort';\nimport NotInterestedIcon from '@material-ui/icons/NotInterested';\n\nimport { getUnitDisplay, convertValue } from '~/utils';\n\nimport SubjectIndicator from './SubjectIndicator';\nimport MetricsAddMenu from './MetricsAddMenu';\nimport MetricsSelect from './MetricsSelect';\nimport WellSearch from './WellSearch';\nimport { TABLE_COLUMNS, METRICS_LIST, METRICS_KEYS, SETTINGS_COLUMN } from '../../constants';\nimport { muiStyles } from './styles';\n\nconst ROW_HEIGHT = 48;\nconst HEADER_HEIGHT = 44;\nconst EXTRA_HEIGHT = 52;\nconst MAX_TABLE_HEIGHT = 2000;\nconst TABLE_WIDTH = 1004;\n\nfunction formatItem(item, key) {\n  const value = get(item, key);\n\n  let result;\n  switch (key) {\n    case 'distance':\n      result = Number.isFinite(value) ? parseFloat(value).toFixed(2) : 'N/A';\n      break;\n    case 'rigReleaseDate':\n      result = Number.isFinite(value) ? moment.unix(value).format('MM/DD/YYYY') : 'N/A';\n      break;\n    default:\n      result = value || '';\n  }\n\n  return result;\n}\n\nfunction formatMetricItem(item, metric, isMetricsLoading) {\n  const value = get(item, metric.key);\n\n  if (METRICS_KEYS.includes(metric.key)) {\n    if (Number.isFinite(value) || value) {\n      return metric.unitType ? convertValue(value, metric.unitType, metric.from, metric.to) : value;\n    }\n\n    if (isMetricsLoading) {\n      return 'loading...';\n    }\n  }\n\n  return '';\n}\n\nfunction WellsTable({\n  open,\n  subjectWell,\n  wells,\n  offsetWells,\n  metricsKeys,\n  isMetricsLoading,\n  sortInfo,\n  unusableWellAlarm,\n  dialogWidth,\n  classes,\n  onChangeMetricsKeys,\n  onAddOffsetWell,\n  onDeleteOffsetWell,\n  onAddAllOffsetWells,\n  onDeleteAllOffsetWells,\n  onSorting,\n}) {\n  const tableContainerRef = useRef();\n  // NOTE: Get usable wells & offset wells only\n  const usableWells = useMemo(() => {\n    return wells.filter(item => item.is_usable);\n  }, [wells]);\n\n  // NOTE: Just compare among usable wells\n  const isAllUsableWellsSelected = useMemo(() => {\n    const usableWellIds = usableWells.map(well => well.id).sort();\n    const offsetWellIds = offsetWells.map(well => well.id).sort();\n    return usableWellIds.length && isEqual(usableWellIds, offsetWellIds);\n  }, [usableWells, offsetWells]);\n\n  const metricsColumns = useMemo(() => {\n    // NOTE: Pay attention to the order of metrics and duplication\n    return metricsKeys.reduce(\n      (result, key) => result.concat(METRICS_LIST.filter(item => item.key === key)),\n      []\n    );\n  }, [metricsKeys]);\n\n  // NOTE: Table columns\n  const tableColumns = useMemo(() => {\n    return [\n      ...TABLE_COLUMNS,\n      ...metricsColumns.map(item => ({ ...item, width: 240 })),\n      SETTINGS_COLUMN,\n    ];\n  }, [metricsColumns]);\n\n  // NOTE: Calculate width of each table columns\n  const columnWidthDict = useMemo(() => {\n    if (!dialogWidth || dialogWidth <= 0) {\n      return {};\n    }\n\n    const result = {};\n    // NOTE: Keep the columns that had been adjusted due to expected width is smaller than min width\n    const adjustedColumns = [];\n\n    // NOTE: Give fixed width to the columns with \"width\" field\n    tableColumns\n      .filter(column => Number.isFinite(column.width))\n      .forEach(column => {\n        result[column.key] = column.width - 1;\n        adjustedColumns.push(column.width - 1);\n      });\n\n    tableColumns\n      .filter(column => !Number.isFinite(column.width))\n      .forEach(column => {\n        // NOTE: Width sum of adjusted columns\n        const sumOfAdjustColumnWidth = adjustedColumns.reduce(\n          (subResult, columnWidth) => subResult + columnWidth,\n          0\n        );\n        // NOTE: Expected space for the column\n        const calculatedWidth = Math.floor(\n          (dialogWidth - sumOfAdjustColumnWidth) / (tableColumns.length - adjustedColumns.length)\n        );\n\n        const requiredWidth = column.minWidth || 200;\n        const adjustedWidth = calculatedWidth < requiredWidth ? requiredWidth : calculatedWidth;\n        result[column.key] = adjustedWidth - 1;\n        adjustedColumns.push(adjustedWidth - 1);\n      });\n\n    return result;\n  }, [dialogWidth, tableColumns]);\n\n  // NOTE: Calculate table width from adjusted columns width\n  const tableWidth = useMemo(() => {\n    if (tableContainerRef.current && open) return tableContainerRef.current.clientWidth;\n    return TABLE_WIDTH;\n  }, [columnWidthDict, tableContainerRef.current, open]);\n\n  const handleChangeMetricsKeys = newKeys => {\n    onChangeMetricsKeys(newKeys);\n  };\n\n  const handleChangeColumnMetricsKey = columnIdx => newKey => {\n    const newKeys = clone(metricsKeys);\n    newKeys[columnIdx] = newKey;\n    onChangeMetricsKeys(newKeys);\n  };\n\n  const handleSorting = dataKey => {\n    onSorting(dataKey);\n  };\n\n  const handleToggleWell = (targetId, checked) => {\n    if (checked) {\n      onAddOffsetWell(targetId);\n    } else {\n      onDeleteOffsetWell(targetId);\n    }\n  };\n\n  const handleToggleWells = e => {\n    if (e.target.checked) {\n      onAddAllOffsetWells();\n    } else {\n      onDeleteAllOffsetWells();\n    }\n  };\n\n  const sortIconRenderer = dataKey => {\n    return (\n      <IconButton\n        data-not-migrated-muiiconbutton\n        className={classes.sortIconButton}\n        onClick={() => handleSorting(dataKey)}\n      >\n        {dataKey !== sortInfo.key ? (\n          <NotInterestedIcon className={classes.sortIcon} />\n        ) : (\n          <SortIcon\n            className={classNames(classes.sortIcon, {\n              [classes.ascendingSortIcon]: sortInfo.direction === 1,\n            })}\n          />\n        )}\n      </IconButton>\n    );\n  };\n\n  // NOTE: Table renderers\n  const headerRenderer = headerData => {\n    const { label, dataKey } = headerData;\n\n    // name column\n    if (dataKey === 'name') {\n      return (\n        <div className={classes.nameWrapper}>\n          <Checkbox\n            classes={{\n              checked: classes.nameCheckBox,\n              indeterminate: classes.nameCheckBox,\n            }}\n            onClick={handleToggleWells}\n            checked={isAllUsableWellsSelected}\n            indeterminate={offsetWells.length > 0 && !isAllUsableWellsSelected}\n            size=\"small\"\n          />\n          <Typography className={classNames(classes.cell, classes.nameCell)}>{label}</Typography>\n          {sortIconRenderer(dataKey)}\n        </div>\n      );\n    }\n\n    // metrics columns\n    if (metricsKeys.includes(dataKey)) {\n      const currentMetric = metricsColumns.find(item => item.key === dataKey);\n      const metricIndex = metricsColumns.findIndex(item => item.key === dataKey);\n      return (\n        <div className={classes.metricsColumn}>\n          <MetricsSelect\n            items={METRICS_LIST}\n            currentValue={dataKey}\n            onChange={handleChangeColumnMetricsKey(metricIndex)}\n          />\n          <Typography className={classNames(classes.cell, classes.unitCell)}>\n            {currentMetric.unitType\n              ? `(${getUnitDisplay(currentMetric.unitType, currentMetric.to)})`\n              : ''}\n          </Typography>\n          {sortIconRenderer(dataKey)}\n        </div>\n      );\n    }\n\n    // settings column\n    if (dataKey === SETTINGS_COLUMN.key) {\n      return (\n        <div className={classes.settingsCell}>\n          <MetricsAddMenu metricsKeys={metricsKeys} onChange={handleChangeMetricsKeys} />\n        </div>\n      );\n    }\n\n    return (\n      <div className={classes.nameWrapper}>\n        <Typography className={classes.cell}>{label}</Typography>\n        {sortIconRenderer(dataKey)}\n      </div>\n    );\n  };\n\n  const cellRenderer = ({ rowData: well, dataKey }) => {\n    if (dataKey === 'name') {\n      return (\n        <div className={classes.nameWrapper}>\n          <Checkbox\n            color=\"primary\"\n            checked={offsetWells.findIndex(offsetWell => offsetWell.id === well.id) > -1}\n            onChange={e => handleToggleWell(well.id, e.target.checked)}\n            size=\"small\"\n            disabled={!well.is_usable}\n          />\n\n          <Typography\n            className={classNames(classes.tableCellLabel, {\n              [classes.tableCellLabelDisabled]: !well.is_usable,\n            })}\n          >\n            {formatItem(well, dataKey)}\n          </Typography>\n          {subjectWell && well.id === subjectWell.id && <SubjectIndicator />}\n        </div>\n      );\n    }\n\n    // settings column\n    if (dataKey === SETTINGS_COLUMN.key) {\n      return (\n        <div className={classes.settingsCell}>\n          {!well.is_usable && (\n            <Typography className={classes.errorMsg}>{unusableWellAlarm}</Typography>\n          )}\n        </div>\n      );\n    }\n\n    let formattedCellData = null;\n    if (metricsKeys.includes(dataKey)) {\n      const currentMetric = metricsColumns.find(item => item.key === dataKey);\n      formattedCellData = formatMetricItem(well, currentMetric, isMetricsLoading);\n    } else {\n      formattedCellData = formatItem(well, dataKey);\n    }\n    return (\n      <Typography\n        className={classNames(classes.cell, classes.tableCellLabel, {\n          [classes.tableCellLabelDisabled]: !well.is_usable,\n        })}\n      >\n        {formattedCellData}\n      </Typography>\n    );\n  };\n\n  const height = useMemo(() => {\n    return Math.min(ROW_HEIGHT * wells.length + HEADER_HEIGHT + EXTRA_HEIGHT, MAX_TABLE_HEIGHT);\n  }, [wells]);\n\n  const handleAddWell = wellId => {\n    onAddOffsetWell(wellId);\n  };\n\n  return (\n    <>\n      <div className={classes.tableContainer} style={{ height }}>\n        <div className={classes.titleWrapper}>\n          <Typography variant=\"body2\" className={classes.tableTitle}>\n            Well Names ({offsetWells.length})\n          </Typography>\n          <div className={classes.addWellInput}>\n            <WellSearch wells={wells} onChange={handleAddWell} />\n          </div>\n        </div>\n\n        <div className={classes.tableTopBorder} ref={tableContainerRef} />\n        <AutoSizer>\n          {() => {\n            return (\n              <Table\n                width={tableWidth}\n                height={height}\n                headerHeight={HEADER_HEIGHT}\n                rowHeight={ROW_HEIGHT}\n                rowCount={wells.length}\n                rowGetter={({ index }) => wells[index]}\n                className={classes.table}\n              >\n                {tableColumns.map(column => (\n                  <Column\n                    key={column.key}\n                    width={columnWidthDict[column.key] || 200}\n                    dataKey={column.key}\n                    label={column.label}\n                    headerRenderer={headerRenderer}\n                    cellRenderer={cellRenderer}\n                  />\n                ))}\n              </Table>\n            );\n          }}\n        </AutoSizer>\n      </div>\n    </>\n  );\n}\n\nWellsTable.propTypes = {\n  open: bool.isRequired,\n  subjectWell: shape({ id: number }),\n  wells: arrayOf(shape({})).isRequired,\n  offsetWells: arrayOf(shape({})).isRequired,\n  metricsKeys: arrayOf(string).isRequired,\n  isMetricsLoading: bool.isRequired,\n  sortInfo: shape({\n    key: string.isRequired,\n    direction: number.isRequired,\n  }).isRequired,\n  classes: shape({}).isRequired,\n  onChangeMetricsKeys: func.isRequired,\n  onAddOffsetWell: func.isRequired,\n  onDeleteOffsetWell: func.isRequired,\n  onAddAllOffsetWells: func.isRequired,\n  onDeleteAllOffsetWells: func.isRequired,\n  onSorting: func.isRequired,\n  unusableWellAlarm: string.isRequired,\n  dialogWidth: number,\n};\n\nWellsTable.defaultProps = {\n  subjectWell: null,\n  dialogWidth: 0,\n};\n\n// NOTE: Monitor the dialog width for table cell width\nfunction WithSizeMe(props) {\n  return (\n    <SizeMe monitorWidth>{({ size }) => <WellsTable dialogWidth={size.width} {...props} />}</SizeMe>\n  );\n}\n\nexport default withStyles(muiStyles)(memo(WithSizeMe));\n"],"names":["ROW_HEIGHT","HEADER_HEIGHT","EXTRA_HEIGHT","MAX_TABLE_HEIGHT","TABLE_WIDTH","formatItem","item","key","value","get","result","Number","isFinite","parseFloat","toFixed","moment","unix","format","formatMetricItem","metric","isMetricsLoading","METRICS_KEYS","includes","unitType","convertValue","from","to","WellsTable","open","subjectWell","wells","offsetWells","metricsKeys","sortInfo","unusableWellAlarm","dialogWidth","classes","onChangeMetricsKeys","onAddOffsetWell","onDeleteOffsetWell","onAddAllOffsetWells","onDeleteAllOffsetWells","onSorting","tableContainerRef","useRef","usableWells","useMemo","filter","is_usable","isAllUsableWellsSelected","usableWellIds","map","well","id","sort","offsetWellIds","length","isEqual","metricsColumns","reduce","concat","METRICS_LIST","tableColumns","TABLE_COLUMNS","width","SETTINGS_COLUMN","columnWidthDict","adjustedColumns","column","forEach","push","sumOfAdjustColumnWidth","subResult","columnWidth","calculatedWidth","Math","floor","requiredWidth","minWidth","adjustedWidth","tableWidth","current","clientWidth","handleChangeMetricsKeys","newKeys","handleChangeColumnMetricsKey","columnIdx","newKey","clone","handleSorting","dataKey","handleToggleWell","targetId","checked","handleToggleWells","e","target","sortIconRenderer","_jsx","sortIconButton","sortIcon","classNames","ascendingSortIcon","direction","headerRenderer","headerData","label","_jsxs","nameWrapper","nameCheckBox","indeterminate","cell","nameCell","currentMetric","find","metricIndex","findIndex","metricsColumn","unitCell","getUnitDisplay","settingsCell","cellRenderer","rowData","offsetWell","tableCellLabel","tableCellLabelDisabled","errorMsg","formattedCellData","height","min","handleAddWell","wellId","tableContainer","titleWrapper","tableTitle","addWellInput","tableTopBorder","index","table","propTypes","bool","isRequired","shape","number","arrayOf","string","func","defaultProps","WithSizeMe","props","size","withStyles","muiStyles","memo"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/styles.js"],"sourcesContent":["export const muiStyles = theme => ({\n  tableContainer: {\n    marginTop: '22px',\n    overflowX: 'auto',\n    overflowY: 'hidden',\n    position: 'relative',\n    minHeight: '150px',\n  },\n  titleWrapper: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    marginBottom: '15px',\n  },\n  tableTitle: {\n    fontSize: '18px',\n    fontWeight: 400,\n    lineHeight: '24px',\n    color: theme.palette.primary.text1,\n  },\n  addWellInput: {\n    width: '260px',\n  },\n  tableTopBorder: {\n    borderTop: '1px solid rgba(81, 81, 81, 1)',\n  },\n  table: {\n    '& .ReactVirtualized__Table__headerRow': {\n      textTransform: 'none',\n      borderBottom: theme.isLightTheme\n        ? '1px solid rgba(224, 224, 224, 1)'\n        : '1px solid rgba(81, 81, 81, 1)',\n    },\n    '& .ReactVirtualized__Table__row': {\n      borderBottom: theme.isLightTheme\n        ? '1px solid rgba(224, 224, 224, 1)'\n        : '1px solid rgba(81, 81, 81, 1)',\n      '&:hover': {\n        backgroundColor: 'rgba(255, 255, 255, 0.03)',\n      },\n    },\n    '& .ReactVirtualized__Table__Grid': {\n      outline: 'none',\n    },\n    '& .ReactVirtualized__Table__headerColumn': {\n      outline: 'none',\n    },\n  },\n  cell: {\n    color: 'rgba(255, 255, 255, 0.54)',\n    padding: '5px 10px',\n    fontSize: '12px',\n    whiteSpace: 'nowrap',\n  },\n  nameWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  nameCell: {\n    padding: 0,\n  },\n  unitCell: {\n    padding: 0,\n  },\n  settingsCell: {\n    textAlign: 'right',\n  },\n  sortIconButton: {\n    padding: '8px',\n    '&:hover $sortIcon': {\n      color: '#fff',\n    },\n  },\n  ascendingSortIcon: {\n    transform: 'scaleY(-1)',\n  },\n  sortIcon: {\n    fontSize: '14px',\n    color: '#BDBDBD',\n  },\n  metricsColumn: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  tableCellLabel: {\n    fontSize: '0.90rem',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    color: '#fff',\n  },\n  tableCellLabelDisabled: {\n    color: '#C4C4C4',\n  },\n  errorMsg: {\n    color: '#C4C4C4',\n    fontStyle: 'italic',\n    fontSize: '14px',\n    padding: '0 16px',\n    whiteSpace: 'nowrap',\n  },\n});\n"],"names":["muiStyles","theme","tableContainer","marginTop","overflowX","overflowY","position","minHeight","titleWrapper","display","justifyContent","alignItems","marginBottom","tableTitle","fontSize","fontWeight","lineHeight","color","palette","primary","text1","addWellInput","width","tableTopBorder","borderTop","table","textTransform","borderBottom","isLightTheme","backgroundColor","outline","cell","padding","whiteSpace","nameWrapper","nameCell","unitCell","settingsCell","textAlign","sortIconButton","ascendingSortIcon","transform","sortIcon","metricsColumn","tableCellLabel","overflow","textOverflow","tableCellLabelDisabled","errorMsg","fontStyle"],"mappings":"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"}