@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteAssetSearch.js","sources":["../../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/AutoCompleteAssetSearch/AutoCompleteAssetSearch.js"],"sourcesContent":["import { useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { withRouter } from 'react-router';\nimport get from 'lodash/get';\nimport { makeStyles, Chip, Input, Tooltip, withStyles } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport AssetTypesSection from './AssetTypesSection';\nimport AssetResultSection from './AssetResultSection';\nimport { useAssetsData } from './effects';\nimport { SEARCH_CATEGORIES, CATEGORY_KEY_VALUES } from './constants';\n\nconst PAGE_NAME = 'AutoCompleteAssetSearch';\n\nconst StyledTooltip = withStyles(() => ({\n  tooltip: {\n    backgroundColor: '#414141',\n    color: '#ffffff',\n    fontSize: '11px',\n    lineHeight: '16px',\n    borderRadius: '4px',\n    boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.12)',\n    padding: '4px',\n  },\n}))(Tooltip);\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    width: ({ isTablet, isMobile }) => (!isTablet && isMobile ? '100%' : '472px'),\n    height: ({ isTablet, isMobile }) => !isTablet && isMobile && '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    padding: '12px 16px',\n  },\n  inputWrapper: {\n    display: 'flex',\n    width: 'auto',\n    marginBottom: '16px',\n    alignItems: 'center',\n    flexWrap: 'nowrap',\n    justifyContent: 'space-between',\n  },\n  selectedChip: {\n    width: 'fit-content',\n    marginBottom: '10px',\n    fontSize: '14px',\n  },\n  selectedChipDeleteIcon: {\n    width: '16px',\n    height: '16px',\n    color: theme.palette.primary.text6,\n    '&:hover': {\n      color: theme.palette.primary.text1,\n    },\n  },\n  disabledIcon: {\n    width: '16px',\n    height: '16px',\n    color: theme.palette.primary.text6,\n    opacity: 0.4,\n  },\n  closeIconButton: {\n    padding: 0,\n    '&:hover $closeIcon': {\n      color: theme.palette.primary.text1,\n    },\n  },\n  searchInput: {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    borderBottom: '2px solid #03BCD4',\n  },\n  closeIcon: {\n    color: theme.palette.primary.text6,\n    fontSize: '18px',\n  },\n  deleteIcon: {\n    color: theme.palette.primary.text1,\n    height: '16px',\n  },\n}));\n\nconst AutoCompleteAssetSearch = ({ onClickAsset, company, isTablet, isMobile }) => {\n  const [assetType, setAssetType] = useState(null);\n  const [searchKey, setSearchKey] = useState(null);\n  const [page, setPage] = useState(1);\n  const classes = useStyles({ isTablet, isMobile });\n  const searchInputRef = useRef();\n\n  const [loading, groupedAssets] = useAssetsData(searchKey, assetType, page, company);\n\n  const handleDeleteAssetType = () => {\n    setAssetType(null);\n    setPage(1);\n  };\n\n  const handleChangeAssetType = key => {\n    searchInputRef.current.focus();\n    setAssetType(key);\n    setPage(1);\n  };\n\n  const handleChangeSearchKey = ({ target: { value } }) => {\n    setSearchKey(value);\n    setPage(1);\n  };\n\n  const handleKeyPress = e => {\n    const { value } = e.target;\n    const { keyCode } = e;\n\n    const availableCategory = CATEGORY_KEY_VALUES.find(\n      ([_, item]) => item.autoCategorizedKey === value.trim().toLowerCase()\n    );\n\n    // NOTE: when type one of categories defined and press enter key or space key\n    // then asset type will be auto selected and clear input field\n    if (availableCategory && (keyCode === 13 || keyCode === 32)) {\n      setSearchKey('');\n      setAssetType(availableCategory[0]);\n      setPage(1);\n      return;\n    }\n\n    // NOTE: when there is no value in input field and press back space key,\n    // then clear asset type as well.\n    if (value === '' && keyCode === 8) {\n      setAssetType(null);\n      setPage(1);\n    }\n  };\n\n  const handleSearchClear = () => {\n    searchInputRef.current.focus();\n    setSearchKey('');\n    setAssetType(null);\n    setPage(1);\n  };\n\n  const handleScrollReached = position => {\n    if (position === 'top' && page > 1) {\n      setPage(prev => prev - 1);\n    }\n    if (position === 'bottom') {\n      setPage(prev => prev + 1);\n    }\n  };\n  return (\n    <div className={classes.wrapper}>\n      <div className={classes.inputWrapper}>\n        <div className={classes.searchInput}>\n          <Input\n            data-testid={`${PAGE_NAME}_searchInput`}\n            inputRef={searchInputRef}\n            autoFocus\n            disableUnderline\n            fullWidth\n            value={searchKey || ''}\n            placeholder={`Search ${get(\n              SEARCH_CATEGORIES,\n              [assetType, 'labelPlural'],\n              'assets'\n            )}...`}\n            onChange={handleChangeSearchKey}\n            onKeyUp={handleKeyPress}\n          />\n          <StyledTooltip title=\"Clear\">\n            <CloseIcon\n              className={\n                assetType || searchKey ? classes.selectedChipDeleteIcon : classes.disabledIcon\n              }\n              onClick={handleSearchClear}\n            />\n          </StyledTooltip>\n        </div>\n      </div>\n      {assetType && (\n        <Chip\n          data-not-migrated-muichip\n          classes={{ root: classes.selectedChip, deleteIcon: classes.deleteIcon }}\n          color=\"primary\"\n          label={get(SEARCH_CATEGORIES, [assetType, 'labelPlural'], 'Assets')}\n          deleteIcon={<CloseIcon />}\n          onDelete={handleDeleteAssetType}\n        />\n      )}\n      {!assetType && !searchKey && <AssetTypesSection onClickAssetType={handleChangeAssetType} />}\n      {(assetType || searchKey) && (\n        <AssetResultSection\n          loading={loading}\n          page={page}\n          groupedAssets={groupedAssets}\n          onClickAsset={onClickAsset}\n          onScrollReached={handleScrollReached}\n          isTablet={isTablet}\n          isMobile={isMobile}\n        />\n      )}\n    </div>\n  );\n};\n\nAutoCompleteAssetSearch.propTypes = {\n  company: PropTypes.number.isRequired,\n  onClickAsset: PropTypes.func.isRequired,\n  isTablet: PropTypes.bool.isRequired,\n  isMobile: PropTypes.bool.isRequired,\n};\n\nexport default withRouter(AutoCompleteAssetSearch);\n"],"names":["PAGE_NAME","StyledTooltip","withStyles","tooltip","backgroundColor","color","fontSize","lineHeight","borderRadius","boxShadow","padding","Tooltip","useStyles","makeStyles","theme","wrapper","width","isTablet","isMobile","height","display","flexDirection","inputWrapper","marginBottom","alignItems","flexWrap","justifyContent","selectedChip","selectedChipDeleteIcon","palette","primary","text6","text1","disabledIcon","opacity","closeIconButton","searchInput","borderBottom","closeIcon","deleteIcon","AutoCompleteAssetSearch","onClickAsset","company","useState","assetType","setAssetType","searchKey","setSearchKey","page","setPage","classes","searchInputRef","useRef","useAssetsData","loading","groupedAssets","handleDeleteAssetType","handleChangeAssetType","key","current","focus","handleChangeSearchKey","value","target","handleKeyPress","e","keyCode","availableCategory","CATEGORY_KEY_VALUES","find","item","autoCategorizedKey","trim","toLowerCase","handleSearchClear","handleScrollReached","position","prev","_jsxs","_jsx","get","SEARCH_CATEGORIES","root","propTypes","PropTypes","number","isRequired","func","bool","withRouter"],"mappings":"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"}

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

@@ -1 +1,45 @@
-var e={well:{name:"well",labelSingular:"Well",labelPlural:"Wells",autoCategorizedKey:"well",isAssetType:!0},rig:{name:"rig",labelSingular:"Rig",labelPlural:"Rigs",autoCategorizedKey:"rig",isAssetType:!0},frac_fleet:{name:"frac_fleet",labelSingular:"Frac Fleet",labelPlural:"Frac Fleets",autoCategorizedKey:"frac fleet",isAssetType:!0},drillout_unit:{name:"drillout_unit",labelSingular:"Drillout unit",labelPlural:"Drillout Units",autoCategorizedKey:"drillout unit",isAssetType:!0},api_number:{name:"api_number",labelSingular:"API#",labelPlural:"API#",isAssetType:!1}};Object.values(e).filter((function(e){return e.autoCategorizedKey})).map((function(e){return e.autoCategorizedKey}));var l=Object.entries(e);export{l as CATEGORY_KEY_VALUES,e as SEARCH_CATEGORIES};
+var SEARCH_CATEGORIES = {
+  well: {
+    name: 'well',
+    labelSingular: 'Well',
+    labelPlural: 'Wells',
+    autoCategorizedKey: 'well',
+    isAssetType: true
+  },
+  rig: {
+    name: 'rig',
+    labelSingular: 'Rig',
+    labelPlural: 'Rigs',
+    autoCategorizedKey: 'rig',
+    isAssetType: true
+  },
+  frac_fleet: {
+    name: 'frac_fleet',
+    labelSingular: 'Frac Fleet',
+    labelPlural: 'Frac Fleets',
+    autoCategorizedKey: 'frac fleet',
+    isAssetType: true
+  },
+  drillout_unit: {
+    name: 'drillout_unit',
+    labelSingular: 'Drillout unit',
+    labelPlural: 'Drillout Units',
+    autoCategorizedKey: 'drillout unit',
+    isAssetType: true
+  },
+  api_number: {
+    name: 'api_number',
+    labelSingular: 'API#',
+    labelPlural: 'API#',
+    isAssetType: false
+  }
+};
+Object.values(SEARCH_CATEGORIES).filter(function (item) {
+  return item.autoCategorizedKey;
+}).map(function (item) {
+  return item.autoCategorizedKey;
+});
+var CATEGORY_KEY_VALUES = Object.entries(SEARCH_CATEGORIES);
+
+export { CATEGORY_KEY_VALUES, SEARCH_CATEGORIES };
+//# sourceMappingURL=constants.js.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/AutoCompleteAssetSearch/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/AutoCompleteAssetSearch/constants.js"],"sourcesContent":["export const SEARCH_CATEGORIES = {\n  well: {\n    name: 'well',\n    labelSingular: 'Well',\n    labelPlural: 'Wells',\n    autoCategorizedKey: 'well',\n    isAssetType: true,\n  },\n  rig: {\n    name: 'rig',\n    labelSingular: 'Rig',\n    labelPlural: 'Rigs',\n    autoCategorizedKey: 'rig',\n    isAssetType: true,\n  },\n  frac_fleet: {\n    name: 'frac_fleet',\n    labelSingular: 'Frac Fleet',\n    labelPlural: 'Frac Fleets',\n    autoCategorizedKey: 'frac fleet',\n    isAssetType: true,\n  },\n  drillout_unit: {\n    name: 'drillout_unit',\n    labelSingular: 'Drillout unit',\n    labelPlural: 'Drillout Units',\n    autoCategorizedKey: 'drillout unit',\n    isAssetType: true,\n  },\n  api_number: {\n    name: 'api_number',\n    labelSingular: 'API#',\n    labelPlural: 'API#',\n    isAssetType: false,\n  },\n};\n\nexport const AUTO_CATEGORIZE_KEYS = Object.values(SEARCH_CATEGORIES)\n  .filter(item => item.autoCategorizedKey)\n  .map(item => item.autoCategorizedKey);\n\nexport const CATEGORY_KEY_VALUES = Object.entries(SEARCH_CATEGORIES);\n"],"names":["SEARCH_CATEGORIES","well","name","labelSingular","labelPlural","autoCategorizedKey","isAssetType","rig","frac_fleet","drillout_unit","api_number","Object","values","filter","item","map","CATEGORY_KEY_VALUES","entries"],"mappings":"AAAO,IAAMA,iBAAiB,GAAG;AAC/BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,IAAI,EAAE,MAAM;AACZC,IAAAA,aAAa,EAAE,MAAM;AACrBC,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,kBAAkB,EAAE,MAAM;AAC1BC,IAAAA,WAAW,EAAE,IAAA;GACd;AACDC,EAAAA,GAAG,EAAE;AACHL,IAAAA,IAAI,EAAE,KAAK;AACXC,IAAAA,aAAa,EAAE,KAAK;AACpBC,IAAAA,WAAW,EAAE,MAAM;AACnBC,IAAAA,kBAAkB,EAAE,KAAK;AACzBC,IAAAA,WAAW,EAAE,IAAA;GACd;AACDE,EAAAA,UAAU,EAAE;AACVN,IAAAA,IAAI,EAAE,YAAY;AAClBC,IAAAA,aAAa,EAAE,YAAY;AAC3BC,IAAAA,WAAW,EAAE,aAAa;AAC1BC,IAAAA,kBAAkB,EAAE,YAAY;AAChCC,IAAAA,WAAW,EAAE,IAAA;GACd;AACDG,EAAAA,aAAa,EAAE;AACbP,IAAAA,IAAI,EAAE,eAAe;AACrBC,IAAAA,aAAa,EAAE,eAAe;AAC9BC,IAAAA,WAAW,EAAE,gBAAgB;AAC7BC,IAAAA,kBAAkB,EAAE,eAAe;AACnCC,IAAAA,WAAW,EAAE,IAAA;GACd;AACDI,EAAAA,UAAU,EAAE;AACVR,IAAAA,IAAI,EAAE,YAAY;AAClBC,IAAAA,aAAa,EAAE,MAAM;AACrBC,IAAAA,WAAW,EAAE,MAAM;AACnBE,IAAAA,WAAW,EAAE,KAAA;AACf,GAAA;AACF,EAAC;AAEmCK,MAAM,CAACC,MAAM,CAACZ,iBAAiB,CAAC,CACjEa,MAAM,CAAC,UAAAC,IAAI,EAAA;EAAA,OAAIA,IAAI,CAACT,kBAAkB,CAAA;AAAA,CAAA,CAAC,CACvCU,GAAG,CAAC,UAAAD,IAAI,EAAA;EAAA,OAAIA,IAAI,CAACT,kBAAkB,CAAA;AAAA,CAAC,EAAA;AAEhC,IAAMW,mBAAmB,GAAGL,MAAM,CAACM,OAAO,CAACjB,iBAAiB;;;;"}

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/AutoCompleteAssetSearch/effects/useAssetsData.js

@@ -1 +1,77 @@
-import r from"@babel/runtime/helpers/asyncToGenerator";import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/regenerator";import{useState as o,useEffect as n,useMemo as a}from"react";import i from"lodash/debounce";import u from"lodash/groupBy";import s from"lodash/every";import{fetchAllAssets as c}from"../../../../../../utils/apiCalls.js";var p=i((function(r){r()}),500);function l(i,l,m,f){var v=o([]),b=e(v,2),d=b[0],h=b[1],y=o(!1),w=e(y,2),C=w[0],x=w[1];n((function(){function e(){return(e=r(t.mark((function r(){var e;return t.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.prev=0,r.next=3,c(l,m,f);case 3:e=r.sent,h(e),x(!1),r.next=12;break;case 8:r.prev=8,r.t0=r.catch(0),console.error(r.t0),x(!1);case 12:case"end":return r.stop()}}),r,null,[[0,8]])})))).apply(this,arguments)}x(!0),p((function(){return e.apply(this,arguments)}))}),[l,m,f]);var L=a((function(){var r=d.filter((function(r){var e;return(!l||r.type===l)&&(function(r,e){var t=e.split(" ");return s(t,(function(e){return r.toLowerCase().includes(e||"")}))}(r.name,(i||"").toLowerCase())||(null===(e=r.apiNumber)||void 0===e?void 0:e.toLowerCase().includes((i||"").toLowerCase())))}));return Object.entries(u(r,"type"))}),[i,d,l]);return[C,L]}export{l as useAssetsData};
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { useState, useEffect, useMemo } from 'react';
+import debounce from 'lodash/debounce';
+import groupBy from 'lodash/groupBy';
+import every from 'lodash/every';
+import { fetchAllAssets } from '../../../../../../utils/apiCalls.js';
+
+var debouncedFunc = debounce(function (callback) {
+  callback();
+}, 500);
+var isMatchedAsset = function isMatchedAsset(assetName, searchKey) {
+  var searchKeys = searchKey.split(' ');
+  return every(searchKeys, function (key) {
+    return assetName.toLowerCase().includes(key || '');
+  });
+};
+function useAssetsData(searchKey, assetType, page, company) {
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    assetsData = _useState2[0],
+    setAssetsData = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  useEffect(function () {
+    function fetchAssets() {
+      return _fetchAssets.apply(this, arguments);
+    }
+    function _fetchAssets() {
+      _fetchAssets = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var assets;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.prev = 0;
+                _context.next = 3;
+                return fetchAllAssets(assetType, page, company);
+              case 3:
+                assets = _context.sent;
+                setAssetsData(assets);
+                setLoading(false);
+                _context.next = 12;
+                break;
+              case 8:
+                _context.prev = 8;
+                _context.t0 = _context["catch"](0);
+                console.error(_context.t0);
+                setLoading(false);
+              case 12:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[0, 8]]);
+      }));
+      return _fetchAssets.apply(this, arguments);
+    }
+    setLoading(true);
+    debouncedFunc(fetchAssets);
+  }, [assetType, page, company]);
+  var searchResult = useMemo(function () {
+    var filteredData = assetsData.filter(function (asset) {
+      var _asset$apiNumber;
+      return (!assetType || asset.type === assetType) && (isMatchedAsset(asset.name, (searchKey || '').toLowerCase()) || ((_asset$apiNumber = asset.apiNumber) === null || _asset$apiNumber === void 0 ? void 0 : _asset$apiNumber.toLowerCase().includes((searchKey || '').toLowerCase())));
+    });
+    var groupData = Object.entries(groupBy(filteredData, 'type'));
+    return groupData;
+  }, [searchKey, assetsData, assetType]);
+  return [loading, searchResult];
+}
+
+export { useAssetsData };
+//# sourceMappingURL=useAssetsData.js.map

package/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/AutoCompleteAssetSearch/effects/useAssetsData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetsData.js","sources":["../../../../../../../../../src/components/OffsetWellPickerV3/components/CustomSelectionView/components/Table/AutoCompleteAssetSearch/effects/useAssetsData.js"],"sourcesContent":["import { useState, useMemo, useEffect } from 'react';\nimport debounce from 'lodash/debounce';\nimport groupBy from 'lodash/groupBy';\nimport every from 'lodash/every';\n\nimport { fetchAllAssets } from '../../../../../../utils/apiCalls';\n\nconst debouncedFunc = debounce(callback => {\n  callback();\n}, 500);\n\nconst isMatchedAsset = (assetName, searchKey) => {\n  const searchKeys = searchKey.split(' ');\n\n  return every(searchKeys, key => assetName.toLowerCase().includes(key || ''));\n};\n\nexport function useAssetsData(searchKey, assetType, page, company) {\n  const [assetsData, setAssetsData] = useState([]);\n  const [loading, setLoading] = useState(false);\n\n  useEffect(() => {\n    async function fetchAssets() {\n      try {\n        const assets = await fetchAllAssets(assetType, page, company);\n        setAssetsData(assets);\n        setLoading(false);\n      } catch (e) {\n        console.error(e);\n        setLoading(false);\n      }\n    }\n    setLoading(true);\n    debouncedFunc(fetchAssets);\n  }, [assetType, page, company]);\n\n  const searchResult = useMemo(() => {\n    const filteredData = assetsData.filter(\n      asset =>\n        (!assetType || asset.type === assetType) &&\n        (isMatchedAsset(asset.name, (searchKey || '').toLowerCase()) ||\n          asset.apiNumber?.toLowerCase().includes((searchKey || '').toLowerCase()))\n    );\n    const groupData = Object.entries(groupBy(filteredData, 'type'));\n    return groupData;\n  }, [searchKey, assetsData, assetType]);\n\n  return [loading, searchResult];\n}\n"],"names":["debouncedFunc","debounce","callback","isMatchedAsset","assetName","searchKey","searchKeys","split","every","key","toLowerCase","includes","useAssetsData","assetType","page","company","useState","assetsData","setAssetsData","loading","setLoading","useEffect","fetchAssets","fetchAllAssets","assets","console","error","searchResult","useMemo","filteredData","filter","asset","type","name","apiNumber","groupData","Object","entries","groupBy"],"mappings":"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"}

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

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