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

package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AssetTypesSection.js

@@ -1 +1,59 @@
-import e from"@babel/runtime/helpers/slicedToArray";import r from"prop-types";import{makeStyles as t,Typography as i,Chip as a}from"@material-ui/core";import{CATEGORY_KEY_VALUES as o}from"./constants.js";import{jsxs as p,jsx as n}from"react/jsx-runtime";var l=t((function(e){return{assetSelectorWrapper:{margin:8},description:{color:e.palette.primary.text6,fontSize:"12px",lineHeight:"17px",paddingBottom:"8px"},assetTypeChip:{marginRight:"8px",color:e.palette.primary.text6,"&:last-child":{marginRight:"0px"}}}})),s=function(r){var t=r.onClickAssetType,s=l();return p("div",{className:s.assetSelectorWrapper,children:[n(i,{className:s.description,children:"I'm looking for..."}),n("div",{children:o.map((function(r){var i=e(r,2),o=i[0],p=i[1];return n(a,{"data-testid":"".concat("AssetTypesSection","_chip_").concat(p.labelPlural),className:s.assetTypeChip,variant:"outlined",label:p.labelPlural,onClick:function(){return t(o)}},o)}))})]})};s.propTypes={onClickAssetType:r.func.isRequired};export{s as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import PropTypes from 'prop-types';
+import { makeStyles, Typography, Chip } from '@material-ui/core';
+import { CATEGORY_KEY_VALUES } from './constants.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'AssetTypesSection';
+var useStyles = makeStyles(function (theme) {
+  return {
+    assetSelectorWrapper: {
+      margin: 8
+    },
+    description: {
+      color: theme.palette.primary.text6,
+      fontSize: '12px',
+      lineHeight: '17px',
+      paddingBottom: '8px'
+    },
+    assetTypeChip: {
+      marginRight: '8px',
+      color: theme.palette.primary.text6,
+      '&:last-child': {
+        marginRight: '0px'
+      }
+    }
+  };
+});
+var AssetTypesSection = function AssetTypesSection(_ref) {
+  var onClickAssetType = _ref.onClickAssetType;
+  var classes = useStyles();
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.assetSelectorWrapper,
+    children: [/*#__PURE__*/jsx(Typography, {
+      className: classes.description,
+      children: "I'm looking for..."
+    }), /*#__PURE__*/jsx("div", {
+      children: CATEGORY_KEY_VALUES.map(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+          key = _ref3[0],
+          item = _ref3[1];
+        return /*#__PURE__*/jsx(Chip, {
+          "data-testid": "".concat(PAGE_NAME, "_chip_").concat(item.labelPlural),
+          className: classes.assetTypeChip,
+          variant: "outlined",
+          label: item.labelPlural,
+          onClick: function onClick() {
+            return onClickAssetType(key);
+          }
+        }, key);
+      })
+    })]
+  });
+};
+AssetTypesSection.propTypes = {
+  onClickAssetType: PropTypes.func.isRequired
+};
+
+export { AssetTypesSection as default };
+//# sourceMappingURL=AssetTypesSection.js.map

package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AssetTypesSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetTypesSection.js","sources":["../../../../../../src/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AssetTypesSection.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles, Typography, Chip } from '@material-ui/core';\n\nimport { CATEGORY_KEY_VALUES } from './constants';\n\nconst PAGE_NAME = 'AssetTypesSection';\n\nconst useStyles = makeStyles(theme => ({\n  assetSelectorWrapper: {\n    margin: 8,\n  },\n  description: {\n    color: theme.palette.primary.text6,\n    fontSize: '12px',\n    lineHeight: '17px',\n    paddingBottom: '8px',\n  },\n  assetTypeChip: {\n    marginRight: '8px',\n    color: theme.palette.primary.text6,\n    '&:last-child': {\n      marginRight: '0px',\n    },\n  },\n}));\n\nconst AssetTypesSection = ({ onClickAssetType }) => {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.assetSelectorWrapper}>\n      <Typography className={classes.description}>I&apos;m looking for...</Typography>\n      <div>\n        {CATEGORY_KEY_VALUES.map(([key, item]) => (\n          <Chip\n            data-testid={`${PAGE_NAME}_chip_${item.labelPlural}`}\n            key={key}\n            className={classes.assetTypeChip}\n            variant=\"outlined\"\n            label={item.labelPlural}\n            onClick={() => onClickAssetType(key)}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nAssetTypesSection.propTypes = {\n  onClickAssetType: PropTypes.func.isRequired,\n};\n\nexport default AssetTypesSection;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","assetSelectorWrapper","margin","description","color","palette","primary","text6","fontSize","lineHeight","paddingBottom","assetTypeChip","marginRight","AssetTypesSection","onClickAssetType","classes","_jsxs","_jsx","CATEGORY_KEY_VALUES","map","key","item","labelPlural","propTypes","PropTypes","func","isRequired"],"mappings":";;;;;;AAKA,IAAMA,SAAS,GAAG,mBAAmB,CAAA;AAErC,IAAMC,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACrCC,IAAAA,oBAAoB,EAAE;AACpBC,MAAAA,MAAM,EAAE,CAAA;KACT;AACDC,IAAAA,WAAW,EAAE;AACXC,MAAAA,KAAK,EAAEJ,KAAK,CAACK,OAAO,CAACC,OAAO,CAACC,KAAK;AAClCC,MAAAA,QAAQ,EAAE,MAAM;AAChBC,MAAAA,UAAU,EAAE,MAAM;AAClBC,MAAAA,aAAa,EAAE,KAAA;KAChB;AACDC,IAAAA,aAAa,EAAE;AACbC,MAAAA,WAAW,EAAE,KAAK;AAClBR,MAAAA,KAAK,EAAEJ,KAAK,CAACK,OAAO,CAACC,OAAO,CAACC,KAAK;AAClC,MAAA,cAAc,EAAE;AACdK,QAAAA,WAAW,EAAE,KAAA;AACf,OAAA;AACF,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAA6B,IAAA,EAAA;EAAA,IAAvBC,gBAAgB,QAAhBA,gBAAgB,CAAA;EAC3C,IAAMC,OAAO,GAAGjB,SAAS,EAAE,CAAA;EAE3B,oBACEkB,IAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAED,OAAO,CAACd,oBAAqB;AAAA,IAAA,QAAA,EAAA,cAC3CgB,IAAC,UAAU,EAAA;MAAC,SAAS,EAAEF,OAAO,CAACZ,WAAY;AAAA,MAAA,QAAA,EAAA,oBAAA;AAAA,KAAA,CAAqC,eAChFc,GAAA,CAAA,KAAA,EAAA;MAAA,QACGC,EAAAA,mBAAmB,CAACC,GAAG,CAAC,UAAA,KAAA,EAAA;AAAA,QAAA,IAAA,KAAA,GAAA,cAAA,CAAA,KAAA,EAAA,CAAA,CAAA;UAAEC,GAAG,GAAA,KAAA,CAAA,CAAA,CAAA;UAAEC,IAAI,GAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,QAAA,oBAClCJ,IAAC,IAAI,EAAA;AACH,UAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgBpB,SAAS,EAAA,QAAA,CAAA,CAAA,MAAA,CAASwB,IAAI,CAACC,WAAW,CAAG;UAErD,SAAS,EAAEP,OAAO,CAACJ,aAAc;AACjC,UAAA,OAAO,EAAC,UAAU;UAClB,KAAK,EAAEU,IAAI,CAACC,WAAY;AACxB,UAAA,OAAO,EAAE,SAAA,OAAA,GAAA;YAAA,OAAMR,gBAAgB,CAACM,GAAG,CAAC,CAAA;AAAA,WAAA;AAAC,SAAA,EAJhCA,GAAG,CAKR,CAAA;OACH,CAAA;KACG,CAAA,CAAA;GACF,CAAA,CAAA;AAEV,EAAC;AAEDP,iBAAiB,CAACU,SAAS,GAAG;AAC5BT,EAAAA,gBAAgB,EAAEU,SAAS,CAACC,IAAI,CAACC,UAAAA;AACnC,CAAC;;;;"}

package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.js

@@ -1 +1,283 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useMemo as r,useRef as n,useEffect as o}from"react";import i from"prop-types";import{get as s}from"lodash";import{withStyles as a,Tooltip as l,makeStyles as p,Chip as c,Input as u}from"@material-ui/core";import d from"@material-ui/icons/Close";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../utils/apiCalls.js";import"../../../effects/useAdvancedWells.js";import"@babel/runtime/helpers/toConsumableArray";import"@babel/runtime/helpers/defineProperty";import"../../../constants.js";import"../../../../../utils/index.js";import"../../../../../constants/goals.js";import"../../../../../constants/segment.js";import"../../../../../constants/alerts.js";import"../../../../../constants/apps.js";import"../../../../../constants/drillstring.js";import"../../../../../constants/completion.js";import"../../../../../constants/appPackages.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.js";import"../../../../../utils/env.js";import"../../../../GradientManager/configuration/constants.js";import"@babel/runtime/helpers/typeof";import"moment";import"react-virtualized";import{useAssetsData as m}from"../../../effects/useAssetsData.js";import f from"./AssetTypesSection.js";import h from"./AssetResultSection.js";import{SEARCH_CATEGORIES as x,CATEGORY_KEY_VALUES as g}from"./constants.js";import{jsxs as b,jsx as y,Fragment as j}from"react/jsx-runtime";var C=a((function(){return{tooltip:{backgroundColor:"#414141",color:"#ffffff",fontSize:"11px",lineHeight:"16px",borderRadius:"4px",boxShadow:"0px 4px 4px rgba(0, 0, 0, 0.12)",padding:"4px"}}}))(l),I=p((function(e){return{wrapper:{width:function(e){return e.searchWidth},maxWidth:"996px",display:"flex",flexDirection:"column",padding:16},inputWrapper:{display:"flex",width:"auto",margin:"0 8px 8px",alignItems:"center",flexWrap:"nowrap",justifyContent:"space-between"},selectedChip:{height:"24px",margin:"4px"},selectedChipDeleteIcon:{width:"16px",height:"16px",color:e.palette.primary.text6,"&:hover":{color:e.palette.primary.text1}},selectedLabel:{fontWeight:400,fontSize:"16px",lineHeight:"22px",color:e.palette.primary.text1,whiteSpace:"nowrap",paddingLeft:"4px",paddingRight:"8px"},disabledIcon:{width:"16px",height:"16px",color:e.palette.primary.text6,opacity:.4},closeIconButton:{padding:0,"&:hover $closeIcon":{color:e.palette.primary.text1}},searchInput:{width:"100%",display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",borderBottom:"2px solid #03BCD4"},closeIcon:{color:e.palette.primary.text6,fontSize:"18px"}}})),v=function(i){var a=i.company,l=i.subjectWellId,p=i.value,v=i.selectedWellIds,w=i.onChange,A=t(null),W=e(A,2),R=W[0],S=W[1],k=t(null),D=e(k,2),T=D[0],q=D[1],z=t(1),N=e(z,2),L=N[0],B=N[1],P=r((function(){return window.innerWidth-32}),[]),G=I({searchWidth:P}),H=n();o((function(){q(p)}),[p]);var K=m(T,R,L,a,v),O=e(K,2),U=O[0],F=O[1],M=r((function(){return R&&F&&0!==F.length?F[0][1].filter((function(e){return e.checked})).length:0}),[R,F]);return b("div",{className:G.wrapper,children:[y("div",{className:G.inputWrapper,children:b("div",{className:G.searchInput,children:[R&&b(j,{children:[y(c,{"data-not-migrated-muichip":!0,classes:{root:G.selectedChip,deleteIcon:G.selectedChipDeleteIcon},label:s(x,[R,"labelPlural"],"Assets"),deleteIcon:y(d,{}),onDelete:function(){S(null)}}),M>0&&b("span",{className:G.selectedLabel,children:[M," Selected"]})]}),y(u,{"data-testid":"".concat("AutoCompleteAssetSearch","_searchInput"),inputRef:H,autoFocus:!0,disableUnderline:!0,fullWidth:!0,value:T||"",placeholder:"Add Offset ...",onChange:function(e){var t=e.target.value;H.current.focus(),q(t),B(1)},onKeyUp:function(t){var r=t.target.value,n=t.keyCode,o=g.find((function(t){var n=e(t,2);return n[0],n[1].autoCategorizedKey===r.trim().toLowerCase()}));if(o&&(13===n||32===n))return q(""),S(o[0]),void B(1);""===r&&8===n&&(S(null),B(1))}}),y(C,{title:"Clear",children:y(d,{className:R||T?G.selectedChipDeleteIcon:G.disabledIcon,onClick:function(){H.current.focus(),q(""),S(null),B(1)}})})]})}),!R&&!T&&y(f,{onClickAssetType:function(e){H.current.focus(),S(e),B(1)}}),(R||T)&&y(h,{subjectWellId:l,page:L,assetType:R,loading:U,groupedAssets:F,onClickAsset:function(e,t){w(!e.checked,[e.redirectAssetId],t)},onClickAllAsset:function(e,t){var r=F[0][1];w(e,r.map((function(e){return e.redirectAssetId})),t)},onScrollReached:function(e){"top"===e&&L>1&&B((function(e){return e-1})),"bottom"===e&&B((function(e){return e+1}))}})]})};v.propTypes={subjectWellId:i.number.isRequired,company:i.number.isRequired,value:i.string.isRequired,selectedWellIds:i.arrayOf(i.number).isRequired,onChange:i.func.isRequired};export{v as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useMemo, useRef, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { get } from 'lodash';
+import { withStyles, Tooltip, makeStyles, Chip, Input } from '@material-ui/core';
+import CloseIcon from '@material-ui/icons/Close';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '../../../utils/apiCalls.js';
+import '../../../effects/useAdvancedWells.js';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@babel/runtime/helpers/defineProperty';
+import '../../../constants.js';
+import '../../../../../utils/index.js';
+import '../../../../../constants/goals.js';
+import '../../../../../constants/segment.js';
+import '../../../../../constants/alerts.js';
+import '../../../../../constants/apps.js';
+import '../../../../../constants/drillstring.js';
+import '../../../../../constants/completion.js';
+import '../../../../../constants/appPackages.js';
+import '../../../../../constants/notifications.js';
+import '../../../../../constants/feed.js';
+import '../../../../../constants/bha.js';
+import '../../../../../utils/env.js';
+import '../../../../GradientManager/configuration/constants.js';
+import '@babel/runtime/helpers/typeof';
+import 'moment';
+import 'react-virtualized';
+import { useAssetsData } from '../../../effects/useAssetsData.js';
+import AssetTypesSection from './AssetTypesSection.js';
+import AssetResultSection from './AssetResultSection.js';
+import { SEARCH_CATEGORIES, CATEGORY_KEY_VALUES } from './constants.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'AutoCompleteAssetSearch';
+var StyledTooltip = withStyles(function () {
+  return {
+    tooltip: {
+      backgroundColor: '#414141',
+      color: '#ffffff',
+      fontSize: '11px',
+      lineHeight: '16px',
+      borderRadius: '4px',
+      boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.12)',
+      padding: '4px'
+    }
+  };
+})(Tooltip);
+var useStyles = makeStyles(function (theme) {
+  return {
+    wrapper: {
+      width: function width(_ref) {
+        var searchWidth = _ref.searchWidth;
+        return searchWidth;
+      },
+      maxWidth: '996px',
+      display: 'flex',
+      flexDirection: 'column',
+      padding: 16
+    },
+    inputWrapper: {
+      display: 'flex',
+      width: 'auto',
+      margin: '0 8px 8px',
+      alignItems: 'center',
+      flexWrap: 'nowrap',
+      justifyContent: 'space-between'
+    },
+    selectedChip: {
+      height: '24px',
+      margin: '4px'
+    },
+    selectedChipDeleteIcon: {
+      width: '16px',
+      height: '16px',
+      color: theme.palette.primary.text6,
+      '&:hover': {
+        color: theme.palette.primary.text1
+      }
+    },
+    selectedLabel: {
+      fontWeight: 400,
+      fontSize: '16px',
+      lineHeight: '22px',
+      color: theme.palette.primary.text1,
+      whiteSpace: 'nowrap',
+      paddingLeft: '4px',
+      paddingRight: '8px'
+    },
+    disabledIcon: {
+      width: '16px',
+      height: '16px',
+      color: theme.palette.primary.text6,
+      opacity: 0.4
+    },
+    closeIconButton: {
+      padding: 0,
+      '&:hover $closeIcon': {
+        color: theme.palette.primary.text1
+      }
+    },
+    searchInput: {
+      width: '100%',
+      display: 'flex',
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      borderBottom: '2px solid #03BCD4'
+    },
+    closeIcon: {
+      color: theme.palette.primary.text6,
+      fontSize: '18px'
+    }
+  };
+});
+var AutoCompleteAssetSearch = function AutoCompleteAssetSearch(_ref2) {
+  var company = _ref2.company,
+    subjectWellId = _ref2.subjectWellId,
+    value = _ref2.value,
+    selectedWellIds = _ref2.selectedWellIds,
+    onChange = _ref2.onChange;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    assetType = _useState2[0],
+    setAssetType = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    searchKey = _useState4[0],
+    setSearchKey = _useState4[1];
+  var _useState5 = useState(1),
+    _useState6 = _slicedToArray(_useState5, 2),
+    page = _useState6[0],
+    setPage = _useState6[1];
+  var searchWidth = useMemo(function () {
+    return window.innerWidth - 32;
+  }, []);
+  var classes = useStyles({
+    searchWidth: searchWidth
+  });
+  var searchInputRef = useRef();
+  useEffect(function () {
+    setSearchKey(value);
+  }, [value]);
+  var _useAssetsData = useAssetsData(searchKey, assetType, page, company, selectedWellIds),
+    _useAssetsData2 = _slicedToArray(_useAssetsData, 2),
+    loading = _useAssetsData2[0],
+    groupedAssets = _useAssetsData2[1];
+  var selectedCount = useMemo(function () {
+    if (!assetType || !groupedAssets || groupedAssets.length === 0) return 0;
+    return groupedAssets[0][1].filter(function (asset) {
+      return asset.checked;
+    }).length;
+  }, [assetType, groupedAssets]);
+  var handleDeleteAssetType = function handleDeleteAssetType() {
+    setAssetType(null);
+  };
+  var handleChangeAssetType = function handleChangeAssetType(key) {
+    searchInputRef.current.focus();
+    setAssetType(key);
+    setPage(1);
+  };
+  var handleChangeSearchKey = function handleChangeSearchKey(_ref3) {
+    var value = _ref3.target.value;
+    searchInputRef.current.focus();
+    setSearchKey(value);
+    setPage(1);
+  };
+  var handleKeyPress = function handleKeyPress(e) {
+    var value = e.target.value;
+    var keyCode = e.keyCode;
+    var availableCategory = CATEGORY_KEY_VALUES.find(function (_ref4) {
+      var _ref5 = _slicedToArray(_ref4, 2);
+        _ref5[0];
+        var item = _ref5[1];
+      return item.autoCategorizedKey === value.trim().toLowerCase();
+    });
+
+    // NOTE: when type one of categories defined and press enter key or space key
+    // then asset type will be auto selected and clear input field
+    if (availableCategory && (keyCode === 13 || keyCode === 32)) {
+      setSearchKey('');
+      setAssetType(availableCategory[0]);
+      setPage(1);
+      return;
+    }
+
+    // NOTE: when there is no value in input field and press back space key,
+    // then clear asset type as well.
+    if (value === '' && keyCode === 8) {
+      setAssetType(null);
+      setPage(1);
+    }
+  };
+  var handleSearchClear = function handleSearchClear() {
+    searchInputRef.current.focus();
+    setSearchKey('');
+    setAssetType(null);
+    setPage(1);
+  };
+  var handleScrollReached = function handleScrollReached(position) {
+    if (position === 'top' && page > 1) {
+      setPage(function (prev) {
+        return prev - 1;
+      });
+    }
+    if (position === 'bottom') {
+      setPage(function (prev) {
+        return prev + 1;
+      });
+    }
+  };
+  var handleChangeAsset = function handleChangeAsset(asset, assetType) {
+    onChange(!asset.checked, [asset.redirectAssetId], assetType);
+  };
+  var handleChangeAllAssets = function handleChangeAllAssets(isAllAdding, assetType) {
+    var assets = groupedAssets[0][1];
+    onChange(isAllAdding, assets.map(function (asset) {
+      return asset.redirectAssetId;
+    }), assetType);
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.wrapper,
+    children: [/*#__PURE__*/jsx("div", {
+      className: classes.inputWrapper,
+      children: /*#__PURE__*/jsxs("div", {
+        className: classes.searchInput,
+        children: [assetType && /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(Chip, {
+            "data-not-migrated-muichip": true,
+            classes: {
+              root: classes.selectedChip,
+              deleteIcon: classes.selectedChipDeleteIcon
+            },
+            label: get(SEARCH_CATEGORIES, [assetType, 'labelPlural'], 'Assets'),
+            deleteIcon: /*#__PURE__*/jsx(CloseIcon, {}),
+            onDelete: handleDeleteAssetType
+          }), selectedCount > 0 && /*#__PURE__*/jsxs("span", {
+            className: classes.selectedLabel,
+            children: [selectedCount, " Selected"]
+          })]
+        }), /*#__PURE__*/jsx(Input, {
+          "data-testid": "".concat(PAGE_NAME, "_searchInput"),
+          inputRef: searchInputRef,
+          autoFocus: true,
+          disableUnderline: true,
+          fullWidth: true,
+          value: searchKey || '',
+          placeholder: "Add Offset ...",
+          onChange: handleChangeSearchKey,
+          onKeyUp: handleKeyPress
+        }), /*#__PURE__*/jsx(StyledTooltip, {
+          title: "Clear",
+          children: /*#__PURE__*/jsx(CloseIcon, {
+            className: assetType || searchKey ? classes.selectedChipDeleteIcon : classes.disabledIcon,
+            onClick: handleSearchClear
+          })
+        })]
+      })
+    }), !assetType && !searchKey && /*#__PURE__*/jsx(AssetTypesSection, {
+      onClickAssetType: handleChangeAssetType
+    }), (assetType || searchKey) && /*#__PURE__*/jsx(AssetResultSection, {
+      subjectWellId: subjectWellId,
+      page: page,
+      assetType: assetType,
+      loading: loading,
+      groupedAssets: groupedAssets,
+      onClickAsset: handleChangeAsset,
+      onClickAllAsset: handleChangeAllAssets,
+      onScrollReached: handleScrollReached
+    })]
+  });
+};
+AutoCompleteAssetSearch.propTypes = {
+  subjectWellId: PropTypes.number.isRequired,
+  company: PropTypes.number.isRequired,
+  value: PropTypes.string.isRequired,
+  selectedWellIds: PropTypes.arrayOf(PropTypes.number).isRequired,
+  onChange: PropTypes.func.isRequired
+};
+
+export { AutoCompleteAssetSearch as default };
+//# sourceMappingURL=AutoCompleteAssetSearch.js.map

package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteAssetSearch.js","sources":["../../../../../../src/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.js"],"sourcesContent":["import { useState, useRef, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { get } from 'lodash';\nimport { makeStyles, Chip, Input, Tooltip, withStyles } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport { useAssetsData } from '../../../effects';\n\nimport AssetTypesSection from './AssetTypesSection';\nimport AssetResultSection from './AssetResultSection';\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: ({ searchWidth }) => searchWidth,\n    maxWidth: '996px',\n    display: 'flex',\n    flexDirection: 'column',\n    padding: 16,\n  },\n  inputWrapper: {\n    display: 'flex',\n    width: 'auto',\n    margin: '0 8px 8px',\n    alignItems: 'center',\n    flexWrap: 'nowrap',\n    justifyContent: 'space-between',\n  },\n  selectedChip: {\n    height: '24px',\n    margin: '4px',\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  selectedLabel: {\n    fontWeight: 400,\n    fontSize: '16px',\n    lineHeight: '22px',\n    color: theme.palette.primary.text1,\n    whiteSpace: 'nowrap',\n    paddingLeft: '4px',\n    paddingRight: '8px',\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}));\n\nconst AutoCompleteAssetSearch = ({ company, subjectWellId, value, selectedWellIds, onChange }) => {\n  const [assetType, setAssetType] = useState(null);\n  const [searchKey, setSearchKey] = useState(null);\n  const [page, setPage] = useState(1);\n  const searchWidth = useMemo(() => window.innerWidth - 32, []);\n  const classes = useStyles({ searchWidth });\n  const searchInputRef = useRef();\n\n  useEffect(() => {\n    setSearchKey(value);\n  }, [value]);\n\n  const [loading, groupedAssets] = useAssetsData(\n    searchKey,\n    assetType,\n    page,\n    company,\n    selectedWellIds\n  );\n\n  const selectedCount = useMemo(() => {\n    if (!assetType || !groupedAssets || groupedAssets.length === 0) return 0;\n    return groupedAssets[0][1].filter(asset => asset.checked).length;\n  }, [assetType, groupedAssets]);\n\n  const handleDeleteAssetType = () => {\n    setAssetType(null);\n  };\n\n  const handleChangeAssetType = key => {\n    searchInputRef.current.focus();\n    setAssetType(key);\n    setPage(1);\n  };\n\n  const handleChangeSearchKey = ({ target: { value } }) => {\n    searchInputRef.current.focus();\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\n  const handleChangeAsset = (asset, assetType) => {\n    onChange(!asset.checked, [asset.redirectAssetId], assetType);\n  };\n\n  const handleChangeAllAssets = (isAllAdding, assetType) => {\n    const assets = groupedAssets[0][1];\n    onChange(\n      isAllAdding,\n      assets.map(asset => asset.redirectAssetId),\n      assetType\n    );\n  };\n\n  return (\n    <div className={classes.wrapper}>\n      <div className={classes.inputWrapper}>\n        <div className={classes.searchInput}>\n          {assetType && (\n            <>\n              <Chip\n                data-not-migrated-muichip\n                classes={{ root: classes.selectedChip, deleteIcon: classes.selectedChipDeleteIcon }}\n                label={get(SEARCH_CATEGORIES, [assetType, 'labelPlural'], 'Assets')}\n                deleteIcon={<CloseIcon />}\n                onDelete={handleDeleteAssetType}\n              />\n              {selectedCount > 0 && (\n                <span className={classes.selectedLabel}>{selectedCount} Selected</span>\n              )}\n            </>\n          )}\n          <Input\n            data-testid={`${PAGE_NAME}_searchInput`}\n            inputRef={searchInputRef}\n            autoFocus\n            disableUnderline\n            fullWidth\n            value={searchKey || ''}\n            placeholder=\"Add Offset ...\"\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\n      {!assetType && !searchKey && <AssetTypesSection onClickAssetType={handleChangeAssetType} />}\n      {(assetType || searchKey) && (\n        <AssetResultSection\n          subjectWellId={subjectWellId}\n          page={page}\n          assetType={assetType}\n          loading={loading}\n          groupedAssets={groupedAssets}\n          onClickAsset={handleChangeAsset}\n          onClickAllAsset={handleChangeAllAssets}\n          onScrollReached={handleScrollReached}\n        />\n      )}\n    </div>\n  );\n};\n\nAutoCompleteAssetSearch.propTypes = {\n  subjectWellId: PropTypes.number.isRequired,\n  company: PropTypes.number.isRequired,\n  value: PropTypes.string.isRequired,\n  selectedWellIds: PropTypes.arrayOf(PropTypes.number).isRequired,\n  onChange: PropTypes.func.isRequired,\n};\n\nexport default AutoCompleteAssetSearch;\n"],"names":["PAGE_NAME","StyledTooltip","withStyles","tooltip","backgroundColor","color","fontSize","lineHeight","borderRadius","boxShadow","padding","Tooltip","useStyles","makeStyles","theme","wrapper","width","searchWidth","maxWidth","display","flexDirection","inputWrapper","margin","alignItems","flexWrap","justifyContent","selectedChip","height","selectedChipDeleteIcon","palette","primary","text6","text1","selectedLabel","fontWeight","whiteSpace","paddingLeft","paddingRight","disabledIcon","opacity","closeIconButton","searchInput","borderBottom","closeIcon","AutoCompleteAssetSearch","company","subjectWellId","value","selectedWellIds","onChange","useState","assetType","setAssetType","searchKey","setSearchKey","page","setPage","useMemo","window","innerWidth","classes","searchInputRef","useRef","useEffect","useAssetsData","loading","groupedAssets","selectedCount","length","filter","asset","checked","handleDeleteAssetType","handleChangeAssetType","key","current","focus","handleChangeSearchKey","target","handleKeyPress","e","keyCode","availableCategory","CATEGORY_KEY_VALUES","find","item","autoCategorizedKey","trim","toLowerCase","handleSearchClear","handleScrollReached","position","prev","handleChangeAsset","redirectAssetId","handleChangeAllAssets","isAllAdding","assets","map","_jsxs","_jsx","_Fragment","root","deleteIcon","get","SEARCH_CATEGORIES","propTypes","PropTypes","number","isRequired","string","arrayOf","func"],"mappings":"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"}

package/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js

@@ -1 +1,25 @@
-var e={well:{name:"well",labelSingular:"Well",labelPlural:"Wells",autoCategorizedKey:"well",isAssetType:!0},rig:{name:"rig",labelSingular:"Rig",labelPlural:"Rigs",autoCategorizedKey:"rig",isAssetType:!0}};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
+  }
+};
+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/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../src/components/OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/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};\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","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;AACf,GAAA;AACF,EAAC;AAEmCE,MAAM,CAACC,MAAM,CAACT,iBAAiB,CAAC,CACjEU,MAAM,CAAC,UAAAC,IAAI,EAAA;EAAA,OAAIA,IAAI,CAACN,kBAAkB,CAAA;AAAA,CAAA,CAAC,CACvCO,GAAG,CAAC,UAAAD,IAAI,EAAA;EAAA,OAAIA,IAAI,CAACN,kBAAkB,CAAA;AAAA,CAAC,EAAA;AAEhC,IAAMQ,mBAAmB,GAAGL,MAAM,CAACM,OAAO,CAACd,iBAAiB;;;;"}

package/components/OffsetWellPickerV4/components/OffsetWellsTable/MetricsSelect.js

@@ -1 +1,139 @@
-import e from"prop-types";import{makeStyles as r,FormControl as t,Tooltip as i,Typography as n,MenuItem as o}from"@material-ui/core";import{METRICS_LIST as a,DEFAULT_METRICS_KEY as c}from"../../constants.js";import{getUnitDisplay as l}from"../../../../utils/index.js";import p from"../../../Select/index.js";import{jsx as s}from"react/jsx-runtime";var u=r((function(e){return{metricsForm:{width:"calc(100% - 32px)","& .MuiInputBase-root":{"&:hover $primaryText":{color:e.palette.primary.text1},"&:hover $primaryIcon":{color:e.palette.primary.text1},"&:focused $primaryIcon":{color:e.palette.primary.main}}},metricsSelect:{"&:before":{borderBottom:"none !important"},"&:after":{borderBottom:"none !important"}},primaryText:{fontWeight:500,fontSize:"12px",lineHeight:"14px",letterSpacing:"0.4px",color:e.palette.primary.text7,overflow:"hidden",textOverflow:"ellipsis"},primaryIcon:{color:e.palette.primary.text6},metricsMenuPaper:{backgroundColor:e.palette.background.b9,maxHeight:"calc(100% - 300px)",top:"150px !important"},valueLabel:{display:"-webkit-box",alignItems:"center",WebkitLineClamp:3,WebkitBoxOrient:"vertical",overflowWrap:"break-word",fontWeight:500,fontSize:"12px",lineHeight:"14px",letterSpacing:"0.4px",overflow:"hidden",whiteSpace:"normal"}}}));function m(e){var r=a.find((function(r){return r.key===e}));if(!r)return"";var t=r.unitType?" (".concat(l(r.unitType),")"):"";return r.label+t}var d=function(e){var r=e.isTooltipVisible,l=e.currentValue,d=e.metricsKeys,f=e.onChange,y=e.setIsMenuOpen,x=u(),h=a.filter((function(e){return!d.includes(e.key)}));return l!==c?s(t,{className:x.metricsForm,children:s(p,{"data-testid":"".concat("MetricsSelect","_select_").concat(l),className:x.metricsSelect,classes:{select:x.primaryText,icon:x.primaryIcon},MenuProps:{paper:x.metricsMenuPaper},value:l,renderValue:function(e){return s(i,{title:r?m(e):"",children:s(n,{className:x.valueLabel,children:m(e)})})},onOpen:function(){return y(!0)},onClose:function(){return y(!1)},onChange:function(e){return f(e.target.value)},children:h.map((function(e){return s(o,{"data-testid":"".concat("MetricsSelect","_option_").concat(e.key,"MenuItem"),value:e.key,children:e.label},e.key)}))})}):s(i,{title:r?m(l):"",children:s(n,{className:x.valueLabel,children:m(l)})})};d.propTypes={isTooltipVisible:e.bool.isRequired,currentValue:e.string.isRequired,metricsKeys:e.arrayOf(e.string).isRequired,onChange:e.func.isRequired,setIsMenuOpen:e.func.isRequired};export{d as MetricsSelect};
+import PropTypes from 'prop-types';
+import { makeStyles, FormControl, Tooltip, Typography, MenuItem } from '@material-ui/core';
+import { METRICS_LIST, DEFAULT_METRICS_KEY } from '../../constants.js';
+import { getUnitDisplay } from '../../../../utils/index.js';
+import Select from '../../../Select/index.js';
+import { jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'MetricsSelect';
+var useStyles = makeStyles(function (theme) {
+  return {
+    metricsForm: {
+      width: 'calc(100% - 32px)',
+      '& .MuiInputBase-root': {
+        '&:hover $primaryText': {
+          color: theme.palette.primary.text1
+        },
+        '&:hover $primaryIcon': {
+          color: theme.palette.primary.text1
+        },
+        '&:focused $primaryIcon': {
+          color: theme.palette.primary.main
+        }
+      }
+    },
+    metricsSelect: {
+      '&:before': {
+        borderBottom: 'none !important'
+      },
+      '&:after': {
+        borderBottom: 'none !important'
+      }
+    },
+    primaryText: {
+      fontWeight: 500,
+      fontSize: '12px',
+      lineHeight: '14px',
+      letterSpacing: '0.4px',
+      color: theme.palette.primary.text7,
+      overflow: 'hidden',
+      textOverflow: 'ellipsis'
+    },
+    primaryIcon: {
+      color: theme.palette.primary.text6
+    },
+    metricsMenuPaper: {
+      backgroundColor: theme.palette.background.b9,
+      maxHeight: 'calc(100% - 300px)',
+      top: '150px !important'
+    },
+    valueLabel: {
+      display: '-webkit-box',
+      alignItems: 'center',
+      WebkitLineClamp: 3,
+      WebkitBoxOrient: 'vertical',
+      overflowWrap: 'break-word',
+      fontWeight: 500,
+      fontSize: '12px',
+      lineHeight: '14px',
+      letterSpacing: '0.4px',
+      overflow: 'hidden',
+      whiteSpace: 'normal'
+    }
+  };
+});
+function getMetricsLabel(value) {
+  var metric = METRICS_LIST.find(function (item) {
+    return item.key === value;
+  });
+  if (!metric) return '';
+  var displayUnit = metric.unitType ? " (".concat(getUnitDisplay(metric.unitType), ")") : '';
+  return metric.label + displayUnit;
+}
+var MetricsSelect = function MetricsSelect(_ref) {
+  var isTooltipVisible = _ref.isTooltipVisible,
+    currentValue = _ref.currentValue,
+    metricsKeys = _ref.metricsKeys,
+    _onChange = _ref.onChange,
+    setIsMenuOpen = _ref.setIsMenuOpen;
+  var styles = useStyles();
+  var filteredMetrics = METRICS_LIST.filter(function (item) {
+    return !metricsKeys.includes(item.key);
+  });
+  return currentValue !== DEFAULT_METRICS_KEY ? /*#__PURE__*/jsx(FormControl, {
+    className: styles.metricsForm,
+    children: /*#__PURE__*/jsx(Select, {
+      "data-testid": "".concat(PAGE_NAME, "_select_").concat(currentValue),
+      className: styles.metricsSelect,
+      classes: {
+        select: styles.primaryText,
+        icon: styles.primaryIcon
+      },
+      MenuProps: {
+        paper: styles.metricsMenuPaper
+      },
+      value: currentValue,
+      renderValue: function renderValue(value) {
+        return /*#__PURE__*/jsx(Tooltip, {
+          title: isTooltipVisible ? getMetricsLabel(value) : '',
+          children: /*#__PURE__*/jsx(Typography, {
+            className: styles.valueLabel,
+            children: getMetricsLabel(value)
+          })
+        });
+      },
+      onOpen: function onOpen() {
+        return setIsMenuOpen(true);
+      },
+      onClose: function onClose() {
+        return setIsMenuOpen(false);
+      },
+      onChange: function onChange(e) {
+        return _onChange(e.target.value);
+      },
+      children: filteredMetrics.map(function (item) {
+        return /*#__PURE__*/jsx(MenuItem, {
+          "data-testid": "".concat(PAGE_NAME, "_option_").concat(item.key, "MenuItem"),
+          value: item.key,
+          children: item.label
+        }, item.key);
+      })
+    })
+  }) : /*#__PURE__*/jsx(Tooltip, {
+    title: isTooltipVisible ? getMetricsLabel(currentValue) : '',
+    children: /*#__PURE__*/jsx(Typography, {
+      className: styles.valueLabel,
+      children: getMetricsLabel(currentValue)
+    })
+  });
+};
+MetricsSelect.propTypes = {
+  isTooltipVisible: PropTypes.bool.isRequired,
+  currentValue: PropTypes.string.isRequired,
+  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,
+  onChange: PropTypes.func.isRequired,
+  setIsMenuOpen: PropTypes.func.isRequired
+};
+
+export { MetricsSelect };
+//# sourceMappingURL=MetricsSelect.js.map

package/components/OffsetWellPickerV4/components/OffsetWellsTable/MetricsSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricsSelect.js","sources":["../../../../../src/components/OffsetWellPickerV4/components/OffsetWellsTable/MetricsSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { MenuItem, FormControl, makeStyles, Typography, Tooltip } from '@material-ui/core';\n\nimport { DEFAULT_METRICS_KEY, METRICS_LIST } from '../../constants';\n\nimport { getUnitDisplay } from '~/utils';\nimport SelectComponent from '~/components/Select';\n\nconst PAGE_NAME = 'MetricsSelect';\n\nconst useStyles = makeStyles(theme => ({\n  metricsForm: {\n    width: 'calc(100% - 32px)',\n    '& .MuiInputBase-root': {\n      '&:hover $primaryText': {\n        color: theme.palette.primary.text1,\n      },\n      '&:hover $primaryIcon': {\n        color: theme.palette.primary.text1,\n      },\n      '&:focused $primaryIcon': {\n        color: theme.palette.primary.main,\n      },\n    },\n  },\n  metricsSelect: {\n    '&:before': {\n      borderBottom: 'none !important',\n    },\n    '&:after': {\n      borderBottom: 'none !important',\n    },\n  },\n  primaryText: {\n    fontWeight: 500,\n    fontSize: '12px',\n    lineHeight: '14px',\n    letterSpacing: '0.4px',\n    color: theme.palette.primary.text7,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n  primaryIcon: {\n    color: theme.palette.primary.text6,\n  },\n  metricsMenuPaper: {\n    backgroundColor: theme.palette.background.b9,\n    maxHeight: 'calc(100% - 300px)',\n    top: '150px !important',\n  },\n  valueLabel: {\n    display: '-webkit-box',\n    alignItems: 'center',\n    WebkitLineClamp: 3,\n    WebkitBoxOrient: 'vertical',\n    overflowWrap: 'break-word',\n    fontWeight: 500,\n    fontSize: '12px',\n    lineHeight: '14px',\n    letterSpacing: '0.4px',\n    overflow: 'hidden',\n    whiteSpace: 'normal',\n  },\n}));\n\nfunction getMetricsLabel(value) {\n  const metric = METRICS_LIST.find(item => item.key === value);\n  if (!metric) return '';\n  const displayUnit = metric.unitType ? ` (${getUnitDisplay(metric.unitType)})` : '';\n  return metric.label + displayUnit;\n}\n\nexport const MetricsSelect = ({\n  isTooltipVisible,\n  currentValue,\n  metricsKeys,\n  onChange,\n  setIsMenuOpen,\n}) => {\n  const styles = useStyles();\n  const filteredMetrics = METRICS_LIST.filter(item => !metricsKeys.includes(item.key));\n  return currentValue !== DEFAULT_METRICS_KEY ? (\n    <FormControl className={styles.metricsForm}>\n      <SelectComponent\n        data-testid={`${PAGE_NAME}_select_${currentValue}`}\n        className={styles.metricsSelect}\n        classes={{ select: styles.primaryText, icon: styles.primaryIcon }}\n        MenuProps={{ paper: styles.metricsMenuPaper }}\n        value={currentValue}\n        renderValue={value => (\n          <Tooltip title={isTooltipVisible ? getMetricsLabel(value) : ''}>\n            <Typography className={styles.valueLabel}>{getMetricsLabel(value)}</Typography>\n          </Tooltip>\n        )}\n        onOpen={() => setIsMenuOpen(true)}\n        onClose={() => setIsMenuOpen(false)}\n        onChange={e => onChange(e.target.value)}\n      >\n        {filteredMetrics.map(item => (\n          <MenuItem\n            data-testid={`${PAGE_NAME}_option_${item.key}MenuItem`}\n            key={item.key}\n            value={item.key}\n          >\n            {item.label}\n          </MenuItem>\n        ))}\n      </SelectComponent>\n    </FormControl>\n  ) : (\n    <Tooltip title={isTooltipVisible ? getMetricsLabel(currentValue) : ''}>\n      <Typography className={styles.valueLabel}>{getMetricsLabel(currentValue)}</Typography>\n    </Tooltip>\n  );\n};\n\nMetricsSelect.propTypes = {\n  isTooltipVisible: PropTypes.bool.isRequired,\n  currentValue: PropTypes.string.isRequired,\n  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  onChange: PropTypes.func.isRequired,\n  setIsMenuOpen: PropTypes.func.isRequired,\n};\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","metricsForm","width","color","palette","primary","text1","main","metricsSelect","borderBottom","primaryText","fontWeight","fontSize","lineHeight","letterSpacing","text7","overflow","textOverflow","primaryIcon","text6","metricsMenuPaper","backgroundColor","background","b9","maxHeight","top","valueLabel","display","alignItems","WebkitLineClamp","WebkitBoxOrient","overflowWrap","whiteSpace","getMetricsLabel","value","metric","METRICS_LIST","find","item","key","displayUnit","unitType","getUnitDisplay","label","MetricsSelect","isTooltipVisible","currentValue","metricsKeys","onChange","setIsMenuOpen","styles","filteredMetrics","filter","includes","DEFAULT_METRICS_KEY","_jsx","SelectComponent","select","icon","paper","e","target","map","propTypes","PropTypes","bool","isRequired","string","arrayOf","func"],"mappings":"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"}