@corva/ui 3.17.0-1 → 3.17.0-2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs-bundle/components/OffsetWellPickerV4/components/OffsetWellsTable/MetricsSelect.js +1 -1
- package/cjs-bundle/components/OffsetWellPickerV4/components/OffsetWellsTable/MetricsSelect.js.map +1 -1
- package/components/OffsetWellPickerV4/components/OffsetWellsTable/MetricsSelect.js +1 -1
- package/components/OffsetWellPickerV4/components/OffsetWellsTable/MetricsSelect.js.map +1 -1
- package/package.json +1 -1
package/cjs-bundle/components/OffsetWellPickerV4/components/OffsetWellsTable/MetricsSelect.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("prop-types"),t=require("@material-ui/core"),r=require("../../constants.js"),i=require("../../../../utils/index.js"),n=require("../../../Select/index.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("prop-types"),t=require("@material-ui/core"),r=require("../../constants.js"),i=require("../../../../utils/index.js"),n=require("../../../Select/index.js"),o=require("react/jsx-runtime");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e),c=t.makeStyles((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 u(e){var t=r.METRICS_LIST.find((function(t){return t.key===e}));if(!t)return"";var n=t.unitType?" (".concat(i.getUnitDisplay(t.unitType,t.to),")"):"";return t.label+n}var s=function(e){var i=e.isTooltipVisible,a=e.currentValue,l=e.metricsKeys,s=e.onChange,p=e.setIsMenuOpen,d=c(),m=r.METRICS_LIST.filter((function(e){return!l.includes(e.key)}));return a!==r.DEFAULT_METRICS_KEY?o.jsx(t.FormControl,{className:d.metricsForm,children:o.jsx(n,{"data-testid":"".concat("MetricsSelect","_select_").concat(a),className:d.metricsSelect,classes:{select:d.primaryText,icon:d.primaryIcon},MenuProps:{paper:d.metricsMenuPaper},value:a,renderValue:function(e){return o.jsx(t.Tooltip,{title:i?u(e):"",children:o.jsx(t.Typography,{className:d.valueLabel,children:u(e)})})},onOpen:function(){return p(!0)},onClose:function(){return p(!1)},onChange:function(e){return s(e.target.value)},children:m.map((function(e){return o.jsx(t.MenuItem,{"data-testid":"".concat("MetricsSelect","_option_").concat(e.key,"MenuItem"),value:e.key,children:e.label},e.key)}))})}):o.jsx(t.Tooltip,{title:i?u(a):"",children:o.jsx(t.Typography,{className:d.valueLabel,children:u(a)})})};s.propTypes={isTooltipVisible:l.default.bool.isRequired,currentValue:l.default.string.isRequired,metricsKeys:l.default.arrayOf(l.default.string).isRequired,onChange:l.default.func.isRequired,setIsMenuOpen:l.default.func.isRequired},exports.MetricsSelect=s;
|
|
2
2
|
//# sourceMappingURL=MetricsSelect.js.map
|
package/cjs-bundle/components/OffsetWellPickerV4/components/OffsetWellsTable/MetricsSelect.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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":["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","
|
|
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, metric.to)})` : '';\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":["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","to","label","MetricsSelect","_ref","isTooltipVisible","currentValue","metricsKeys","onChange","setIsMenuOpen","styles","filteredMetrics","filter","includes","DEFAULT_METRICS_KEY","_jsx","FormControl","className","children","SelectComponent","PAGE_NAME","classes","select","icon","MenuProps","paper","renderValue","Tooltip","title","Typography","onOpen","onClose","e","target","map","MenuItem","concat","propTypes","PropTypes","bool","isRequired","string","arrayOf","func"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"prop-types";import{makeStyles as
|
|
1
|
+
import e from"prop-types";import{makeStyles as t,FormControl as r,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=t((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 t=a.find((function(t){return t.key===e}));if(!t)return"";var r=t.unitType?" (".concat(l(t.unitType,t.to),")"):"";return t.label+r}var d=function(e){var t=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(r,{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:t?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:t?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};
|
|
2
2
|
//# sourceMappingURL=MetricsSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
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":["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","
|
|
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, metric.to)})` : '';\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":["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","to","label","MetricsSelect","_ref","isTooltipVisible","currentValue","metricsKeys","onChange","setIsMenuOpen","styles","filteredMetrics","filter","includes","DEFAULT_METRICS_KEY","_jsx","FormControl","className","children","SelectComponent","PAGE_NAME","classes","select","icon","MenuProps","paper","renderValue","Tooltip","title","Typography","onOpen","onClose","e","target","map","MenuItem","concat","propTypes","PropTypes","bool","isRequired","string","arrayOf","func"],"mappings":"4VAQA,IAEMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,YAAa,CACXC,MAAO,oBACP,uBAAwB,CACtB,uBAAwB,CACtBC,MAAOH,EAAMI,QAAQC,QAAQC,OAE/B,uBAAwB,CACtBH,MAAOH,EAAMI,QAAQC,QAAQC,OAE/B,yBAA0B,CACxBH,MAAOH,EAAMI,QAAQC,QAAQE,QAInCC,cAAe,CACb,WAAY,CACVC,aAAc,mBAEhB,UAAW,CACTA,aAAc,oBAGlBC,YAAa,CACXC,WAAY,IACZC,SAAU,OACVC,WAAY,OACZC,cAAe,QACfX,MAAOH,EAAMI,QAAQC,QAAQU,MAC7BC,SAAU,SACVC,aAAc,YAEhBC,YAAa,CACXf,MAAOH,EAAMI,QAAQC,QAAQc,OAE/BC,iBAAkB,CAChBC,gBAAiBrB,EAAMI,QAAQkB,WAAWC,GAC1CC,UAAW,qBACXC,IAAK,oBAEPC,WAAY,CACVC,QAAS,cACTC,WAAY,SACZC,gBAAiB,EACjBC,gBAAiB,WACjBC,aAAc,aACdpB,WAAY,IACZC,SAAU,OACVC,WAAY,OACZC,cAAe,QACfE,SAAU,SACVgB,WAAY,UAEf,IAED,SAASC,EAAgBC,GACvB,IAAMC,EAASC,EAAaC,MAAK,SAAAC,GAAI,OAAIA,EAAKC,MAAQL,KACtD,IAAKC,EAAQ,MAAO,GACpB,IAAMK,EAAcL,EAAOM,qBAAgBC,EAAeP,EAAOM,SAAUN,EAAOQ,SAAS,GAC3F,OAAOR,EAAOS,MAAQJ,CACxB,CAEaK,IAAAA,EAAgB,SAMvBC,GAAA,IALJC,IAAAA,iBACAC,IAAAA,aACAC,IAAAA,YACAC,IAAAA,SACAC,IAAAA,cAEMC,EAAStD,IACTuD,EAAkBjB,EAAakB,QAAO,SAAAhB,GAAI,OAAKW,EAAYM,SAASjB,EAAKC,QAC/E,OAAOS,IAAiBQ,EACtBC,EAACC,EAAW,CAACC,UAAWP,EAAOnD,YAAY2D,SACzCH,EAACI,EAAe,CACd,cAAgBC,GAAAA,OA5EN,gBA4E0Bd,YAAAA,OAAAA,GACpCW,UAAWP,EAAO5C,cAClBuD,QAAS,CAAEC,OAAQZ,EAAO1C,YAAauD,KAAMb,EAAOlC,aACpDgD,UAAW,CAAEC,MAAOf,EAAOhC,kBAC3Bc,MAAOc,EACPoB,YAAa,SAAAlC,GAAK,OAChBuB,EAACY,EAAO,CAACC,MAAOvB,EAAmBd,EAAgBC,GAAS,GAAG0B,SAC7DH,EAACc,EAAU,CAACZ,UAAWP,EAAO1B,WAAWkC,SAAE3B,EAAgBC,MAE7D,EACFsC,OAAQ,WAAA,OAAMrB,GAAc,EAAM,EAClCsB,QAAS,WAAA,OAAMtB,GAAc,EAAO,EACpCD,SAAU,SAAAwB,GAAC,OAAIxB,EAASwB,EAAEC,OAAOzC,MAAO,EAAA0B,SAEvCP,EAAgBuB,KAAI,SAAAtC,GAAI,OACvBmB,EAACoB,EAAQ,CACP,cAAA,GAAAC,OA5FM,gBA4FmB,YAAAA,OAAWxC,EAAKC,IAAc,YAEvDL,MAAOI,EAAKC,IAAIqB,SAEftB,EAAKM,OAHDN,EAAKC,YASlBkB,EAACY,EAAO,CAACC,MAAOvB,EAAmBd,EAAgBe,GAAgB,GAAGY,SACpEH,EAACc,EAAU,CAACZ,UAAWP,EAAO1B,WAAWkC,SAAE3B,EAAgBe,MAGjE,EAEAH,EAAckC,UAAY,CACxBhC,iBAAkBiC,EAAUC,KAAKC,WACjClC,aAAcgC,EAAUG,OAAOD,WAC/BjC,YAAa+B,EAAUI,QAAQJ,EAAUG,QAAQD,WACjDhC,SAAU8B,EAAUK,KAAKH,WACzB/B,cAAe6B,EAAUK,KAAKH"}
|