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

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

@@ -1,59 +1 @@
-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
+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};

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

@@ -1,282 +1 @@
-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/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
+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 c,Chip as p,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/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=c((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,c=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],G=r((function(){return window.innerWidth-32}),[]),H=I({searchWidth:G}),K=n();o((function(){q(c)}),[c]);var O=m(T,R,L,a,v),P=e(O,2),U=P[0],F=P[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:H.wrapper,children:[y("div",{className:H.inputWrapper,children:b("div",{className:H.searchInput,children:[R&&b(j,{children:[y(p,{"data-not-migrated-muichip":!0,classes:{root:H.selectedChip,deleteIcon:H.selectedChipDeleteIcon},label:s(x,[R,"labelPlural"],"Assets"),deleteIcon:y(d,{}),onDelete:function(){S(null)}}),M>0&&b("span",{className:H.selectedLabel,children:[M," Selected"]})]}),y(u,{"data-testid":"".concat("AutoCompleteAssetSearch","_searchInput"),inputRef:K,autoFocus:!0,disableUnderline:!0,fullWidth:!0,value:T||"",placeholder:"Add Offset ...",onChange:function(e){var t=e.target.value;K.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?H.selectedChipDeleteIcon:H.disabledIcon,onClick:function(){K.current.focus(),q(""),S(null),B(1)}})})]})}),!R&&!T&&y(f,{onClickAssetType:function(e){K.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};

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

@@ -1,25 +1 @@
-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
+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};

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

@@ -1,139 +1 @@
-import PropTypes from 'prop-types';
-import { makeStyles, FormControl, Tooltip, Typography, MenuItem } from '@material-ui/core';
-import { getUnitDisplay } from '../../../../utils/index.js';
-import Select from '../../../Select/index.js';
-import { METRICS_LIST, DEFAULT_METRICS_KEY } from '../../constants.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
+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{getUnitDisplay as a}from"../../../../utils/index.js";import c from"../../../Select/index.js";import{METRICS_LIST as l,DEFAULT_METRICS_KEY as p}from"../../constants.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=l.find((function(r){return r.key===e}));if(!r)return"";var t=r.unitType?" (".concat(a(r.unitType),")"):"";return r.label+t}var d=function(e){var r=e.isTooltipVisible,a=e.currentValue,d=e.metricsKeys,f=e.onChange,y=e.setIsMenuOpen,x=u(),h=l.filter((function(e){return!d.includes(e.key)}));return a!==p?s(t,{className:x.metricsForm,children:s(c,{"data-testid":"".concat("MetricsSelect","_select_").concat(a),className:x.metricsSelect,classes:{select:x.primaryText,icon:x.primaryIcon},MenuProps:{paper:x.metricsMenuPaper},value:a,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(a):"",children:s(n,{className:x.valueLabel,children:m(a)})})};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};