@red-hat-developer-hub/plugin-cost-management 2.0.3-rc.4 → 2.2.0

package/dist/pages/openshift/components/TableToolbar.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableToolbar.esm.js","sources":["../../../../src/pages/openshift/components/TableToolbar.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useState } from 'react';\nimport {\n  Switch,\n  IconButton,\n  Menu,\n  MenuItem,\n  Checkbox,\n  FormControlLabel,\n  Box,\n} from '@material-ui/core';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport ViewWeekIcon from '@material-ui/icons/ViewWeek';\nimport { DownloadIconButton } from './DownloadIconButton';\n\nconst useStyles = makeStyles({\n  switchOff: {\n    '& .MuiSwitch-thumb': {\n      backgroundColor: '#6A6E73',\n    },\n    '& .MuiSwitch-track': {\n      backgroundColor: '#6A6E73',\n    },\n  },\n  menuItem: {\n    padding: '12px 16px',\n    '&:hover': {\n      backgroundColor: 'transparent',\n    },\n  },\n  menuItemLabel: {\n    marginLeft: 0,\n    marginRight: 0,\n    width: '100%',\n  },\n  menuItemDescription: {\n    fontSize: '0.75rem',\n    color: '#6A6E73',\n    marginTop: '4px',\n    marginLeft: '32px',\n  },\n});\n\ntype TableToolbarProps = {\n  showPlatformSum: boolean;\n  setShowPlatformSum: (showPlatformSum: boolean) => void;\n  projectsCount: number;\n  groupBy: string;\n  showMonthOverMonthChange: boolean;\n  setShowMonthOverMonthChange: (show: boolean) => void;\n  showInfrastructureCost: boolean;\n  setShowInfrastructureCost: (show: boolean) => void;\n  showSupplementaryCost: boolean;\n  setShowSupplementaryCost: (show: boolean) => void;\n  onDownloadCsv?: () => void;\n  onDownloadJson?: () => void;\n  isDownloading?: boolean;\n};\n\n/** @public */\nexport function TableToolbar(props: TableToolbarProps) {\n  const {\n    showPlatformSum,\n    setShowPlatformSum,\n    projectsCount,\n    groupBy,\n    showMonthOverMonthChange,\n    setShowMonthOverMonthChange,\n    showInfrastructureCost,\n    setShowInfrastructureCost,\n    showSupplementaryCost,\n    setShowSupplementaryCost,\n    onDownloadCsv,\n    onDownloadJson,\n    isDownloading,\n  } = props;\n  const classes = useStyles();\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const handleMenuOpen = (event: React.MouseEvent<HTMLElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleMenuClose = () => {\n    setAnchorEl(null);\n  };\n\n  const getTableTitle = (groupByValue: string): string => {\n    const titleMap: Record<string, string> = {\n      project: 'Projects',\n      cluster: 'Clusters',\n      node: 'Nodes',\n      tag: 'Tags',\n    };\n    return titleMap[groupByValue] || 'Projects';\n  };\n\n  return (\n    <div\n      style={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n      }}\n    >\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: '16px',\n          marginBottom: 48,\n        }}\n      >\n        <Typography variant=\"h2\" style={{ fontWeight: 'bold' }}>\n          {getTableTitle(groupBy)} ({projectsCount})\n        </Typography>\n\n        {groupBy === 'project' && (\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: '8px',\n            }}\n          >\n            <Switch\n              checked={showPlatformSum}\n              onChange={e => setShowPlatformSum(e.target.checked)}\n              className={classes.switchOff}\n            />\n            <Typography variant=\"body2\" style={{ color: '#6A6E73' }}>\n              Sum platform costs\n            </Typography>\n          </div>\n        )}\n\n        <DownloadIconButton\n          label=\"CSV\"\n          variant=\"gray\"\n          onClick={onDownloadCsv}\n          disabled={isDownloading}\n        />\n        <DownloadIconButton\n          label=\"JSON\"\n          variant=\"gray\"\n          onClick={onDownloadJson}\n          disabled={isDownloading}\n        />\n      </div>\n      <IconButton\n        aria-label=\"menu\"\n        style={{ color: '#6A6E73', padding: '8px' }}\n        onClick={handleMenuOpen}\n      >\n        <ViewWeekIcon />\n      </IconButton>\n      <Menu\n        anchorEl={anchorEl}\n        open={Boolean(anchorEl)}\n        onClose={handleMenuClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        PaperProps={{\n          style: {\n            minWidth: '300px',\n            padding: '8px 0',\n          },\n        }}\n      >\n        <Box px={2} py={1}>\n          <Typography variant=\"subtitle2\" style={{ fontWeight: 'bold' }}>\n            Add or remove columns\n          </Typography>\n        </Box>\n        <MenuItem\n          className={classes.menuItem}\n          onClick={e => {\n            e.stopPropagation();\n            setShowMonthOverMonthChange(!showMonthOverMonthChange);\n          }}\n        >\n          <FormControlLabel\n            className={classes.menuItemLabel}\n            control={\n              <Checkbox\n                checked={showMonthOverMonthChange}\n                onChange={e => {\n                  e.stopPropagation();\n                  setShowMonthOverMonthChange(e.target.checked);\n                }}\n                onClick={e => e.stopPropagation()}\n              />\n            }\n            label=\"Month over month change\"\n            onClick={e => e.stopPropagation()}\n          />\n        </MenuItem>\n        <MenuItem\n          className={classes.menuItem}\n          onClick={e => {\n            e.stopPropagation();\n            setShowInfrastructureCost(!showInfrastructureCost);\n          }}\n        >\n          <Box>\n            <FormControlLabel\n              className={classes.menuItemLabel}\n              control={\n                <Checkbox\n                  checked={showInfrastructureCost}\n                  onChange={e => {\n                    e.stopPropagation();\n                    setShowInfrastructureCost(e.target.checked);\n                  }}\n                  onClick={e => e.stopPropagation()}\n                />\n              }\n              label=\"Infrastructure cost\"\n              onClick={e => e.stopPropagation()}\n            />\n            <Typography className={classes.menuItemDescription}>\n              The cost based on raw usage data from the underlying\n              infrastructure.\n            </Typography>\n          </Box>\n        </MenuItem>\n        <MenuItem\n          className={classes.menuItem}\n          onClick={e => {\n            e.stopPropagation();\n            setShowSupplementaryCost(!showSupplementaryCost);\n          }}\n        >\n          <Box>\n            <FormControlLabel\n              className={classes.menuItemLabel}\n              control={\n                <Checkbox\n                  checked={showSupplementaryCost}\n                  onChange={e => {\n                    e.stopPropagation();\n                    setShowSupplementaryCost(e.target.checked);\n                  }}\n                  onClick={e => e.stopPropagation()}\n                />\n              }\n              label=\"Supplementary cost\"\n              onClick={e => e.stopPropagation()}\n            />\n            <Typography className={classes.menuItemDescription}>\n              All costs not directly attributed to the infrastructure.\n              <br />\n              These costs are determined by applying a price list within a cost\n              model to OpenShift cluster metrics.\n            </Typography>\n          </Box>\n        </MenuItem>\n      </Menu>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TableToolbar.esm.js","sources":["../../../../src/pages/openshift/components/TableToolbar.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useState } from 'react';\nimport {\n  Switch,\n  IconButton,\n  Menu,\n  MenuItem,\n  Checkbox,\n  FormControlLabel,\n  Box,\n} from '@material-ui/core';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport ViewWeekIcon from '@material-ui/icons/ViewWeek';\nimport { DownloadIconButton } from './DownloadIconButton';\n\nconst useStyles = makeStyles({\n  switchOff: {\n    '& .MuiSwitch-thumb': {\n      backgroundColor: '#6A6E73',\n    },\n    '& .MuiSwitch-track': {\n      backgroundColor: '#6A6E73',\n    },\n  },\n  menuItem: {\n    padding: '12px 16px',\n    '&:hover': {\n      backgroundColor: 'transparent',\n    },\n  },\n  menuItemLabel: {\n    marginLeft: 0,\n    marginRight: 0,\n    width: '100%',\n  },\n  menuItemDescription: {\n    fontSize: '0.75rem',\n    color: '#6A6E73',\n    marginTop: '4px',\n    marginLeft: '32px',\n  },\n});\n\ntype TableToolbarProps = {\n  showPlatformSum: boolean;\n  setShowPlatformSum: (showPlatformSum: boolean) => void;\n  projectsCount: number;\n  groupBy: string;\n  showMonthOverMonthChange: boolean;\n  setShowMonthOverMonthChange: (show: boolean) => void;\n  showInfrastructureCost: boolean;\n  setShowInfrastructureCost: (show: boolean) => void;\n  showSupplementaryCost: boolean;\n  setShowSupplementaryCost: (show: boolean) => void;\n  onDownloadCsv?: () => void;\n  onDownloadJson?: () => void;\n  isDownloading?: boolean;\n};\n\n/** @public */\nexport function TableToolbar(props: TableToolbarProps) {\n  const {\n    showPlatformSum,\n    setShowPlatformSum,\n    projectsCount,\n    groupBy,\n    showMonthOverMonthChange,\n    setShowMonthOverMonthChange,\n    showInfrastructureCost,\n    setShowInfrastructureCost,\n    showSupplementaryCost,\n    setShowSupplementaryCost,\n    onDownloadCsv,\n    onDownloadJson,\n    isDownloading,\n  } = props;\n  const classes = useStyles();\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const handleMenuOpen = (event: React.MouseEvent<HTMLElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleMenuClose = () => {\n    setAnchorEl(null);\n  };\n\n  const getTableTitle = (groupByValue: string): string => {\n    const titleMap: Record<string, string> = {\n      project: 'Projects',\n      cluster: 'Clusters',\n      node: 'Nodes',\n      tag: 'Tags',\n    };\n    return titleMap[groupByValue] || 'Projects';\n  };\n\n  return (\n    <div\n      style={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n      }}\n    >\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: '16px',\n          marginBottom: 48,\n        }}\n      >\n        <Typography variant=\"h2\" style={{ fontWeight: 'bold' }}>\n          {getTableTitle(groupBy)} ({projectsCount})\n        </Typography>\n\n        {groupBy === 'project' && (\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: '8px',\n            }}\n          >\n            <Switch\n              checked={showPlatformSum}\n              onChange={e => setShowPlatformSum(e.target.checked)}\n              className={classes.switchOff}\n            />\n            <Typography variant=\"body2\" style={{ color: '#6A6E73' }}>\n              Sum platform costs\n            </Typography>\n          </div>\n        )}\n\n        <DownloadIconButton\n          label=\"CSV\"\n          variant=\"gray\"\n          onClick={onDownloadCsv}\n          disabled={isDownloading}\n        />\n        <DownloadIconButton\n          label=\"JSON\"\n          variant=\"gray\"\n          onClick={onDownloadJson}\n          disabled={isDownloading}\n        />\n      </div>\n      <IconButton\n        aria-label=\"menu\"\n        style={{ color: '#6A6E73', padding: '8px' }}\n        onClick={handleMenuOpen}\n      >\n        <ViewWeekIcon />\n      </IconButton>\n      <Menu\n        anchorEl={anchorEl}\n        open={Boolean(anchorEl)}\n        onClose={handleMenuClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        PaperProps={{\n          style: {\n            minWidth: '300px',\n            padding: '8px 0',\n          },\n        }}\n      >\n        <Box px={2} py={1}>\n          <Typography variant=\"subtitle2\" style={{ fontWeight: 'bold' }}>\n            Add or remove columns\n          </Typography>\n        </Box>\n        <MenuItem\n          className={classes.menuItem}\n          onClick={e => {\n            e.stopPropagation();\n            setShowMonthOverMonthChange(!showMonthOverMonthChange);\n          }}\n        >\n          <FormControlLabel\n            className={classes.menuItemLabel}\n            control={\n              <Checkbox\n                checked={showMonthOverMonthChange}\n                onChange={e => {\n                  e.stopPropagation();\n                  setShowMonthOverMonthChange(e.target.checked);\n                }}\n                onClick={e => e.stopPropagation()}\n              />\n            }\n            label=\"Month over month change\"\n            onClick={e => e.stopPropagation()}\n          />\n        </MenuItem>\n        <MenuItem\n          className={classes.menuItem}\n          onClick={e => {\n            e.stopPropagation();\n            setShowInfrastructureCost(!showInfrastructureCost);\n          }}\n        >\n          <Box>\n            <FormControlLabel\n              className={classes.menuItemLabel}\n              control={\n                <Checkbox\n                  checked={showInfrastructureCost}\n                  onChange={e => {\n                    e.stopPropagation();\n                    setShowInfrastructureCost(e.target.checked);\n                  }}\n                  onClick={e => e.stopPropagation()}\n                />\n              }\n              label=\"Infrastructure cost\"\n              onClick={e => e.stopPropagation()}\n            />\n            <Typography className={classes.menuItemDescription}>\n              The cost based on raw usage data from the underlying\n              infrastructure.\n            </Typography>\n          </Box>\n        </MenuItem>\n        <MenuItem\n          className={classes.menuItem}\n          onClick={e => {\n            e.stopPropagation();\n            setShowSupplementaryCost(!showSupplementaryCost);\n          }}\n        >\n          <Box>\n            <FormControlLabel\n              className={classes.menuItemLabel}\n              control={\n                <Checkbox\n                  checked={showSupplementaryCost}\n                  onChange={e => {\n                    e.stopPropagation();\n                    setShowSupplementaryCost(e.target.checked);\n                  }}\n                  onClick={e => e.stopPropagation()}\n                />\n              }\n              label=\"Supplementary cost\"\n              onClick={e => e.stopPropagation()}\n            />\n            <Typography className={classes.menuItemDescription}>\n              All costs not directly attributed to the infrastructure.\n              <br />\n              These costs are determined by applying a price list within a cost\n              model to OpenShift cluster metrics.\n            </Typography>\n          </Box>\n        </MenuItem>\n      </Menu>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AA+BA,MAAM,YAAY,UAAA,CAAW;AAAA,EAC3B,SAAA,EAAW;AAAA,IACT,oBAAA,EAAsB;AAAA,MACpB,eAAA,EAAiB;AAAA,KACnB;AAAA,IACA,oBAAA,EAAsB;AAAA,MACpB,eAAA,EAAiB;AAAA;AACnB,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,WAAA;AAAA,IACT,SAAA,EAAW;AAAA,MACT,eAAA,EAAiB;AAAA;AACnB,GACF;AAAA,EACA,aAAA,EAAe;AAAA,IACb,UAAA,EAAY,CAAA;AAAA,IACZ,WAAA,EAAa,CAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,mBAAA,EAAqB;AAAA,IACnB,QAAA,EAAU,SAAA;AAAA,IACV,KAAA,EAAO,SAAA;AAAA,IACP,SAAA,EAAW,KAAA;AAAA,IACX,UAAA,EAAY;AAAA;AAEhB,CAAC,CAAA;AAmBM,SAAS,aAAa,KAAA,EAA0B;AACrD,EAAA,MAAM;AAAA,IACJ,eAAA;AAAA,IACA,kBAAA;AAAA,IACA,aAAA;AAAA,IACA,OAAA;AAAA,IACA,wBAAA;AAAA,IACA,2BAAA;AAAA,IACA,sBAAA;AAAA,IACA,yBAAA;AAAA,IACA,qBAAA;AAAA,IACA,wBAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACF,GAAI,KAAA;AACJ,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAA6B,IAAI,CAAA;AAEjE,EAAA,MAAM,cAAA,GAAiB,CAAC,KAAA,KAAyC;AAC/D,IAAA,WAAA,CAAY,MAAM,aAAa,CAAA;AAAA,EACjC,CAAA;AAEA,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,WAAA,CAAY,IAAI,CAAA;AAAA,EAClB,CAAA;AAEA,EAAA,MAAM,aAAA,GAAgB,CAAC,YAAA,KAAiC;AACtD,IAAA,MAAM,QAAA,GAAmC;AAAA,MACvC,OAAA,EAAS,UAAA;AAAA,MACT,OAAA,EAAS,UAAA;AAAA,MACT,IAAA,EAAM,OAAA;AAAA,MACN,GAAA,EAAK;AAAA,KACP;AACA,IAAA,OAAO,QAAA,CAAS,YAAY,CAAA,IAAK,UAAA;AAAA,EACnC,CAAA;AAEA,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,MAAA;AAAA,QACT,UAAA,EAAY,QAAA;AAAA,QACZ,cAAA,EAAgB;AAAA;AAClB,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO;AAAA,UACL,OAAA,EAAS,MAAA;AAAA,UACT,UAAA,EAAY,QAAA;AAAA,UACZ,GAAA,EAAK,MAAA;AAAA,UACL,YAAA,EAAc;AAAA;AAChB,OAAA;AAAA,sBAEA,KAAA,CAAA,aAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,IAAA,EAAK,OAAO,EAAE,UAAA,EAAY,MAAA,EAAO,EAAA,EAClD,aAAA,CAAc,OAAO,CAAA,EAAE,IAAA,EAAG,eAAc,GAC3C,CAAA;AAAA,MAEC,YAAY,SAAA,oBACX,KAAA,CAAA,aAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO;AAAA,YACL,OAAA,EAAS,MAAA;AAAA,YACT,UAAA,EAAY,QAAA;AAAA,YACZ,GAAA,EAAK;AAAA;AACP,SAAA;AAAA,wBAEA,KAAA,CAAA,aAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,eAAA;AAAA,YACT,QAAA,EAAU,CAAA,CAAA,KAAK,kBAAA,CAAmB,CAAA,CAAE,OAAO,OAAO,CAAA;AAAA,YAClD,WAAW,OAAA,CAAQ;AAAA;AAAA,SACrB;AAAA,wBACA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAA,EAAQ,OAAA,EAAQ,OAAO,EAAE,KAAA,EAAO,SAAA,EAAU,EAAA,EAAG,oBAEzD;AAAA,OACF;AAAA,sBAGF,KAAA,CAAA,aAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAM,KAAA;AAAA,UACN,OAAA,EAAQ,MAAA;AAAA,UACR,OAAA,EAAS,aAAA;AAAA,UACT,QAAA,EAAU;AAAA;AAAA,OACZ;AAAA,sBACA,KAAA,CAAA,aAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAM,MAAA;AAAA,UACN,OAAA,EAAQ,MAAA;AAAA,UACR,OAAA,EAAS,cAAA;AAAA,UACT,QAAA,EAAU;AAAA;AAAA;AACZ,KACF;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAW,MAAA;AAAA,QACX,KAAA,EAAO,EAAE,KAAA,EAAO,SAAA,EAAW,SAAS,KAAA,EAAM;AAAA,QAC1C,OAAA,EAAS;AAAA,OAAA;AAAA,0CAER,YAAA,EAAA,IAAa;AAAA,KAChB;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,IAAA,EAAM,QAAQ,QAAQ,CAAA;AAAA,QACtB,OAAA,EAAS,eAAA;AAAA,QACT,YAAA,EAAc;AAAA,UACZ,QAAA,EAAU,QAAA;AAAA,UACV,UAAA,EAAY;AAAA,SACd;AAAA,QACA,eAAA,EAAiB;AAAA,UACf,QAAA,EAAU,KAAA;AAAA,UACV,UAAA,EAAY;AAAA,SACd;AAAA,QACA,UAAA,EAAY;AAAA,UACV,KAAA,EAAO;AAAA,YACL,QAAA,EAAU,OAAA;AAAA,YACV,OAAA,EAAS;AAAA;AACX;AACF,OAAA;AAAA,0CAEC,GAAA,EAAA,EAAI,EAAA,EAAI,CAAA,EAAG,EAAA,EAAI,qBACd,KAAA,CAAA,aAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,WAAA,EAAY,OAAO,EAAE,UAAA,EAAY,MAAA,EAAO,EAAA,EAAG,uBAE/D,CACF,CAAA;AAAA,sBACA,KAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,WAAW,OAAA,CAAQ,QAAA;AAAA,UACnB,SAAS,CAAA,CAAA,KAAK;AACZ,YAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,YAAA,2BAAA,CAA4B,CAAC,wBAAwB,CAAA;AAAA,UACvD;AAAA,SAAA;AAAA,wBAEA,KAAA,CAAA,aAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,WAAW,OAAA,CAAQ,aAAA;AAAA,YACnB,OAAA,kBACE,KAAA,CAAA,aAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAS,wBAAA;AAAA,gBACT,UAAU,CAAA,CAAA,KAAK;AACb,kBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,kBAAA,2BAAA,CAA4B,CAAA,CAAE,OAAO,OAAO,CAAA;AAAA,gBAC9C,CAAA;AAAA,gBACA,OAAA,EAAS,CAAA,CAAA,KAAK,CAAA,CAAE,eAAA;AAAgB;AAAA,aAClC;AAAA,YAEF,KAAA,EAAM,yBAAA;AAAA,YACN,OAAA,EAAS,CAAA,CAAA,KAAK,CAAA,CAAE,eAAA;AAAgB;AAAA;AAClC,OACF;AAAA,sBACA,KAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,WAAW,OAAA,CAAQ,QAAA;AAAA,UACnB,SAAS,CAAA,CAAA,KAAK;AACZ,YAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,YAAA,yBAAA,CAA0B,CAAC,sBAAsB,CAAA;AAAA,UACnD;AAAA,SAAA;AAAA,4CAEC,GAAA,EAAA,IAAA,kBACC,KAAA,CAAA,aAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,WAAW,OAAA,CAAQ,aAAA;AAAA,YACnB,OAAA,kBACE,KAAA,CAAA,aAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAS,sBAAA;AAAA,gBACT,UAAU,CAAA,CAAA,KAAK;AACb,kBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,kBAAA,yBAAA,CAA0B,CAAA,CAAE,OAAO,OAAO,CAAA;AAAA,gBAC5C,CAAA;AAAA,gBACA,OAAA,EAAS,CAAA,CAAA,KAAK,CAAA,CAAE,eAAA;AAAgB;AAAA,aAClC;AAAA,YAEF,KAAA,EAAM,qBAAA;AAAA,YACN,OAAA,EAAS,CAAA,CAAA,KAAK,CAAA,CAAE,eAAA;AAAgB;AAAA,2BAElC,KAAA,CAAA,aAAA,CAAC,UAAA,EAAA,EAAW,WAAW,OAAA,CAAQ,mBAAA,EAAA,EAAqB,sEAGpD,CACF;AAAA,OACF;AAAA,sBACA,KAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,WAAW,OAAA,CAAQ,QAAA;AAAA,UACnB,SAAS,CAAA,CAAA,KAAK;AACZ,YAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,YAAA,wBAAA,CAAyB,CAAC,qBAAqB,CAAA;AAAA,UACjD;AAAA,SAAA;AAAA,4CAEC,GAAA,EAAA,IAAA,kBACC,KAAA,CAAA,aAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,WAAW,OAAA,CAAQ,aAAA;AAAA,YACnB,OAAA,kBACE,KAAA,CAAA,aAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAS,qBAAA;AAAA,gBACT,UAAU,CAAA,CAAA,KAAK;AACb,kBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,kBAAA,wBAAA,CAAyB,CAAA,CAAE,OAAO,OAAO,CAAA;AAAA,gBAC3C,CAAA;AAAA,gBACA,OAAA,EAAS,CAAA,CAAA,KAAK,CAAA,CAAE,eAAA;AAAgB;AAAA,aAClC;AAAA,YAEF,KAAA,EAAM,oBAAA;AAAA,YACN,OAAA,EAAS,CAAA,CAAA,KAAK,CAAA,CAAE,eAAA;AAAgB;AAAA,SAClC,kBACA,KAAA,CAAA,aAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,OAAA,CAAQ,mBAAA,EAAA,EAAqB,0DAAA,kBAElD,KAAA,CAAA,aAAA,CAAC,IAAA,EAAA,IAAG,CAAA,EAAE,uGAGR,CACF;AAAA;AACF;AACF,GACF;AAEJ;;;;"}

package/dist/pages/optimizations/OptimizationsPage.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptimizationsPage.esm.js","sources":["../../../src/pages/optimizations/OptimizationsPage.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useCallback, useMemo, useState } from 'react';\nimport useAsync from 'react-use/lib/useAsync';\nimport snakeCase from 'lodash/snakeCase';\nimport {\n  Link,\n  ResponseErrorPanel,\n  Table,\n  TableColumn,\n} from '@backstage/core-components';\nimport type { Recommendations } from '@red-hat-developer-hub/plugin-cost-management-common/models';\nimport type { GetRecommendationListRequest } from '@red-hat-developer-hub/plugin-cost-management-common/clients';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { PageLayout } from '../../components/PageLayout';\nimport { TableToolbar } from './components/TableToolbar';\nimport { Filters } from './components/Filters';\nimport { BasePage } from '../../components/BasePage';\nimport { optimizationsBreakdownRouteRef } from '../../routes';\nimport { getTimeFromNow } from '../../utils/dates';\nimport { optimizationsApiRef } from '../../apis';\n\nexport const DEFAULT_DEBOUNCE_INTERVAL: number = 700;\nexport const DEFAULT_PAGE_SIZE_OPTIONS: number[] = [10, 20, 50, 100];\nexport const DEFAULT_SORTING_DIRECTION: GetRecommendationListRequest['query']['orderHow'] =\n  'desc';\nexport const DEFAULT_SORTING_COLUMN: GetRecommendationListRequest['query']['orderBy'] =\n  'last_reported';\nexport const DEFAULT_PADDING: 'dense' | 'default' = 'dense';\n\n/** This type actually represents what's going to be sent to the back-end. */\ntype QueryState = Omit<\n  GetRecommendationListRequest['query'],\n  'startDate' | 'endDate'\n>;\n\ntype AvailableFilteringOptions = Pick<\n  QueryState,\n  'cluster' | 'project' | 'workload' | 'workloadType'\n>;\n\nconst initialQueryState: QueryState = {\n  limit: DEFAULT_PAGE_SIZE_OPTIONS[0],\n  offset: 0,\n  orderBy: DEFAULT_SORTING_COLUMN,\n  orderHow: DEFAULT_SORTING_DIRECTION,\n};\n\nconst availableFilteringOptionsInitialState: AvailableFilteringOptions = {\n  cluster: [],\n  project: [],\n  workload: [],\n  workloadType: [],\n};\n\n/** @public */\nexport function OptimizationsPage() {\n  const [currentPage, setCurrentPage] = useState<number>(0); // First page starts from 0\n  const [queryState, setQueryState] = useState<QueryState>(initialQueryState);\n  const api = useApi(optimizationsApiRef);\n  const { value, error, loading } = useAsync(async () => {\n    const response = await api.getRecommendationList({ query: queryState });\n    return response.json();\n  }, [queryState]);\n\n  const columns = useMemo<TableColumn<Recommendations>[]>(\n    () => [\n      {\n        title: 'Container',\n        field: 'container',\n        render: data => {\n          // eslint-disable-next-line react-hooks/rules-of-hooks\n          const link = useRouteRef(optimizationsBreakdownRouteRef);\n          return React.createElement(Link, {\n            to: link({ id: data.id! }),\n            children: data.container,\n          });\n        },\n      },\n      {\n        title: 'Project',\n        field: 'project',\n      },\n      {\n        title: 'Workload',\n        field: 'workload',\n      },\n      {\n        title: 'Type',\n        field: 'workloadType',\n      },\n      {\n        title: 'Cluster',\n        field: 'clusterAlias',\n      },\n      {\n        title: 'Last reported',\n        field: 'lastReported',\n        render(data, _type) {\n          return getTimeFromNow(data.lastReported?.toString());\n        },\n      },\n    ],\n    [],\n  );\n  const optimizableContainersCount = useMemo(\n    () => value?.meta?.count ?? 0,\n    [value?.meta?.count],\n  );\n  const data = useMemo(() => value?.data ?? [], [value?.data]);\n\n  const handlePageChange = useCallback(\n    (pageNumber: number, pageSize: number): void => {\n      setCurrentPage(pageNumber);\n      setQueryState(lastQueryState => ({\n        ...lastQueryState,\n        offset: pageNumber * pageSize,\n        limit: pageSize,\n      }));\n    },\n    [],\n  );\n\n  const handleRowsPerPageChange = useCallback((pageSize: number): void => {\n    setQueryState(lastState => ({\n      ...lastState,\n      offset: (lastState.offset ?? 0) * pageSize,\n      limit: pageSize,\n    }));\n  }, []);\n\n  const handleOrderChange = useCallback(\n    (orderBy: number, orderDirection: 'desc' | 'asc'): void => {\n      const { field } = columns[orderBy];\n      setQueryState(lastState => ({\n        ...lastState,\n        orderBy:\n          field === 'clusterAlias'\n            ? 'cluster'\n            : (snakeCase(field as string) as NonNullable<\n                typeof lastState.orderBy\n              >),\n        orderHow: orderDirection as NonNullable<typeof lastState.orderHow>,\n      }));\n    },\n    [columns],\n  );\n\n  const handleFiltersChange = useCallback(\n    (\n      fieldId: 'cluster' | 'workloadType' | 'workload' | 'project',\n      values: string[],\n    ): void => {\n      setQueryState(lastQueryState => ({\n        ...lastQueryState,\n        offset: 0,\n        [fieldId]: values,\n      }));\n      setCurrentPage(0);\n    },\n    [],\n  );\n\n  const handleFiltersReset = useCallback((): void => {\n    if (\n      queryState.cluster?.length === 0 &&\n      queryState.project?.length === 0 &&\n      queryState.workload?.length === 0 &&\n      queryState.workloadType?.length === 0\n    ) {\n      return;\n    }\n\n    setQueryState(lastQueryState => ({\n      ...lastQueryState,\n      ...availableFilteringOptionsInitialState,\n    }));\n  }, [\n    queryState.cluster?.length,\n    queryState.project?.length,\n    queryState.workload?.length,\n    queryState.workloadType?.length,\n  ]);\n\n  const handleSearchChange = useCallback((searchText: string): void => {\n    setQueryState(lastState => ({\n      ...lastState,\n      container: Array.from(new Set(searchText.split(',').filter(Boolean))),\n    }));\n  }, []);\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  return (\n    <BasePage pageTitle=\"Resource Optimization\" withContentPadding>\n      <PageLayout>\n        <PageLayout.Filters>\n          <Filters\n            cluster={{\n              options: [],\n              label: 'CLUSTERS',\n            }}\n            project={{\n              options: [],\n              label: 'PROJECTS',\n            }}\n            workload={{\n              options: [],\n              label: 'WORKLOADS',\n            }}\n            workloadType={{\n              options: [],\n              label: 'TYPES',\n            }}\n            onFiltersChange={handleFiltersChange}\n            onFiltersReset={handleFiltersReset}\n          />\n        </PageLayout.Filters>\n        <PageLayout.Table>\n          <Table<Recommendations>\n            components={{\n              Toolbar: TableToolbar,\n            }}\n            title={`Optimizable containers (${\n              optimizableContainersCount ?? 'N/A'\n            })`}\n            options={{\n              debounceInterval: DEFAULT_DEBOUNCE_INTERVAL,\n              padding: DEFAULT_PADDING,\n              pageSize: queryState.limit,\n              pageSizeOptions: DEFAULT_PAGE_SIZE_OPTIONS,\n              paging: true,\n              search: true,\n              sorting: true,\n              thirdSortClick: false,\n            }}\n            localization={{\n              toolbar: {\n                searchPlaceholder: 'Search container name',\n              },\n            }}\n            data={data}\n            columns={columns}\n            isLoading={loading}\n            totalCount={optimizableContainersCount}\n            page={currentPage}\n            onPageChange={handlePageChange}\n            onRowsPerPageChange={handleRowsPerPageChange}\n            onOrderChange={handleOrderChange}\n            onSearchChange={handleSearchChange}\n          />\n        </PageLayout.Table>\n      </PageLayout>\n    </BasePage>\n  );\n}\nOptimizationsPage.displayName = 'OptimizationsPage';\n"],"names":["data"],"mappings":"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"}
+{"version":3,"file":"OptimizationsPage.esm.js","sources":["../../../src/pages/optimizations/OptimizationsPage.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useCallback, useMemo, useState } from 'react';\nimport useAsync from 'react-use/lib/useAsync';\nimport snakeCase from 'lodash/snakeCase';\nimport {\n  Link,\n  ResponseErrorPanel,\n  Table,\n  TableColumn,\n} from '@backstage/core-components';\nimport type { Recommendations } from '@red-hat-developer-hub/plugin-cost-management-common/models';\nimport type { GetRecommendationListRequest } from '@red-hat-developer-hub/plugin-cost-management-common/clients';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { PageLayout } from '../../components/PageLayout';\nimport { TableToolbar } from './components/TableToolbar';\nimport { Filters } from './components/Filters';\nimport { BasePage } from '../../components/BasePage';\nimport { optimizationsBreakdownRouteRef } from '../../routes';\nimport { getTimeFromNow } from '../../utils/dates';\nimport { optimizationsApiRef } from '../../apis';\n\nexport const DEFAULT_DEBOUNCE_INTERVAL: number = 700;\nexport const DEFAULT_PAGE_SIZE_OPTIONS: number[] = [10, 20, 50, 100];\nexport const DEFAULT_SORTING_DIRECTION: GetRecommendationListRequest['query']['orderHow'] =\n  'desc';\nexport const DEFAULT_SORTING_COLUMN: GetRecommendationListRequest['query']['orderBy'] =\n  'last_reported';\nexport const DEFAULT_PADDING: 'dense' | 'default' = 'dense';\n\n/** This type actually represents what's going to be sent to the back-end. */\ntype QueryState = Omit<\n  GetRecommendationListRequest['query'],\n  'startDate' | 'endDate'\n>;\n\ntype AvailableFilteringOptions = Pick<\n  QueryState,\n  'cluster' | 'project' | 'workload' | 'workloadType'\n>;\n\nconst initialQueryState: QueryState = {\n  limit: DEFAULT_PAGE_SIZE_OPTIONS[0],\n  offset: 0,\n  orderBy: DEFAULT_SORTING_COLUMN,\n  orderHow: DEFAULT_SORTING_DIRECTION,\n};\n\nconst availableFilteringOptionsInitialState: AvailableFilteringOptions = {\n  cluster: [],\n  project: [],\n  workload: [],\n  workloadType: [],\n};\n\n/** @public */\nexport function OptimizationsPage() {\n  const [currentPage, setCurrentPage] = useState<number>(0); // First page starts from 0\n  const [queryState, setQueryState] = useState<QueryState>(initialQueryState);\n  const api = useApi(optimizationsApiRef);\n  const { value, error, loading } = useAsync(async () => {\n    const response = await api.getRecommendationList({ query: queryState });\n    return response.json();\n  }, [queryState]);\n\n  const columns = useMemo<TableColumn<Recommendations>[]>(\n    () => [\n      {\n        title: 'Container',\n        field: 'container',\n        render: data => {\n          // eslint-disable-next-line react-hooks/rules-of-hooks\n          const link = useRouteRef(optimizationsBreakdownRouteRef);\n          return React.createElement(Link, {\n            to: link({ id: data.id! }),\n            children: data.container,\n          });\n        },\n      },\n      {\n        title: 'Project',\n        field: 'project',\n      },\n      {\n        title: 'Workload',\n        field: 'workload',\n      },\n      {\n        title: 'Type',\n        field: 'workloadType',\n      },\n      {\n        title: 'Cluster',\n        field: 'clusterAlias',\n      },\n      {\n        title: 'Last reported',\n        field: 'lastReported',\n        render(data, _type) {\n          return getTimeFromNow(data.lastReported?.toString());\n        },\n      },\n    ],\n    [],\n  );\n  const optimizableContainersCount = useMemo(\n    () => value?.meta?.count ?? 0,\n    [value?.meta?.count],\n  );\n  const data = useMemo(() => value?.data ?? [], [value?.data]);\n\n  const handlePageChange = useCallback(\n    (pageNumber: number, pageSize: number): void => {\n      setCurrentPage(pageNumber);\n      setQueryState(lastQueryState => ({\n        ...lastQueryState,\n        offset: pageNumber * pageSize,\n        limit: pageSize,\n      }));\n    },\n    [],\n  );\n\n  const handleRowsPerPageChange = useCallback((pageSize: number): void => {\n    setQueryState(lastState => ({\n      ...lastState,\n      offset: (lastState.offset ?? 0) * pageSize,\n      limit: pageSize,\n    }));\n  }, []);\n\n  const handleOrderChange = useCallback(\n    (orderBy: number, orderDirection: 'desc' | 'asc'): void => {\n      const { field } = columns[orderBy];\n      setQueryState(lastState => ({\n        ...lastState,\n        orderBy:\n          field === 'clusterAlias'\n            ? 'cluster'\n            : (snakeCase(field as string) as NonNullable<\n                typeof lastState.orderBy\n              >),\n        orderHow: orderDirection as NonNullable<typeof lastState.orderHow>,\n      }));\n    },\n    [columns],\n  );\n\n  const handleFiltersChange = useCallback(\n    (\n      fieldId: 'cluster' | 'workloadType' | 'workload' | 'project',\n      values: string[],\n    ): void => {\n      setQueryState(lastQueryState => ({\n        ...lastQueryState,\n        offset: 0,\n        [fieldId]: values,\n      }));\n      setCurrentPage(0);\n    },\n    [],\n  );\n\n  const handleFiltersReset = useCallback((): void => {\n    if (\n      queryState.cluster?.length === 0 &&\n      queryState.project?.length === 0 &&\n      queryState.workload?.length === 0 &&\n      queryState.workloadType?.length === 0\n    ) {\n      return;\n    }\n\n    setQueryState(lastQueryState => ({\n      ...lastQueryState,\n      ...availableFilteringOptionsInitialState,\n    }));\n  }, [\n    queryState.cluster?.length,\n    queryState.project?.length,\n    queryState.workload?.length,\n    queryState.workloadType?.length,\n  ]);\n\n  const handleSearchChange = useCallback((searchText: string): void => {\n    setQueryState(lastState => ({\n      ...lastState,\n      container: Array.from(new Set(searchText.split(',').filter(Boolean))),\n    }));\n  }, []);\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  return (\n    <BasePage pageTitle=\"Resource Optimization\" withContentPadding>\n      <PageLayout>\n        <PageLayout.Filters>\n          <Filters\n            cluster={{\n              options: [],\n              label: 'CLUSTERS',\n            }}\n            project={{\n              options: [],\n              label: 'PROJECTS',\n            }}\n            workload={{\n              options: [],\n              label: 'WORKLOADS',\n            }}\n            workloadType={{\n              options: [],\n              label: 'TYPES',\n            }}\n            onFiltersChange={handleFiltersChange}\n            onFiltersReset={handleFiltersReset}\n          />\n        </PageLayout.Filters>\n        <PageLayout.Table>\n          <Table<Recommendations>\n            components={{\n              Toolbar: TableToolbar,\n            }}\n            title={`Optimizable containers (${\n              optimizableContainersCount ?? 'N/A'\n            })`}\n            options={{\n              debounceInterval: DEFAULT_DEBOUNCE_INTERVAL,\n              padding: DEFAULT_PADDING,\n              pageSize: queryState.limit,\n              pageSizeOptions: DEFAULT_PAGE_SIZE_OPTIONS,\n              paging: true,\n              search: true,\n              sorting: true,\n              thirdSortClick: false,\n            }}\n            localization={{\n              toolbar: {\n                searchPlaceholder: 'Search container name',\n              },\n            }}\n            data={data}\n            columns={columns}\n            isLoading={loading}\n            totalCount={optimizableContainersCount}\n            page={currentPage}\n            onPageChange={handlePageChange}\n            onRowsPerPageChange={handleRowsPerPageChange}\n            onOrderChange={handleOrderChange}\n            onSearchChange={handleSearchChange}\n          />\n        </PageLayout.Table>\n      </PageLayout>\n    </BasePage>\n  );\n}\nOptimizationsPage.displayName = 'OptimizationsPage';\n"],"names":["data"],"mappings":"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"}

package/dist/pages/optimizations/components/ComboBox.esm.js

@@ -40,25 +40,21 @@ const useComboBoxStyles = makeStyles(
 );
 function ComboBox(props) {
   const classes = useComboBoxStyles();
-  const [_text, setText] = useState("");
+  const [isOpen, setIsOpen] = useState(false);
+  const [inputValue, setInputValue] = useState("");
   return /* @__PURE__ */ React.createElement(Box, { className: classes.root, pb: 1, pt: 1 }, /* @__PURE__ */ React.createElement(Typography, { className: classes.label, variant: "button", component: "label" }, props.label), /* @__PURE__ */ React.createElement(
     Autocomplete,
     {
       ...props,
+      open: isOpen && props.options.length > 0,
+      onOpen: () => setIsOpen(true),
+      onClose: () => setIsOpen(false),
+      inputValue,
+      onInputChange: (_, value) => setInputValue(value),
       disableCloseOnSelect: props.multiple,
       includeInputInList: true,
       popupIcon: /* @__PURE__ */ React.createElement(ExpandMoreIcon, { "data-testid": "expand-icon" }),
-      renderInput: (params) => /* @__PURE__ */ React.createElement(
-        TextField,
-        {
-          ...params,
-          className: classes.input,
-          onChange: (e) => {
-            setText(e.currentTarget.value);
-          },
-          variant: "outlined"
-        }
-      ),
+      renderInput: (params) => /* @__PURE__ */ React.createElement(TextField, { ...params, className: classes.input, variant: "outlined" }),
       renderOption: (option, { selected }) => !props.freeSolo ? /* @__PURE__ */ React.createElement(Box, { className: classes.fullWidth }, /* @__PURE__ */ React.createElement(
         FixedWidthFormControlLabel,
         {

package/dist/pages/optimizations/components/ComboBox.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.esm.js","sources":["../../../../src/pages/optimizations/components/ComboBox.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useState } from 'react';\nimport { makeStyles, withStyles } from '@material-ui/core/styles';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Box from '@material-ui/core/Box';\nimport TextField from '@material-ui/core/TextField';\nimport Typography from '@material-ui/core/Typography';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\nimport CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { Autocomplete, AutocompleteProps } from '@material-ui/lab';\n\nconst FixedWidthFormControlLabel = withStyles(\n  _theme => ({\n    label: {\n      width: '100%',\n    },\n    root: {\n      width: '90%',\n    },\n  }),\n  { name: 'FixedWidthFormControlLabel' },\n)(FormControlLabel);\n\nconst useComboBoxStyles = makeStyles(\n  {\n    root: {},\n    label: {},\n    input: {},\n    fullWidth: { width: '100%' },\n    boxLabel: {\n      width: '100%',\n      textOverflow: 'ellipsis',\n      overflow: 'hidden',\n    },\n  },\n  {\n    name: 'ComboBox',\n  },\n);\n\ntype ExcludedAutocompleteProps =\n  | 'clearOnEscape'\n  | 'disableCloseOnSelect'\n  | 'includeInputInList'\n  | 'size'\n  | 'popupIcon'\n  | 'renderInput'\n  | 'renderOption';\n\ntype ComboBoxProps<\n  T,\n  Multiple extends boolean | undefined = undefined,\n  DisableClearable extends boolean | undefined = undefined,\n  FreeSolo extends boolean | undefined = undefined,\n> = Omit<\n  AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>,\n  ExcludedAutocompleteProps\n> & {\n  label: string;\n};\n\n/** @public */\nexport function ComboBox<\n  T extends string,\n  Multiple extends boolean | undefined = undefined,\n  DisableClearable extends boolean | undefined = undefined,\n  FreeSolo extends boolean | undefined = undefined,\n>(props: ComboBoxProps<T, Multiple, DisableClearable, FreeSolo>) {\n  const classes = useComboBoxStyles();\n  const [_text, setText] = useState('');\n\n  return (\n    <Box className={classes.root} pb={1} pt={1}>\n      <Typography className={classes.label} variant=\"button\" component=\"label\">\n        {props.label}\n      </Typography>\n      <Autocomplete<T, Multiple, DisableClearable, FreeSolo>\n        {...props}\n        disableCloseOnSelect={props.multiple}\n        includeInputInList\n        popupIcon={<ExpandMoreIcon data-testid=\"expand-icon\" />}\n        renderInput={params => (\n          <TextField\n            {...params}\n            className={classes.input}\n            onChange={e => {\n              setText(e.currentTarget.value);\n            }}\n            variant=\"outlined\"\n          />\n        )}\n        renderOption={(option, { selected }) =>\n          !props.freeSolo ? (\n            <Box className={classes.fullWidth}>\n              <FixedWidthFormControlLabel\n                className={classes.fullWidth}\n                control={\n                  <Checkbox\n                    icon={<CheckBoxOutlineBlankIcon fontSize=\"small\" />}\n                    checkedIcon={<CheckBoxIcon fontSize=\"small\" />}\n                    checked={selected}\n                  />\n                }\n                onClick={event => event.preventDefault()}\n                label={\n                  <Tooltip title={option}>\n                    <Box display=\"flex\" alignItems=\"center\">\n                      <Box className={classes.boxLabel}>\n                        <Typography noWrap>{props.title}</Typography>\n                      </Box>\n                    </Box>\n                  </Tooltip>\n                }\n              />\n            </Box>\n          ) : (\n            option\n          )\n        }\n        size=\"small\"\n      />\n    </Box>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ComboBox.esm.js","sources":["../../../../src/pages/optimizations/components/ComboBox.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useState } from 'react';\nimport { makeStyles, withStyles } from '@material-ui/core/styles';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Box from '@material-ui/core/Box';\nimport TextField from '@material-ui/core/TextField';\nimport Typography from '@material-ui/core/Typography';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\nimport CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { Autocomplete, AutocompleteProps } from '@material-ui/lab';\n\nconst FixedWidthFormControlLabel = withStyles(\n  _theme => ({\n    label: {\n      width: '100%',\n    },\n    root: {\n      width: '90%',\n    },\n  }),\n  { name: 'FixedWidthFormControlLabel' },\n)(FormControlLabel);\n\nconst useComboBoxStyles = makeStyles(\n  {\n    root: {},\n    label: {},\n    input: {},\n    fullWidth: { width: '100%' },\n    boxLabel: {\n      width: '100%',\n      textOverflow: 'ellipsis',\n      overflow: 'hidden',\n    },\n  },\n  {\n    name: 'ComboBox',\n  },\n);\n\ntype ExcludedAutocompleteProps =\n  | 'clearOnEscape'\n  | 'disableCloseOnSelect'\n  | 'includeInputInList'\n  | 'size'\n  | 'popupIcon'\n  | 'renderInput'\n  | 'renderOption';\n\ntype ComboBoxProps<\n  T,\n  Multiple extends boolean | undefined = undefined,\n  DisableClearable extends boolean | undefined = undefined,\n  FreeSolo extends boolean | undefined = undefined,\n> = Omit<\n  AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>,\n  ExcludedAutocompleteProps\n> & {\n  label: string;\n};\n\n/** @public */\nexport function ComboBox<\n  T extends string,\n  Multiple extends boolean | undefined = undefined,\n  DisableClearable extends boolean | undefined = undefined,\n  FreeSolo extends boolean | undefined = undefined,\n>(props: ComboBoxProps<T, Multiple, DisableClearable, FreeSolo>) {\n  const classes = useComboBoxStyles();\n  const [isOpen, setIsOpen] = useState(false);\n  const [inputValue, setInputValue] = useState('');\n\n  return (\n    <Box className={classes.root} pb={1} pt={1}>\n      <Typography className={classes.label} variant=\"button\" component=\"label\">\n        {props.label}\n      </Typography>\n      <Autocomplete<T, Multiple, DisableClearable, FreeSolo>\n        {...props}\n        open={isOpen && props.options.length > 0}\n        onOpen={() => setIsOpen(true)}\n        onClose={() => setIsOpen(false)}\n        inputValue={inputValue}\n        onInputChange={(_, value) => setInputValue(value)}\n        disableCloseOnSelect={props.multiple}\n        includeInputInList\n        popupIcon={<ExpandMoreIcon data-testid=\"expand-icon\" />}\n        renderInput={params => (\n          <TextField {...params} className={classes.input} variant=\"outlined\" />\n        )}\n        renderOption={(option, { selected }) =>\n          !props.freeSolo ? (\n            <Box className={classes.fullWidth}>\n              <FixedWidthFormControlLabel\n                className={classes.fullWidth}\n                control={\n                  <Checkbox\n                    icon={<CheckBoxOutlineBlankIcon fontSize=\"small\" />}\n                    checkedIcon={<CheckBoxIcon fontSize=\"small\" />}\n                    checked={selected}\n                  />\n                }\n                onClick={event => event.preventDefault()}\n                label={\n                  <Tooltip title={option}>\n                    <Box display=\"flex\" alignItems=\"center\">\n                      <Box className={classes.boxLabel}>\n                        <Typography noWrap>{props.title}</Typography>\n                      </Box>\n                    </Box>\n                  </Tooltip>\n                }\n              />\n            </Box>\n          ) : (\n            option\n          )\n        }\n        size=\"small\"\n      />\n    </Box>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/pages/optimizations/components/Filters.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filters.esm.js","sources":["../../../../src/pages/optimizations/components/Filters.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useState } from 'react';\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useBaseFiltersStyles } from '../../../components/filtersStyles';\nimport { ComboBox } from './ComboBox';\n\nconst useFiltersStyles = makeStyles(\n  theme => ({\n    filters: {\n      '& > *': {\n        marginTop: theme.spacing(2),\n      },\n    },\n  }),\n  { name: 'BackstageTableFilters' },\n);\n\nconst filterFieldIds = [\n  'cluster',\n  'project',\n  'workload',\n  'workloadType',\n] as const;\n\n/** @public */\nexport type FiltersProps = {\n  cluster: { label: string; options: string[] };\n  project: { label: string; options: string[] };\n  workload: { label: string; options: string[] };\n  workloadType: { label: string; options: string[] };\n  onFiltersChange: (\n    fieldId: 'cluster' | 'project' | 'workload' | 'workloadType',\n    values: string[],\n  ) => void;\n  onFiltersReset: () => void;\n};\n\n/** @public */\nexport function Filters(props: FiltersProps) {\n  const { onFiltersChange, onFiltersReset, ...filters } = props;\n  const baseClasses = useBaseFiltersStyles();\n  const classes = useFiltersStyles();\n  const [globalKeyId, setGlobalKeyId] = useState(0); // Used for reseting the ComboBoxes internal state\n\n  return (\n    <Box className={baseClasses.root}>\n      <Box className={baseClasses.header}>\n        <Box className={baseClasses.value}>Filters</Box>\n        <Button\n          color=\"primary\"\n          onClick={(_): void => {\n            onFiltersReset();\n            setGlobalKeyId(globalKeyId + 1);\n          }}\n        >\n          Reset\n        </Button>\n      </Box>\n      <Box className={`${baseClasses.filters} ${classes.filters}`}>\n        {filterFieldIds.map(ffid => (\n          <ComboBox\n            multiple\n            freeSolo\n            selectOnFocus\n            clearOnBlur\n            handleHomeEndKeys\n            filterSelectedOptions\n            key={`${ffid}-${globalKeyId}`}\n            label={filters[ffid].label}\n            options={filters[ffid].options}\n            onChange={(_, values): void => {\n              onFiltersChange(ffid, values);\n            }}\n          />\n        ))}\n      </Box>\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAuBA,MAAM,gBAAmB,GAAA,UAAA;AAAA,EACvB,CAAU,KAAA,MAAA;AAAA,IACR,OAAS,EAAA;AAAA,MACP,OAAS,EAAA;AAAA,QACP,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAC5B;AACF,GACF,CAAA;AAAA,EACA,EAAE,MAAM,uBAAwB;AAClC,CAAA;AAEA,MAAM,cAAiB,GAAA;AAAA,EACrB,SAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA;AAgBO,SAAS,QAAQ,KAAqB,EAAA;AAC3C,EAAA,MAAM,EAAE,eAAA,EAAiB,cAAgB,EAAA,GAAG,SAAY,GAAA,KAAA;AACxD,EAAA,MAAM,cAAc,oBAAqB,EAAA;AACzC,EAAA,MAAM,UAAU,gBAAiB,EAAA;AACjC,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,CAAC,CAAA;AAEhD,EAAA,2CACG,GAAI,EAAA,EAAA,SAAA,EAAW,WAAY,CAAA,IAAA,EAAA,sCACzB,GAAI,EAAA,EAAA,SAAA,EAAW,WAAY,CAAA,MAAA,EAAA,sCACzB,GAAI,EAAA,EAAA,SAAA,EAAW,WAAY,CAAA,KAAA,EAAA,EAAO,SAAO,CAC1C,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,SAAA;AAAA,MACN,OAAA,EAAS,CAAC,CAAY,KAAA;AACpB,QAAe,cAAA,EAAA;AACf,QAAA,cAAA,CAAe,cAAc,CAAC,CAAA;AAAA;AAChC,KAAA;AAAA,IACD;AAAA,GAGH,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,WAAW,CAAG,EAAA,WAAA,CAAY,OAAO,CAAA,CAAA,EAAI,OAAQ,CAAA,OAAO,CACtD,CAAA,EAAA,EAAA,cAAA,CAAe,IAAI,CAClB,IAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,QAAQ,EAAA,IAAA;AAAA,MACR,QAAQ,EAAA,IAAA;AAAA,MACR,aAAa,EAAA,IAAA;AAAA,MACb,WAAW,EAAA,IAAA;AAAA,MACX,iBAAiB,EAAA,IAAA;AAAA,MACjB,qBAAqB,EAAA,IAAA;AAAA,MACrB,GAAK,EAAA,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,WAAW,CAAA,CAAA;AAAA,MAC3B,KAAA,EAAO,OAAQ,CAAA,IAAI,CAAE,CAAA,KAAA;AAAA,MACrB,OAAA,EAAS,OAAQ,CAAA,IAAI,CAAE,CAAA,OAAA;AAAA,MACvB,QAAA,EAAU,CAAC,CAAA,EAAG,MAAiB,KAAA;AAC7B,QAAA,eAAA,CAAgB,MAAM,MAAM,CAAA;AAAA;AAC9B;AAAA,GAEH,CACH,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Filters.esm.js","sources":["../../../../src/pages/optimizations/components/Filters.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useState } from 'react';\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useBaseFiltersStyles } from '../../../components/filtersStyles';\nimport { ComboBox } from './ComboBox';\n\nconst useFiltersStyles = makeStyles(\n  theme => ({\n    filters: {\n      '& > *': {\n        marginTop: theme.spacing(2),\n      },\n    },\n  }),\n  { name: 'BackstageTableFilters' },\n);\n\nconst filterFieldIds = [\n  'cluster',\n  'project',\n  'workload',\n  'workloadType',\n] as const;\n\n/** @public */\nexport type FiltersProps = {\n  cluster: { label: string; options: string[] };\n  project: { label: string; options: string[] };\n  workload: { label: string; options: string[] };\n  workloadType: { label: string; options: string[] };\n  onFiltersChange: (\n    fieldId: 'cluster' | 'project' | 'workload' | 'workloadType',\n    values: string[],\n  ) => void;\n  onFiltersReset: () => void;\n};\n\n/** @public */\nexport function Filters(props: FiltersProps) {\n  const { onFiltersChange, onFiltersReset, ...filters } = props;\n  const baseClasses = useBaseFiltersStyles();\n  const classes = useFiltersStyles();\n  const [globalKeyId, setGlobalKeyId] = useState(0); // Used for reseting the ComboBoxes internal state\n\n  return (\n    <Box className={baseClasses.root}>\n      <Box className={baseClasses.header}>\n        <Box className={baseClasses.value}>Filters</Box>\n        <Button\n          color=\"primary\"\n          onClick={(_): void => {\n            onFiltersReset();\n            setGlobalKeyId(globalKeyId + 1);\n          }}\n        >\n          Reset\n        </Button>\n      </Box>\n      <Box className={`${baseClasses.filters} ${classes.filters}`}>\n        {filterFieldIds.map(ffid => (\n          <ComboBox\n            multiple\n            freeSolo\n            selectOnFocus\n            clearOnBlur\n            handleHomeEndKeys\n            filterSelectedOptions\n            key={`${ffid}-${globalKeyId}`}\n            label={filters[ffid].label}\n            options={filters[ffid].options}\n            onChange={(_, values): void => {\n              onFiltersChange(ffid, values);\n            }}\n          />\n        ))}\n      </Box>\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAuBA,MAAM,gBAAA,GAAmB,UAAA;AAAA,EACvB,CAAA,KAAA,MAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS;AAAA,QACP,SAAA,EAAW,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA;AAC5B;AACF,GACF,CAAA;AAAA,EACA,EAAE,MAAM,uBAAA;AACV,CAAA;AAEA,MAAM,cAAA,GAAiB;AAAA,EACrB,SAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA;AAgBO,SAAS,QAAQ,KAAA,EAAqB;AAC3C,EAAA,MAAM,EAAE,eAAA,EAAiB,cAAA,EAAgB,GAAG,SAAQ,GAAI,KAAA;AACxD,EAAA,MAAM,cAAc,oBAAA,EAAqB;AACzC,EAAA,MAAM,UAAU,gBAAA,EAAiB;AACjC,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,CAAC,CAAA;AAEhD,EAAA,2CACG,GAAA,EAAA,EAAI,SAAA,EAAW,WAAA,CAAY,IAAA,EAAA,sCACzB,GAAA,EAAA,EAAI,SAAA,EAAW,WAAA,CAAY,MAAA,EAAA,sCACzB,GAAA,EAAA,EAAI,SAAA,EAAW,WAAA,CAAY,KAAA,EAAA,EAAO,SAAO,CAAA,kBAC1C,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,SAAA;AAAA,MACN,OAAA,EAAS,CAAC,CAAA,KAAY;AACpB,QAAA,cAAA,EAAe;AACf,QAAA,cAAA,CAAe,cAAc,CAAC,CAAA;AAAA,MAChC;AAAA,KAAA;AAAA,IACD;AAAA,GAGH,CAAA,kBACA,KAAA,CAAA,aAAA,CAAC,GAAA,EAAA,EAAI,WAAW,CAAA,EAAG,WAAA,CAAY,OAAO,CAAA,CAAA,EAAI,OAAA,CAAQ,OAAO,CAAA,CAAA,EAAA,EACtD,cAAA,CAAe,IAAI,CAAA,IAAA,qBAClB,KAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAQ,IAAA;AAAA,MACR,QAAA,EAAQ,IAAA;AAAA,MACR,aAAA,EAAa,IAAA;AAAA,MACb,WAAA,EAAW,IAAA;AAAA,MACX,iBAAA,EAAiB,IAAA;AAAA,MACjB,qBAAA,EAAqB,IAAA;AAAA,MACrB,GAAA,EAAK,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,WAAW,CAAA,CAAA;AAAA,MAC3B,KAAA,EAAO,OAAA,CAAQ,IAAI,CAAA,CAAE,KAAA;AAAA,MACrB,OAAA,EAAS,OAAA,CAAQ,IAAI,CAAA,CAAE,OAAA;AAAA,MACvB,QAAA,EAAU,CAAC,CAAA,EAAG,MAAA,KAAiB;AAC7B,QAAA,eAAA,CAAgB,MAAM,MAAM,CAAA;AAAA,MAC9B;AAAA;AAAA,GAEH,CACH,CACF,CAAA;AAEJ;;;;"}

package/dist/pages/optimizations/components/TableToolbar.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableToolbar.esm.js","sources":["../../../../src/pages/optimizations/components/TableToolbar.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { MutableRefObject, useCallback } from 'react';\nimport { MTableToolbar } from '@material-table/core';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst StyledMTableToolbar = withStyles(\n  theme => ({\n    root: {\n      padding: theme.spacing(3, 0, 2.5, 2.5),\n    },\n    title: {\n      '& > h6': {\n        fontWeight: theme.typography.fontWeightBold,\n      },\n    },\n    searchField: {\n      paddingRight: theme.spacing(2),\n    },\n  }),\n  { name: 'ResourceOptimizationTableToolbar' },\n)(MTableToolbar);\n\n/**\n * Props for {@link TableToolbar}.\n *\n * @public\n */\nexport interface TableToolbarProps {\n  toolbarRef: MutableRefObject<any>;\n  setSearch: (value: string) => void;\n  onSearchChanged: (value: string) => void;\n  toggleFilters: () => void;\n  selectedFiltersLength: number;\n  showFiltersButton: boolean;\n}\n\n/**\n * Used to override `@backstage/core-components` Table's toolbar.\n *\n * @remarks\n *\n * The Table's built-in toolbar displays a \"Filters\" button to show or hide the table's filters.\n * This button becomes redundant when the table's initial state is set to\n * `{ filtersOpen: true }` which indicates the filters should always be visible.\n *\n * @public\n */\nexport function TableToolbar(toolbarProps: TableToolbarProps) {\n  const { toolbarRef, onSearchChanged } = toolbarProps;\n  const handleSearchChanged = useCallback(\n    (searchText: string) => {\n      onSearchChanged(searchText);\n    },\n    [onSearchChanged],\n  );\n\n  return (\n    <StyledMTableToolbar\n      {...toolbarProps}\n      ref={toolbarRef}\n      onSearchChanged={handleSearchChanged}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAoBA,MAAM,mBAAsB,GAAA,UAAA;AAAA,EAC1B,CAAU,KAAA,MAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,SAAS,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,CAAA,EAAG,KAAK,GAAG;AAAA,KACvC;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAU,EAAA;AAAA,QACR,UAAA,EAAY,MAAM,UAAW,CAAA;AAAA;AAC/B,KACF;AAAA,IACA,WAAa,EAAA;AAAA,MACX,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAC/B,GACF,CAAA;AAAA,EACA,EAAE,MAAM,kCAAmC;AAC7C,CAAA,CAAE,aAAa,CAAA;AA2BR,SAAS,aAAa,YAAiC,EAAA;AAC5D,EAAM,MAAA,EAAE,UAAY,EAAA,eAAA,EAAoB,GAAA,YAAA;AACxC,EAAA,MAAM,mBAAsB,GAAA,WAAA;AAAA,IAC1B,CAAC,UAAuB,KAAA;AACtB,MAAA,eAAA,CAAgB,UAAU,CAAA;AAAA,KAC5B;AAAA,IACA,CAAC,eAAe;AAAA,GAClB;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACE,GAAG,YAAA;AAAA,MACJ,GAAK,EAAA,UAAA;AAAA,MACL,eAAiB,EAAA;AAAA;AAAA,GACnB;AAEJ;;;;"}
+{"version":3,"file":"TableToolbar.esm.js","sources":["../../../../src/pages/optimizations/components/TableToolbar.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { MutableRefObject, useCallback } from 'react';\nimport { MTableToolbar } from '@material-table/core';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst StyledMTableToolbar = withStyles(\n  theme => ({\n    root: {\n      padding: theme.spacing(3, 0, 2.5, 2.5),\n    },\n    title: {\n      '& > h6': {\n        fontWeight: theme.typography.fontWeightBold,\n      },\n    },\n    searchField: {\n      paddingRight: theme.spacing(2),\n    },\n  }),\n  { name: 'ResourceOptimizationTableToolbar' },\n)(MTableToolbar);\n\n/**\n * Props for {@link TableToolbar}.\n *\n * @public\n */\nexport interface TableToolbarProps {\n  toolbarRef: MutableRefObject<any>;\n  setSearch: (value: string) => void;\n  onSearchChanged: (value: string) => void;\n  toggleFilters: () => void;\n  selectedFiltersLength: number;\n  showFiltersButton: boolean;\n}\n\n/**\n * Used to override `@backstage/core-components` Table's toolbar.\n *\n * @remarks\n *\n * The Table's built-in toolbar displays a \"Filters\" button to show or hide the table's filters.\n * This button becomes redundant when the table's initial state is set to\n * `{ filtersOpen: true }` which indicates the filters should always be visible.\n *\n * @public\n */\nexport function TableToolbar(toolbarProps: TableToolbarProps) {\n  const { toolbarRef, onSearchChanged } = toolbarProps;\n  const handleSearchChanged = useCallback(\n    (searchText: string) => {\n      onSearchChanged(searchText);\n    },\n    [onSearchChanged],\n  );\n\n  return (\n    <StyledMTableToolbar\n      {...toolbarProps}\n      ref={toolbarRef}\n      onSearchChanged={handleSearchChanged}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAoBA,MAAM,mBAAA,GAAsB,UAAA;AAAA,EAC1B,CAAA,KAAA,MAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,SAAS,KAAA,CAAM,OAAA,CAAQ,CAAA,EAAG,CAAA,EAAG,KAAK,GAAG;AAAA,KACvC;AAAA,IACA,KAAA,EAAO;AAAA,MACL,QAAA,EAAU;AAAA,QACR,UAAA,EAAY,MAAM,UAAA,CAAW;AAAA;AAC/B,KACF;AAAA,IACA,WAAA,EAAa;AAAA,MACX,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA;AAC/B,GACF,CAAA;AAAA,EACA,EAAE,MAAM,kCAAA;AACV,CAAA,CAAE,aAAa,CAAA;AA2BR,SAAS,aAAa,YAAA,EAAiC;AAC5D,EAAA,MAAM,EAAE,UAAA,EAAY,eAAA,EAAgB,GAAI,YAAA;AACxC,EAAA,MAAM,mBAAA,GAAsB,WAAA;AAAA,IAC1B,CAAC,UAAA,KAAuB;AACtB,MAAA,eAAA,CAAgB,UAAU,CAAA;AAAA,IAC5B,CAAA;AAAA,IACA,CAAC,eAAe;AAAA,GAClB;AAEA,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACE,GAAG,YAAA;AAAA,MACJ,GAAA,EAAK,UAAA;AAAA,MACL,eAAA,EAAiB;AAAA;AAAA,GACnB;AAEJ;;;;"}

package/dist/pages/optimizations-breakdown/OptimizationsBreakdownPage.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptimizationsBreakdownPage.esm.js","sources":["../../../src/pages/optimizations-breakdown/OptimizationsBreakdownPage.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { useLocation, useNavigate, useParams } from 'react-router-dom';\nimport useAsync from 'react-use/esm/useAsync';\nimport {\n  TabbedLayout,\n  Progress,\n  ResponseErrorPanel,\n} from '@backstage/core-components';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport type { RecommendationBoxPlots } from '@red-hat-developer-hub/plugin-cost-management-common/models';\nimport type { WorkflowUnavailableReason } from '@red-hat-developer-hub/plugin-cost-management-common/clients';\nimport { getTimeFromNow } from '../../utils/dates';\nimport { BasePage } from '../../components/BasePage';\nimport { type Interval, OptimizationType } from './models/ChartEnums';\nimport { OptimizationEngineTab } from './components/optimization-engine-tab/OptimizationEngineTab';\nimport {\n  getCurrentYAMLCodeData,\n  getRecommendedYAMLCodeData,\n} from './models/YamlCodeData';\nimport { optimizationsApiRef, orchestratorSlimApiRef } from '../../apis';\nimport type { WorkflowInputDataSchema } from './models/WorkflowInputDataSchema';\n\nconst getContainerData = (value: RecommendationBoxPlots) => [\n  { key: 'Cluster', value: value?.clusterAlias },\n  { key: 'Project', value: value?.project },\n  { key: 'Workload', value: value?.workload },\n  { key: 'Type', value: value?.workloadType },\n  {\n    key: 'Last reported',\n    value: getTimeFromNow(value?.lastReported?.toString()),\n  },\n];\n\n/**\n * Adapts recommendation data into the input schema required for the optimization workflow.\n *\n * This function extracts and transforms resource recommendations (CPU/memory, limits/requests)\n * from the provided `RecommendationBoxPlots` data structure, mapping them into a\n * `WorkflowInputDataSchema` object suitable for workflow consumption.\n *\n * - Converts memory values from mebibytes to bytes where necessary.\n * - Populates cluster, namespace, workload, and container information if available.\n * - Handles both `limits` and `requests` for CPU and memory resources.\n *\n * @param recommendationData - The recommendation data containing resource suggestions and metadata.\n * @param timeRange - The interval term for which recommendations are being adapted.\n * @param optimizationType - The type of optimization engine to use for extracting recommendations.\n * @param type - Specifies the 'limits' or 'requests' resource values.\n * @param resource - Specifies the resource type, either 'cpu' or 'memory'.\n * @returns A `WorkflowInputDataSchema` object populated with the adapted recommendation data.\n */\nconst adaptRecommendationsDataToWorkflowInputData = (\n  recommendationData: RecommendationBoxPlots,\n  timeRange: Interval,\n  optimizationType: OptimizationType,\n): WorkflowInputDataSchema => {\n  if (\n    !recommendationData.clusterAlias ||\n    !recommendationData.project ||\n    !recommendationData.workloadType ||\n    !recommendationData.workload ||\n    !recommendationData.container\n  ) {\n    throw new Error('Invalid recommendation data');\n  }\n\n  const workflowInputData: WorkflowInputDataSchema = {\n    clusterName: recommendationData.clusterAlias,\n    resourceType: recommendationData.workloadType.toLocaleLowerCase(\n      'en-US',\n    ) as WorkflowInputDataSchema['resourceType'],\n    resourceNamespace: recommendationData.project,\n    resourceName: recommendationData.workload,\n    containerName: recommendationData.container,\n    containerResources: {},\n  };\n\n  const config =\n    recommendationData.recommendations?.recommendationTerms?.[timeRange]\n      ?.recommendationEngines?.[optimizationType]?.config;\n\n  if (config && config.limits) {\n    workflowInputData.containerResources.limits = {};\n    if (config.limits.cpu) {\n      workflowInputData.containerResources.limits.cpu =\n        config.limits.cpu.amount;\n    }\n\n    if (\n      config.limits.memory &&\n      typeof config.limits.memory.amount === 'number'\n    ) {\n      workflowInputData.containerResources.limits.memory = Math.round(\n        config.limits.memory.amount * 1024 * 1024,\n      );\n    }\n  }\n\n  if (config && config.requests) {\n    workflowInputData.containerResources.requests = {};\n    if (config.requests.cpu) {\n      workflowInputData.containerResources.requests.cpu =\n        config.requests.cpu.amount;\n    }\n\n    if (\n      config.requests.memory &&\n      typeof config.requests.memory.amount === 'number'\n    ) {\n      workflowInputData.containerResources.requests.memory = Math.round(\n        config.requests.memory.amount * 1024 * 1024,\n      );\n    }\n  }\n\n  return workflowInputData;\n};\n\nexport const OptimizationsBreakdownPage = () => {\n  const [recommendationTerm, setRecommendationTerm] =\n    useState<Interval>('shortTerm');\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { id } = useParams();\n  const configApi = useApi(configApiRef);\n  const workflowIdRef = useRef<string>(\n    configApi.getOptionalString('costManagement.optimizationWorkflowId') ?? '',\n  );\n  const workflowUnavailableReasonRef = useRef<\n    WorkflowUnavailableReason | undefined\n  >(undefined);\n  const workflowErrorMessageRef = useRef<string | undefined>(undefined);\n  const orchestratorSlimApi = useApi(orchestratorSlimApiRef);\n  const optimizationsApi = useApi(optimizationsApiRef);\n  const {\n    value: recommendationsData,\n    loading,\n    error,\n  } = useAsync(async () => {\n    const availabilityResult =\n      await orchestratorSlimApi.checkWorkflowAvailability(\n        workflowIdRef.current,\n      );\n    if (availabilityResult.available) {\n      workflowUnavailableReasonRef.current = undefined;\n      workflowErrorMessageRef.current = undefined;\n    } else {\n      workflowIdRef.current = '';\n      workflowUnavailableReasonRef.current = availabilityResult.reason;\n      workflowErrorMessageRef.current = availabilityResult.errorMessage;\n    }\n\n    const apiQuery = {\n      path: {\n        recommendationId: id!,\n      },\n      query: {},\n    };\n\n    const response = await optimizationsApi.getRecommendationById(apiQuery);\n    return await response.json();\n  }, []);\n\n  const optimizationType = useMemo(() => {\n    return location.pathname.endsWith('performance')\n      ? OptimizationType.performance\n      : OptimizationType.cost;\n  }, [location.pathname]);\n\n  const recommendedConfiguration = useMemo(\n    () =>\n      getRecommendedYAMLCodeData(\n        recommendationsData!,\n        recommendationTerm,\n        optimizationType,\n      ),\n    [recommendationsData, recommendationTerm, optimizationType],\n  );\n\n  const currentConfiguration = useMemo(\n    () => getCurrentYAMLCodeData(recommendationsData!),\n    [recommendationsData],\n  );\n\n  const [applyError, setApplyError] = useState<Error | undefined>(undefined);\n\n  const handleApplyRecommendation = useCallback(() => {\n    if (!recommendationsData) {\n      return;\n    }\n\n    setApplyError(undefined);\n    try {\n      const workflowId = workflowIdRef.current;\n      const data = adaptRecommendationsDataToWorkflowInputData(\n        recommendationsData,\n        recommendationTerm,\n        optimizationType,\n      );\n      orchestratorSlimApi\n        .executeWorkflow(workflowId, { inputData: data })\n        .then(response => {\n          navigate(`/orchestrator/instances/${response.id}`);\n        })\n        .catch(err => {\n          setApplyError(err instanceof Error ? err : new Error(String(err)));\n        });\n    } catch {\n      return;\n    }\n  }, [\n    navigate,\n    optimizationType,\n    orchestratorSlimApi,\n    recommendationTerm,\n    recommendationsData,\n  ]);\n\n  const handleRecommendationTermChange = useCallback(\n    (\n      event: React.ChangeEvent<{\n        name?: string;\n        value: unknown;\n      }>,\n    ) => {\n      setRecommendationTerm(event.target.value as Interval);\n    },\n    [],\n  );\n\n  const containerData = useMemo(\n    () => getContainerData(recommendationsData!),\n    [recommendationsData],\n  );\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  return (\n    <BasePage\n      pageThemeId=\"tool\"\n      pageTitle={recommendationsData!.container!}\n      pageType=\"Optimizations\"\n      pageTypeLink=\"/cost-management/optimizations\"\n    >\n      {applyError && <ResponseErrorPanel error={applyError} />}\n      <TabbedLayout>\n        <TabbedLayout.Route path=\"/cost?\" title=\"Cost optimizations\">\n          <OptimizationEngineTab\n            optimizationType={OptimizationType.cost}\n            chartData={recommendationsData!}\n            containerData={containerData}\n            recommendationTerm={recommendationTerm}\n            currentConfiguration={currentConfiguration}\n            recommendedConfiguration={recommendedConfiguration}\n            onRecommendationTermChange={handleRecommendationTermChange}\n            onApplyRecommendation={handleApplyRecommendation}\n            workflowId={workflowIdRef.current}\n            workflowUnavailableReason={workflowUnavailableReasonRef.current}\n            workflowErrorMessage={workflowErrorMessageRef.current}\n          />\n        </TabbedLayout.Route>\n\n        <TabbedLayout.Route\n          path=\"/performance\"\n          title=\"Performance optimizations\"\n        >\n          <OptimizationEngineTab\n            optimizationType={OptimizationType.performance}\n            chartData={recommendationsData!}\n            containerData={containerData}\n            recommendationTerm={recommendationTerm}\n            currentConfiguration={currentConfiguration}\n            recommendedConfiguration={recommendedConfiguration}\n            onRecommendationTermChange={handleRecommendationTermChange}\n            onApplyRecommendation={handleApplyRecommendation}\n            workflowId={workflowIdRef.current}\n            workflowUnavailableReason={workflowUnavailableReasonRef.current}\n            workflowErrorMessage={workflowErrorMessageRef.current}\n          />\n        </TabbedLayout.Route>\n      </TabbedLayout>\n    </BasePage>\n  );\n};\nOptimizationsBreakdownPage.displayName = 'OptimizationsBreakdownPage';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"OptimizationsBreakdownPage.esm.js","sources":["../../../src/pages/optimizations-breakdown/OptimizationsBreakdownPage.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { useLocation, useNavigate, useParams } from 'react-router-dom';\nimport useAsync from 'react-use/esm/useAsync';\nimport {\n  TabbedLayout,\n  Progress,\n  ResponseErrorPanel,\n} from '@backstage/core-components';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport type { RecommendationBoxPlots } from '@red-hat-developer-hub/plugin-cost-management-common/models';\nimport type { WorkflowUnavailableReason } from '@red-hat-developer-hub/plugin-cost-management-common/clients';\nimport { getTimeFromNow } from '../../utils/dates';\nimport { BasePage } from '../../components/BasePage';\nimport { type Interval, OptimizationType } from './models/ChartEnums';\nimport { OptimizationEngineTab } from './components/optimization-engine-tab/OptimizationEngineTab';\nimport {\n  getCurrentYAMLCodeData,\n  getRecommendedYAMLCodeData,\n} from './models/YamlCodeData';\nimport { optimizationsApiRef, orchestratorSlimApiRef } from '../../apis';\nimport type { WorkflowInputDataSchema } from './models/WorkflowInputDataSchema';\n\nconst getContainerData = (value: RecommendationBoxPlots) => [\n  { key: 'Cluster', value: value?.clusterAlias },\n  { key: 'Project', value: value?.project },\n  { key: 'Workload', value: value?.workload },\n  { key: 'Type', value: value?.workloadType },\n  {\n    key: 'Last reported',\n    value: getTimeFromNow(value?.lastReported?.toString()),\n  },\n];\n\n/**\n * Adapts recommendation data into the input schema required for the optimization workflow.\n *\n * This function extracts and transforms resource recommendations (CPU/memory, limits/requests)\n * from the provided `RecommendationBoxPlots` data structure, mapping them into a\n * `WorkflowInputDataSchema` object suitable for workflow consumption.\n *\n * - Converts memory values from mebibytes to bytes where necessary.\n * - Populates cluster, namespace, workload, and container information if available.\n * - Handles both `limits` and `requests` for CPU and memory resources.\n *\n * @param recommendationData - The recommendation data containing resource suggestions and metadata.\n * @param timeRange - The interval term for which recommendations are being adapted.\n * @param optimizationType - The type of optimization engine to use for extracting recommendations.\n * @param type - Specifies the 'limits' or 'requests' resource values.\n * @param resource - Specifies the resource type, either 'cpu' or 'memory'.\n * @returns A `WorkflowInputDataSchema` object populated with the adapted recommendation data.\n */\nconst adaptRecommendationsDataToWorkflowInputData = (\n  recommendationData: RecommendationBoxPlots,\n  timeRange: Interval,\n  optimizationType: OptimizationType,\n): WorkflowInputDataSchema => {\n  if (\n    !recommendationData.clusterAlias ||\n    !recommendationData.project ||\n    !recommendationData.workloadType ||\n    !recommendationData.workload ||\n    !recommendationData.container\n  ) {\n    throw new Error('Invalid recommendation data');\n  }\n\n  const workflowInputData: WorkflowInputDataSchema = {\n    clusterName: recommendationData.clusterAlias,\n    resourceType: recommendationData.workloadType.toLocaleLowerCase(\n      'en-US',\n    ) as WorkflowInputDataSchema['resourceType'],\n    resourceNamespace: recommendationData.project,\n    resourceName: recommendationData.workload,\n    containerName: recommendationData.container,\n    containerResources: {},\n  };\n\n  const config =\n    recommendationData.recommendations?.recommendationTerms?.[timeRange]\n      ?.recommendationEngines?.[optimizationType]?.config;\n\n  if (config && config.limits) {\n    workflowInputData.containerResources.limits = {};\n    if (config.limits.cpu) {\n      workflowInputData.containerResources.limits.cpu =\n        config.limits.cpu.amount;\n    }\n\n    if (\n      config.limits.memory &&\n      typeof config.limits.memory.amount === 'number'\n    ) {\n      workflowInputData.containerResources.limits.memory = Math.round(\n        config.limits.memory.amount * 1024 * 1024,\n      );\n    }\n  }\n\n  if (config && config.requests) {\n    workflowInputData.containerResources.requests = {};\n    if (config.requests.cpu) {\n      workflowInputData.containerResources.requests.cpu =\n        config.requests.cpu.amount;\n    }\n\n    if (\n      config.requests.memory &&\n      typeof config.requests.memory.amount === 'number'\n    ) {\n      workflowInputData.containerResources.requests.memory = Math.round(\n        config.requests.memory.amount * 1024 * 1024,\n      );\n    }\n  }\n\n  return workflowInputData;\n};\n\nexport const OptimizationsBreakdownPage = () => {\n  const [recommendationTerm, setRecommendationTerm] =\n    useState<Interval>('shortTerm');\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { id } = useParams();\n  const configApi = useApi(configApiRef);\n  const workflowIdRef = useRef<string>(\n    configApi.getOptionalString('costManagement.optimizationWorkflowId') ?? '',\n  );\n  const workflowUnavailableReasonRef = useRef<\n    WorkflowUnavailableReason | undefined\n  >(undefined);\n  const workflowErrorMessageRef = useRef<string | undefined>(undefined);\n  const orchestratorSlimApi = useApi(orchestratorSlimApiRef);\n  const optimizationsApi = useApi(optimizationsApiRef);\n  const {\n    value: recommendationsData,\n    loading,\n    error,\n  } = useAsync(async () => {\n    const availabilityResult =\n      await orchestratorSlimApi.checkWorkflowAvailability(\n        workflowIdRef.current,\n      );\n    if (availabilityResult.available) {\n      workflowUnavailableReasonRef.current = undefined;\n      workflowErrorMessageRef.current = undefined;\n    } else {\n      workflowIdRef.current = '';\n      workflowUnavailableReasonRef.current = availabilityResult.reason;\n      workflowErrorMessageRef.current = availabilityResult.errorMessage;\n    }\n\n    const apiQuery = {\n      path: {\n        recommendationId: id!,\n      },\n      query: {},\n    };\n\n    const response = await optimizationsApi.getRecommendationById(apiQuery);\n    return await response.json();\n  }, []);\n\n  const optimizationType = useMemo(() => {\n    return location.pathname.endsWith('performance')\n      ? OptimizationType.performance\n      : OptimizationType.cost;\n  }, [location.pathname]);\n\n  const recommendedConfiguration = useMemo(\n    () =>\n      getRecommendedYAMLCodeData(\n        recommendationsData!,\n        recommendationTerm,\n        optimizationType,\n      ),\n    [recommendationsData, recommendationTerm, optimizationType],\n  );\n\n  const currentConfiguration = useMemo(\n    () => getCurrentYAMLCodeData(recommendationsData!),\n    [recommendationsData],\n  );\n\n  const [applyError, setApplyError] = useState<Error | undefined>(undefined);\n\n  const handleApplyRecommendation = useCallback(() => {\n    if (!recommendationsData) {\n      return;\n    }\n\n    setApplyError(undefined);\n    try {\n      const workflowId = workflowIdRef.current;\n      const data = adaptRecommendationsDataToWorkflowInputData(\n        recommendationsData,\n        recommendationTerm,\n        optimizationType,\n      );\n      orchestratorSlimApi\n        .executeWorkflow(workflowId, { inputData: data })\n        .then(response => {\n          navigate(`/orchestrator/instances/${response.id}`);\n        })\n        .catch(err => {\n          setApplyError(err instanceof Error ? err : new Error(String(err)));\n        });\n    } catch {\n      return;\n    }\n  }, [\n    navigate,\n    optimizationType,\n    orchestratorSlimApi,\n    recommendationTerm,\n    recommendationsData,\n  ]);\n\n  const handleRecommendationTermChange = useCallback(\n    (\n      event: React.ChangeEvent<{\n        name?: string;\n        value: unknown;\n      }>,\n    ) => {\n      setRecommendationTerm(event.target.value as Interval);\n    },\n    [],\n  );\n\n  const containerData = useMemo(\n    () => getContainerData(recommendationsData!),\n    [recommendationsData],\n  );\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  return (\n    <BasePage\n      pageThemeId=\"tool\"\n      pageTitle={recommendationsData!.container!}\n      pageType=\"Optimizations\"\n      pageTypeLink=\"/cost-management/optimizations\"\n    >\n      {applyError && <ResponseErrorPanel error={applyError} />}\n      <TabbedLayout>\n        <TabbedLayout.Route path=\"/cost?\" title=\"Cost optimizations\">\n          <OptimizationEngineTab\n            optimizationType={OptimizationType.cost}\n            chartData={recommendationsData!}\n            containerData={containerData}\n            recommendationTerm={recommendationTerm}\n            currentConfiguration={currentConfiguration}\n            recommendedConfiguration={recommendedConfiguration}\n            onRecommendationTermChange={handleRecommendationTermChange}\n            onApplyRecommendation={handleApplyRecommendation}\n            workflowId={workflowIdRef.current}\n            workflowUnavailableReason={workflowUnavailableReasonRef.current}\n            workflowErrorMessage={workflowErrorMessageRef.current}\n          />\n        </TabbedLayout.Route>\n\n        <TabbedLayout.Route\n          path=\"/performance\"\n          title=\"Performance optimizations\"\n        >\n          <OptimizationEngineTab\n            optimizationType={OptimizationType.performance}\n            chartData={recommendationsData!}\n            containerData={containerData}\n            recommendationTerm={recommendationTerm}\n            currentConfiguration={currentConfiguration}\n            recommendedConfiguration={recommendedConfiguration}\n            onRecommendationTermChange={handleRecommendationTermChange}\n            onApplyRecommendation={handleApplyRecommendation}\n            workflowId={workflowIdRef.current}\n            workflowUnavailableReason={workflowUnavailableReasonRef.current}\n            workflowErrorMessage={workflowErrorMessageRef.current}\n          />\n        </TabbedLayout.Route>\n      </TabbedLayout>\n    </BasePage>\n  );\n};\nOptimizationsBreakdownPage.displayName = 'OptimizationsBreakdownPage';\n"],"names":[],"mappings":";;;;;;;;;;;;AAsCA,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAAkC;AAAA,EAC1D,EAAE,GAAA,EAAK,SAAA,EAAW,KAAA,EAAO,OAAO,YAAA,EAAa;AAAA,EAC7C,EAAE,GAAA,EAAK,SAAA,EAAW,KAAA,EAAO,OAAO,OAAA,EAAQ;AAAA,EACxC,EAAE,GAAA,EAAK,UAAA,EAAY,KAAA,EAAO,OAAO,QAAA,EAAS;AAAA,EAC1C,EAAE,GAAA,EAAK,MAAA,EAAQ,KAAA,EAAO,OAAO,YAAA,EAAa;AAAA,EAC1C;AAAA,IACE,GAAA,EAAK,eAAA;AAAA,IACL,KAAA,EAAO,cAAA,CAAe,KAAA,EAAO,YAAA,EAAc,UAAU;AAAA;AAEzD,CAAA;AAoBA,MAAM,2CAAA,GAA8C,CAClD,kBAAA,EACA,SAAA,EACA,gBAAA,KAC4B;AAC5B,EAAA,IACE,CAAC,kBAAA,CAAmB,YAAA,IACpB,CAAC,mBAAmB,OAAA,IACpB,CAAC,kBAAA,CAAmB,YAAA,IACpB,CAAC,kBAAA,CAAmB,QAAA,IACpB,CAAC,mBAAmB,SAAA,EACpB;AACA,IAAA,MAAM,IAAI,MAAM,6BAA6B,CAAA;AAAA,EAC/C;AAEA,EAAA,MAAM,iBAAA,GAA6C;AAAA,IACjD,aAAa,kBAAA,CAAmB,YAAA;AAAA,IAChC,YAAA,EAAc,mBAAmB,YAAA,CAAa,iBAAA;AAAA,MAC5C;AAAA,KACF;AAAA,IACA,mBAAmB,kBAAA,CAAmB,OAAA;AAAA,IACtC,cAAc,kBAAA,CAAmB,QAAA;AAAA,IACjC,eAAe,kBAAA,CAAmB,SAAA;AAAA,IAClC,oBAAoB;AAAC,GACvB;AAEA,EAAA,MAAM,MAAA,GACJ,mBAAmB,eAAA,EAAiB,mBAAA,GAAsB,SAAS,CAAA,EAC/D,qBAAA,GAAwB,gBAAgB,CAAA,EAAG,MAAA;AAEjD,EAAA,IAAI,MAAA,IAAU,OAAO,MAAA,EAAQ;AAC3B,IAAA,iBAAA,CAAkB,kBAAA,CAAmB,SAAS,EAAC;AAC/C,IAAA,IAAI,MAAA,CAAO,OAAO,GAAA,EAAK;AACrB,MAAA,iBAAA,CAAkB,kBAAA,CAAmB,MAAA,CAAO,GAAA,GAC1C,MAAA,CAAO,OAAO,GAAA,CAAI,MAAA;AAAA,IACtB;AAEA,IAAA,IACE,MAAA,CAAO,OAAO,MAAA,IACd,OAAO,OAAO,MAAA,CAAO,MAAA,CAAO,WAAW,QAAA,EACvC;AACA,MAAA,iBAAA,CAAkB,kBAAA,CAAmB,MAAA,CAAO,MAAA,GAAS,IAAA,CAAK,KAAA;AAAA,QACxD,MAAA,CAAO,MAAA,CAAO,MAAA,CAAO,MAAA,GAAS,IAAA,GAAO;AAAA,OACvC;AAAA,IACF;AAAA,EACF;AAEA,EAAA,IAAI,MAAA,IAAU,OAAO,QAAA,EAAU;AAC7B,IAAA,iBAAA,CAAkB,kBAAA,CAAmB,WAAW,EAAC;AACjD,IAAA,IAAI,MAAA,CAAO,SAAS,GAAA,EAAK;AACvB,MAAA,iBAAA,CAAkB,kBAAA,CAAmB,QAAA,CAAS,GAAA,GAC5C,MAAA,CAAO,SAAS,GAAA,CAAI,MAAA;AAAA,IACxB;AAEA,IAAA,IACE,MAAA,CAAO,SAAS,MAAA,IAChB,OAAO,OAAO,QAAA,CAAS,MAAA,CAAO,WAAW,QAAA,EACzC;AACA,MAAA,iBAAA,CAAkB,kBAAA,CAAmB,QAAA,CAAS,MAAA,GAAS,IAAA,CAAK,KAAA;AAAA,QAC1D,MAAA,CAAO,QAAA,CAAS,MAAA,CAAO,MAAA,GAAS,IAAA,GAAO;AAAA,OACzC;AAAA,IACF;AAAA,EACF;AAEA,EAAA,OAAO,iBAAA;AACT,CAAA;AAEO,MAAM,6BAA6B,MAAM;AAC9C,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAC9C,SAAmB,WAAW,CAAA;AAChC,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,MAAM,EAAE,EAAA,EAAG,GAAI,SAAA,EAAU;AACzB,EAAA,MAAM,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAA,MAAM,aAAA,GAAgB,MAAA;AAAA,IACpB,SAAA,CAAU,iBAAA,CAAkB,uCAAuC,CAAA,IAAK;AAAA,GAC1E;AACA,EAAA,MAAM,4BAAA,GAA+B,OAEnC,MAAS,CAAA;AACX,EAAA,MAAM,uBAAA,GAA0B,OAA2B,MAAS,CAAA;AACpE,EAAA,MAAM,mBAAA,GAAsB,OAAO,sBAAsB,CAAA;AACzD,EAAA,MAAM,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AACnD,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,mBAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,SAAS,YAAY;AACvB,IAAA,MAAM,kBAAA,GACJ,MAAM,mBAAA,CAAoB,yBAAA;AAAA,MACxB,aAAA,CAAc;AAAA,KAChB;AACF,IAAA,IAAI,mBAAmB,SAAA,EAAW;AAChC,MAAA,4BAAA,CAA6B,OAAA,GAAU,MAAA;AACvC,MAAA,uBAAA,CAAwB,OAAA,GAAU,MAAA;AAAA,IACpC,CAAA,MAAO;AACL,MAAA,aAAA,CAAc,OAAA,GAAU,EAAA;AACxB,MAAA,4BAAA,CAA6B,UAAU,kBAAA,CAAmB,MAAA;AAC1D,MAAA,uBAAA,CAAwB,UAAU,kBAAA,CAAmB,YAAA;AAAA,IACvD;AAEA,IAAA,MAAM,QAAA,GAAW;AAAA,MACf,IAAA,EAAM;AAAA,QACJ,gBAAA,EAAkB;AAAA,OACpB;AAAA,MACA,OAAO;AAAC,KACV;AAEA,IAAA,MAAM,QAAA,GAAW,MAAM,gBAAA,CAAiB,qBAAA,CAAsB,QAAQ,CAAA;AACtE,IAAA,OAAO,MAAM,SAAS,IAAA,EAAK;AAAA,EAC7B,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,gBAAA,GAAmB,QAAQ,MAAM;AACrC,IAAA,OAAO,SAAS,QAAA,CAAS,QAAA,CAAS,aAAa,CAAA,GAC3C,gBAAA,CAAiB,cACjB,gBAAA,CAAiB,IAAA;AAAA,EACvB,CAAA,EAAG,CAAC,QAAA,CAAS,QAAQ,CAAC,CAAA;AAEtB,EAAA,MAAM,wBAAA,GAA2B,OAAA;AAAA,IAC/B,MACE,0BAAA;AAAA,MACE,mBAAA;AAAA,MACA,kBAAA;AAAA,MACA;AAAA,KACF;AAAA,IACF,CAAC,mBAAA,EAAqB,kBAAA,EAAoB,gBAAgB;AAAA,GAC5D;AAEA,EAAA,MAAM,oBAAA,GAAuB,OAAA;AAAA,IAC3B,MAAM,uBAAuB,mBAAoB,CAAA;AAAA,IACjD,CAAC,mBAAmB;AAAA,GACtB;AAEA,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAA4B,MAAS,CAAA;AAEzE,EAAA,MAAM,yBAAA,GAA4B,YAAY,MAAM;AAClD,IAAA,IAAI,CAAC,mBAAA,EAAqB;AACxB,MAAA;AAAA,IACF;AAEA,IAAA,aAAA,CAAc,MAAS,CAAA;AACvB,IAAA,IAAI;AACF,MAAA,MAAM,aAAa,aAAA,CAAc,OAAA;AACjC,MAAA,MAAM,IAAA,GAAO,2CAAA;AAAA,QACX,mBAAA;AAAA,QACA,kBAAA;AAAA,QACA;AAAA,OACF;AACA,MAAA,mBAAA,CACG,eAAA,CAAgB,YAAY,EAAE,SAAA,EAAW,MAAM,CAAA,CAC/C,KAAK,CAAA,QAAA,KAAY;AAChB,QAAA,QAAA,CAAS,CAAA,wBAAA,EAA2B,QAAA,CAAS,EAAE,CAAA,CAAE,CAAA;AAAA,MACnD,CAAC,CAAA,CACA,KAAA,CAAM,CAAA,GAAA,KAAO;AACZ,QAAA,aAAA,CAAc,GAAA,YAAe,QAAQ,GAAA,GAAM,IAAI,MAAM,MAAA,CAAO,GAAG,CAAC,CAAC,CAAA;AAAA,MACnE,CAAC,CAAA;AAAA,IACL,CAAA,CAAA,MAAQ;AACN,MAAA;AAAA,IACF;AAAA,EACF,CAAA,EAAG;AAAA,IACD,QAAA;AAAA,IACA,gBAAA;AAAA,IACA,mBAAA;AAAA,IACA,kBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,8BAAA,GAAiC,WAAA;AAAA,IACrC,CACE,KAAA,KAIG;AACH,MAAA,qBAAA,CAAsB,KAAA,CAAM,OAAO,KAAiB,CAAA;AAAA,IACtD,CAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,MAAM,aAAA,GAAgB,OAAA;AAAA,IACpB,MAAM,iBAAiB,mBAAoB,CAAA;AAAA,IAC3C,CAAC,mBAAmB;AAAA,GACtB;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,2CAAQ,QAAA,EAAA,IAAS,CAAA;AAAA,EACnB;AAEA,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,uBAAO,KAAA,CAAA,aAAA,CAAC,sBAAmB,KAAA,EAAc,CAAA;AAAA,EAC3C;AAEA,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAY,MAAA;AAAA,MACZ,WAAW,mBAAA,CAAqB,SAAA;AAAA,MAChC,QAAA,EAAS,eAAA;AAAA,MACT,YAAA,EAAa;AAAA,KAAA;AAAA,IAEZ,UAAA,oBAAc,KAAA,CAAA,aAAA,CAAC,kBAAA,EAAA,EAAmB,KAAA,EAAO,UAAA,EAAY,CAAA;AAAA,oBACtD,KAAA,CAAA,aAAA,CAAC,oCACC,KAAA,CAAA,aAAA,CAAC,YAAA,CAAa,OAAb,EAAmB,IAAA,EAAK,QAAA,EAAS,KAAA,EAAM,oBAAA,EAAA,kBACtC,KAAA,CAAA,aAAA;AAAA,MAAC,qBAAA;AAAA,MAAA;AAAA,QACC,kBAAkB,gBAAA,CAAiB,IAAA;AAAA,QACnC,SAAA,EAAW,mBAAA;AAAA,QACX,aAAA;AAAA,QACA,kBAAA;AAAA,QACA,oBAAA;AAAA,QACA,wBAAA;AAAA,QACA,0BAAA,EAA4B,8BAAA;AAAA,QAC5B,qBAAA,EAAuB,yBAAA;AAAA,QACvB,YAAY,aAAA,CAAc,OAAA;AAAA,QAC1B,2BAA2B,4BAAA,CAA6B,OAAA;AAAA,QACxD,sBAAsB,uBAAA,CAAwB;AAAA;AAAA,KAElD,CAAA,kBAEA,KAAA,CAAA,aAAA;AAAA,MAAC,YAAA,CAAa,KAAA;AAAA,MAAb;AAAA,QACC,IAAA,EAAK,cAAA;AAAA,QACL,KAAA,EAAM;AAAA,OAAA;AAAA,sBAEN,KAAA,CAAA,aAAA;AAAA,QAAC,qBAAA;AAAA,QAAA;AAAA,UACC,kBAAkB,gBAAA,CAAiB,WAAA;AAAA,UACnC,SAAA,EAAW,mBAAA;AAAA,UACX,aAAA;AAAA,UACA,kBAAA;AAAA,UACA,oBAAA;AAAA,UACA,wBAAA;AAAA,UACA,0BAAA,EAA4B,8BAAA;AAAA,UAC5B,qBAAA,EAAuB,yBAAA;AAAA,UACvB,YAAY,aAAA,CAAc,OAAA;AAAA,UAC1B,2BAA2B,4BAAA,CAA6B,OAAA;AAAA,UACxD,sBAAsB,uBAAA,CAAwB;AAAA;AAAA;AAChD,KAEJ;AAAA,GACF;AAEJ;AACA,0BAAA,CAA2B,WAAA,GAAc,4BAAA;;;;"}

package/dist/pages/optimizations-breakdown/components/optimization-engine-tab/OptimizationEngineTab.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptimizationEngineTab.esm.js","sources":["../../../../../src/pages/optimizations-breakdown/components/optimization-engine-tab/OptimizationEngineTab.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useCallback, useMemo, useState } from 'react';\nimport {\n  Box,\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  Grid,\n  Tooltip,\n} from '@material-ui/core';\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport { rosApplyPermission } from '@red-hat-developer-hub/plugin-cost-management-common/permissions';\nimport type { WorkflowUnavailableReason } from '@red-hat-developer-hub/plugin-cost-management-common/clients';\nimport { RecommendationType } from '../../models/ChartEnums';\nimport { ChartInfoCard } from './components/chart-info-card/ChartInfoCard';\nimport { CodeInfoCard } from './components/CodeInfoCard';\nimport { ContainerInfoCard } from './components/ContainerInfoCard';\n\ntype ContainerInfoCardProps = Parameters<typeof ContainerInfoCard>[0];\ntype CodeInfoCardProps = Parameters<typeof CodeInfoCard>[0];\ntype ChartInfoCardProps = Parameters<typeof ChartInfoCard>[0];\n\nconst DEFAULT_WORKFLOW_MESSAGES: Record<WorkflowUnavailableReason, string> = {\n  not_configured: 'No workflow configured to apply recommendations',\n  not_found: 'Workflow not found',\n  access_denied: 'You do not have permission to access this workflow',\n  service_unavailable: 'Workflow service is currently unavailable',\n};\n\ninterface OptimizationEngineTabProps extends ContainerInfoCardProps {\n  currentConfiguration: CodeInfoCardProps['yamlCodeData'];\n  recommendedConfiguration: CodeInfoCardProps['yamlCodeData'];\n  chartData: ChartInfoCardProps['chartData'];\n  optimizationType: ChartInfoCardProps['optimizationType'];\n  onApplyRecommendation?: React.MouseEventHandler<HTMLButtonElement>;\n  workflowId?: string;\n  workflowUnavailableReason?: WorkflowUnavailableReason;\n  workflowErrorMessage?: string;\n}\n\nexport const OptimizationEngineTab = ({\n  workflowId,\n  workflowErrorMessage,\n  workflowUnavailableReason,\n  onApplyRecommendation,\n  ...restProps\n}: OptimizationEngineTabProps) => {\n  const isWorkflowAvailable = !!workflowId;\n  const [confirmOpen, setConfirmOpen] = useState(false);\n\n  const { loading: permLoading, allowed: canApply } = usePermission({\n    permission: rosApplyPermission,\n  });\n\n  const isButtonDisabled =\n    !isWorkflowAvailable || permLoading || canApply === false;\n\n  const tooltipMessage = useMemo(() => {\n    if (canApply === false) {\n      return 'You do not have permission to apply recommendations';\n    }\n    if (isWorkflowAvailable) {\n      return '';\n    }\n    if (workflowErrorMessage) {\n      return workflowErrorMessage;\n    }\n    if (workflowUnavailableReason) {\n      return DEFAULT_WORKFLOW_MESSAGES[workflowUnavailableReason];\n    }\n    return DEFAULT_WORKFLOW_MESSAGES.not_configured;\n  }, [\n    canApply,\n    isWorkflowAvailable,\n    workflowErrorMessage,\n    workflowUnavailableReason,\n  ]);\n\n  const handleApplyClick = useCallback(() => {\n    setConfirmOpen(true);\n  }, []);\n\n  const handleConfirmCancel = useCallback(() => {\n    setConfirmOpen(false);\n  }, []);\n\n  const handleConfirmApply = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      setConfirmOpen(false);\n      onApplyRecommendation?.(event);\n    },\n    [onApplyRecommendation],\n  );\n\n  return (\n    <Grid container>\n      <Grid item xs={12}>\n        <ContainerInfoCard\n          containerData={restProps.containerData}\n          recommendationTerm={restProps.recommendationTerm}\n          onRecommendationTermChange={restProps.onRecommendationTermChange}\n        />\n      </Grid>\n\n      <Grid item xs={6}>\n        <CodeInfoCard\n          cardTitle=\"Current configuration\"\n          yamlCodeData={restProps.currentConfiguration}\n        />\n      </Grid>\n      <Grid item xs={6}>\n        <CodeInfoCard\n          cardTitle=\"Recommended configuration\"\n          showCopyCodeButton\n          yamlCodeData={restProps.recommendedConfiguration}\n          action={\n            <Tooltip\n              title={tooltipMessage}\n              disableHoverListener={!isButtonDisabled}\n              disableFocusListener={!isButtonDisabled}\n              disableTouchListener={!isButtonDisabled}\n            >\n              <Box component=\"span\" display=\"inline-block\">\n                <Button\n                  variant=\"contained\"\n                  color=\"primary\"\n                  onClick={handleApplyClick}\n                  disabled={isButtonDisabled}\n                >\n                  Apply recommendation\n                </Button>\n              </Box>\n            </Tooltip>\n          }\n        />\n      </Grid>\n\n      <Grid item xs={6}>\n        <ChartInfoCard\n          title=\"CPU utilization\"\n          chartData={restProps.chartData}\n          recommendationTerm={restProps.recommendationTerm}\n          optimizationType={restProps.optimizationType}\n          resourceType={RecommendationType.cpu}\n        />\n      </Grid>\n      <Grid item xs={6}>\n        <ChartInfoCard\n          title=\"Memory utilization\"\n          chartData={restProps.chartData}\n          recommendationTerm={restProps.recommendationTerm}\n          optimizationType={restProps.optimizationType}\n          resourceType={RecommendationType.memory}\n        />\n      </Grid>\n\n      <Dialog open={confirmOpen} onClose={handleConfirmCancel}>\n        <DialogTitle>Apply recommendation?</DialogTitle>\n        <DialogContent>\n          <DialogContentText>\n            This will execute a workflow to modify the resource configuration on\n            the target cluster. This action cannot be easily undone. Are you\n            sure you want to proceed?\n          </DialogContentText>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={handleConfirmCancel} color=\"default\">\n            Cancel\n          </Button>\n          <Button\n            onClick={handleConfirmApply}\n            color=\"primary\"\n            variant=\"contained\"\n          >\n            Apply\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </Grid>\n  );\n};\nOptimizationEngineTab.displayName = 'OptimizationEngineTab';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"OptimizationEngineTab.esm.js","sources":["../../../../../src/pages/optimizations-breakdown/components/optimization-engine-tab/OptimizationEngineTab.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useCallback, useMemo, useState } from 'react';\nimport {\n  Box,\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  Grid,\n  Tooltip,\n} from '@material-ui/core';\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport { rosApplyPermission } from '@red-hat-developer-hub/plugin-cost-management-common/permissions';\nimport type { WorkflowUnavailableReason } from '@red-hat-developer-hub/plugin-cost-management-common/clients';\nimport { RecommendationType } from '../../models/ChartEnums';\nimport { ChartInfoCard } from './components/chart-info-card/ChartInfoCard';\nimport { CodeInfoCard } from './components/CodeInfoCard';\nimport { ContainerInfoCard } from './components/ContainerInfoCard';\n\ntype ContainerInfoCardProps = Parameters<typeof ContainerInfoCard>[0];\ntype CodeInfoCardProps = Parameters<typeof CodeInfoCard>[0];\ntype ChartInfoCardProps = Parameters<typeof ChartInfoCard>[0];\n\nconst DEFAULT_WORKFLOW_MESSAGES: Record<WorkflowUnavailableReason, string> = {\n  not_configured: 'No workflow configured to apply recommendations',\n  not_found: 'Workflow not found',\n  access_denied: 'You do not have permission to access this workflow',\n  service_unavailable: 'Workflow service is currently unavailable',\n};\n\ninterface OptimizationEngineTabProps extends ContainerInfoCardProps {\n  currentConfiguration: CodeInfoCardProps['yamlCodeData'];\n  recommendedConfiguration: CodeInfoCardProps['yamlCodeData'];\n  chartData: ChartInfoCardProps['chartData'];\n  optimizationType: ChartInfoCardProps['optimizationType'];\n  onApplyRecommendation?: React.MouseEventHandler<HTMLButtonElement>;\n  workflowId?: string;\n  workflowUnavailableReason?: WorkflowUnavailableReason;\n  workflowErrorMessage?: string;\n}\n\nexport const OptimizationEngineTab = ({\n  workflowId,\n  workflowErrorMessage,\n  workflowUnavailableReason,\n  onApplyRecommendation,\n  ...restProps\n}: OptimizationEngineTabProps) => {\n  const isWorkflowAvailable = !!workflowId;\n  const [confirmOpen, setConfirmOpen] = useState(false);\n\n  const { loading: permLoading, allowed: canApply } = usePermission({\n    permission: rosApplyPermission,\n  });\n\n  const isButtonDisabled =\n    !isWorkflowAvailable || permLoading || canApply === false;\n\n  const tooltipMessage = useMemo(() => {\n    if (canApply === false) {\n      return 'You do not have permission to apply recommendations';\n    }\n    if (isWorkflowAvailable) {\n      return '';\n    }\n    if (workflowErrorMessage) {\n      return workflowErrorMessage;\n    }\n    if (workflowUnavailableReason) {\n      return DEFAULT_WORKFLOW_MESSAGES[workflowUnavailableReason];\n    }\n    return DEFAULT_WORKFLOW_MESSAGES.not_configured;\n  }, [\n    canApply,\n    isWorkflowAvailable,\n    workflowErrorMessage,\n    workflowUnavailableReason,\n  ]);\n\n  const handleApplyClick = useCallback(() => {\n    setConfirmOpen(true);\n  }, []);\n\n  const handleConfirmCancel = useCallback(() => {\n    setConfirmOpen(false);\n  }, []);\n\n  const handleConfirmApply = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      setConfirmOpen(false);\n      onApplyRecommendation?.(event);\n    },\n    [onApplyRecommendation],\n  );\n\n  return (\n    <Grid container>\n      <Grid item xs={12}>\n        <ContainerInfoCard\n          containerData={restProps.containerData}\n          recommendationTerm={restProps.recommendationTerm}\n          onRecommendationTermChange={restProps.onRecommendationTermChange}\n        />\n      </Grid>\n\n      <Grid item xs={6}>\n        <CodeInfoCard\n          cardTitle=\"Current configuration\"\n          yamlCodeData={restProps.currentConfiguration}\n        />\n      </Grid>\n      <Grid item xs={6}>\n        <CodeInfoCard\n          cardTitle=\"Recommended configuration\"\n          showCopyCodeButton\n          yamlCodeData={restProps.recommendedConfiguration}\n          action={\n            <Tooltip\n              title={tooltipMessage}\n              disableHoverListener={!isButtonDisabled}\n              disableFocusListener={!isButtonDisabled}\n              disableTouchListener={!isButtonDisabled}\n            >\n              <Box component=\"span\" display=\"inline-block\">\n                <Button\n                  variant=\"contained\"\n                  color=\"primary\"\n                  onClick={handleApplyClick}\n                  disabled={isButtonDisabled}\n                >\n                  Apply recommendation\n                </Button>\n              </Box>\n            </Tooltip>\n          }\n        />\n      </Grid>\n\n      <Grid item xs={6}>\n        <ChartInfoCard\n          title=\"CPU utilization\"\n          chartData={restProps.chartData}\n          recommendationTerm={restProps.recommendationTerm}\n          optimizationType={restProps.optimizationType}\n          resourceType={RecommendationType.cpu}\n        />\n      </Grid>\n      <Grid item xs={6}>\n        <ChartInfoCard\n          title=\"Memory utilization\"\n          chartData={restProps.chartData}\n          recommendationTerm={restProps.recommendationTerm}\n          optimizationType={restProps.optimizationType}\n          resourceType={RecommendationType.memory}\n        />\n      </Grid>\n\n      <Dialog open={confirmOpen} onClose={handleConfirmCancel}>\n        <DialogTitle>Apply recommendation?</DialogTitle>\n        <DialogContent>\n          <DialogContentText>\n            This will execute a workflow to modify the resource configuration on\n            the target cluster. This action cannot be easily undone. Are you\n            sure you want to proceed?\n          </DialogContentText>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={handleConfirmCancel} color=\"default\">\n            Cancel\n          </Button>\n          <Button\n            onClick={handleConfirmApply}\n            color=\"primary\"\n            variant=\"contained\"\n          >\n            Apply\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </Grid>\n  );\n};\nOptimizationEngineTab.displayName = 'OptimizationEngineTab';\n"],"names":[],"mappings":";;;;;;;;;AAwCA,MAAM,yBAAA,GAAuE;AAAA,EAC3E,cAAA,EAAgB,iDAAA;AAAA,EAChB,SAAA,EAAW,oBAAA;AAAA,EACX,aAAA,EAAe,oDAAA;AAAA,EACf,mBAAA,EAAqB;AACvB,CAAA;AAaO,MAAM,wBAAwB,CAAC;AAAA,EACpC,UAAA;AAAA,EACA,oBAAA;AAAA,EACA,yBAAA;AAAA,EACA,qBAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAkC;AAChC,EAAA,MAAM,mBAAA,GAAsB,CAAC,CAAC,UAAA;AAC9B,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,KAAK,CAAA;AAEpD,EAAA,MAAM,EAAE,OAAA,EAAS,WAAA,EAAa,OAAA,EAAS,QAAA,KAAa,aAAA,CAAc;AAAA,IAChE,UAAA,EAAY;AAAA,GACb,CAAA;AAED,EAAA,MAAM,gBAAA,GACJ,CAAC,mBAAA,IAAuB,WAAA,IAAe,QAAA,KAAa,KAAA;AAEtD,EAAA,MAAM,cAAA,GAAiB,QAAQ,MAAM;AACnC,IAAA,IAAI,aAAa,KAAA,EAAO;AACtB,MAAA,OAAO,qDAAA;AAAA,IACT;AACA,IAAA,IAAI,mBAAA,EAAqB;AACvB,MAAA,OAAO,EAAA;AAAA,IACT;AACA,IAAA,IAAI,oBAAA,EAAsB;AACxB,MAAA,OAAO,oBAAA;AAAA,IACT;AACA,IAAA,IAAI,yBAAA,EAA2B;AAC7B,MAAA,OAAO,0BAA0B,yBAAyB,CAAA;AAAA,IAC5D;AACA,IAAA,OAAO,yBAAA,CAA0B,cAAA;AAAA,EACnC,CAAA,EAAG;AAAA,IACD,QAAA;AAAA,IACA,mBAAA;AAAA,IACA,oBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,gBAAA,GAAmB,YAAY,MAAM;AACzC,IAAA,cAAA,CAAe,IAAI,CAAA;AAAA,EACrB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,mBAAA,GAAsB,YAAY,MAAM;AAC5C,IAAA,cAAA,CAAe,KAAK,CAAA;AAAA,EACtB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,kBAAA,GAAqB,WAAA;AAAA,IACzB,CAAC,KAAA,KAA+C;AAC9C,MAAA,cAAA,CAAe,KAAK,CAAA;AACpB,MAAA,qBAAA,GAAwB,KAAK,CAAA;AAAA,IAC/B,CAAA;AAAA,IACA,CAAC,qBAAqB;AAAA,GACxB;AAEA,EAAA,uBACE,KAAA,CAAA,aAAA,CAAC,QAAK,SAAA,EAAS,IAAA,EAAA,sCACZ,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,EAAA,EAAI,EAAA,EAAA,kBACb,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,eAAe,SAAA,CAAU,aAAA;AAAA,MACzB,oBAAoB,SAAA,CAAU,kBAAA;AAAA,MAC9B,4BAA4B,SAAA,CAAU;AAAA;AAAA,GAE1C,CAAA,kBAEA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAA,EAAI,IAAA,EAAC,IAAI,CAAA,EAAA,kBACb,KAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,uBAAA;AAAA,MACV,cAAc,SAAA,CAAU;AAAA;AAAA,GAE5B,CAAA,kBACA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAA,EAAI,IAAA,EAAC,IAAI,CAAA,EAAA,kBACb,KAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,2BAAA;AAAA,MACV,kBAAA,EAAkB,IAAA;AAAA,MAClB,cAAc,SAAA,CAAU,wBAAA;AAAA,MACxB,MAAA,kBACE,KAAA,CAAA,aAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,cAAA;AAAA,UACP,sBAAsB,CAAC,gBAAA;AAAA,UACvB,sBAAsB,CAAC,gBAAA;AAAA,UACvB,sBAAsB,CAAC;AAAA,SAAA;AAAA,wBAEvB,KAAA,CAAA,aAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EAAO,SAAQ,cAAA,EAAA,kBAC5B,KAAA,CAAA,aAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAQ,WAAA;AAAA,YACR,KAAA,EAAM,SAAA;AAAA,YACN,OAAA,EAAS,gBAAA;AAAA,YACT,QAAA,EAAU;AAAA,WAAA;AAAA,UACX;AAAA,SAGH;AAAA;AACF;AAAA,GAGN,CAAA,kBAEA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAA,EAAI,IAAA,EAAC,IAAI,CAAA,EAAA,kBACb,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,iBAAA;AAAA,MACN,WAAW,SAAA,CAAU,SAAA;AAAA,MACrB,oBAAoB,SAAA,CAAU,kBAAA;AAAA,MAC9B,kBAAkB,SAAA,CAAU,gBAAA;AAAA,MAC5B,cAAc,kBAAA,CAAmB;AAAA;AAAA,GAErC,CAAA,kBACA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAA,EAAI,IAAA,EAAC,IAAI,CAAA,EAAA,kBACb,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,oBAAA;AAAA,MACN,WAAW,SAAA,CAAU,SAAA;AAAA,MACrB,oBAAoB,SAAA,CAAU,kBAAA;AAAA,MAC9B,kBAAkB,SAAA,CAAU,gBAAA;AAAA,MAC5B,cAAc,kBAAA,CAAmB;AAAA;AAAA,GAErC,CAAA,kBAEA,KAAA,CAAA,aAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAM,WAAA,EAAa,OAAA,EAAS,mBAAA,EAAA,kBAClC,KAAA,CAAA,aAAA,CAAC,WAAA,EAAA,IAAA,EAAY,uBAAqB,CAAA,kBAClC,KAAA,CAAA,aAAA,CAAC,aAAA,EAAA,IAAA,kBACC,KAAA,CAAA,aAAA,CAAC,iBAAA,EAAA,IAAA,EAAkB,iKAInB,CACF,CAAA,kBACA,KAAA,CAAA,aAAA,CAAC,aAAA,EAAA,IAAA,kBACC,KAAA,CAAA,aAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAS,mBAAA,EAAqB,KAAA,EAAM,SAAA,EAAA,EAAU,QAEtD,CAAA,kBACA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,kBAAA;AAAA,MACT,KAAA,EAAM,SAAA;AAAA,MACN,OAAA,EAAQ;AAAA,KAAA;AAAA,IACT;AAAA,GAGH,CACF,CACF,CAAA;AAEJ;AACA,qBAAA,CAAsB,WAAA,GAAc,uBAAA;;;;"}

package/dist/pages/optimizations-breakdown/components/optimization-engine-tab/components/CodeInfoCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeInfoCard.esm.js","sources":["../../../../../../src/pages/optimizations-breakdown/components/optimization-engine-tab/components/CodeInfoCard.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useMemo } from 'react';\nimport YAML from 'yaml';\nimport { CodeSnippet, InfoCard } from '@backstage/core-components';\nimport { YamlCodeData } from '../../../models/YamlCodeData';\nimport { InfoCardTitle } from '../../../../../components/InfoCardTitle';\n\nconst generateYAMLCode = (yamlCodeData?: YamlCodeData) => {\n  const yamlCode = {\n    limits: {\n      cpu: yamlCodeData?.limits.cpu ?? '-',\n      memory: yamlCodeData?.limits.memory ?? '-',\n    },\n    requests: {\n      cpu: yamlCodeData?.requests.cpu ?? '-',\n      memory: yamlCodeData?.requests.memory ?? '-',\n    },\n  };\n\n  const yamlCodeString = YAML.stringify(yamlCode).replace(/\"/g, ''); // prettify;\n\n  return yamlCodeString;\n};\n\ntype InfoCardProps = Parameters<typeof InfoCard>[0];\n\ninterface CodeInfoCardProps {\n  cardTitle: string;\n  showCopyCodeButton?: boolean;\n  yamlCodeData?: YamlCodeData;\n  action?: InfoCardProps['action'];\n}\n\nexport const CodeInfoCard: React.FC<CodeInfoCardProps> = props => {\n  const { cardTitle, showCopyCodeButton = false, yamlCodeData } = props;\n\n  const YAMLCode = useMemo(\n    () => generateYAMLCode(yamlCodeData),\n    [yamlCodeData],\n  );\n\n  return (\n    <InfoCard title={<InfoCardTitle title={cardTitle} />} action={props.action}>\n      <CodeSnippet\n        text={YAMLCode}\n        language=\"yaml\"\n        showCopyCodeButton={showCopyCodeButton}\n      />\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;AAsBA,MAAM,gBAAA,GAAmB,CAAC,YAAgC,KAAA;AACxD,EAAA,MAAM,QAAW,GAAA;AAAA,IACf,MAAQ,EAAA;AAAA,MACN,GAAA,EAAK,YAAc,EAAA,MAAA,CAAO,GAAO,IAAA,GAAA;AAAA,MACjC,MAAA,EAAQ,YAAc,EAAA,MAAA,CAAO,MAAU,IAAA;AAAA,KACzC;AAAA,IACA,QAAU,EAAA;AAAA,MACR,GAAA,EAAK,YAAc,EAAA,QAAA,CAAS,GAAO,IAAA,GAAA;AAAA,MACnC,MAAA,EAAQ,YAAc,EAAA,QAAA,CAAS,MAAU,IAAA;AAAA;AAC3C,GACF;AAEA,EAAA,MAAM,iBAAiB,IAAK,CAAA,SAAA,CAAU,QAAQ,CAAE,CAAA,OAAA,CAAQ,MAAM,EAAE,CAAA;AAEhE,EAAO,OAAA,cAAA;AACT,CAAA;AAWO,MAAM,eAA4C,CAAS,KAAA,KAAA;AAChE,EAAA,MAAM,EAAE,SAAA,EAAW,kBAAqB,GAAA,KAAA,EAAO,cAAiB,GAAA,KAAA;AAEhE,EAAA,MAAM,QAAW,GAAA,OAAA;AAAA,IACf,MAAM,iBAAiB,YAAY,CAAA;AAAA,IACnC,CAAC,YAAY;AAAA,GACf;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,KAAA,kBAAQ,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,OAAO,SAAW,EAAA,CAAA,EAAI,MAAQ,EAAA,KAAA,CAAM,MAClE,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,QAAA;AAAA,MACN,QAAS,EAAA,MAAA;AAAA,MACT;AAAA;AAAA,GAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CodeInfoCard.esm.js","sources":["../../../../../../src/pages/optimizations-breakdown/components/optimization-engine-tab/components/CodeInfoCard.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useMemo } from 'react';\nimport YAML from 'yaml';\nimport { CodeSnippet, InfoCard } from '@backstage/core-components';\nimport { YamlCodeData } from '../../../models/YamlCodeData';\nimport { InfoCardTitle } from '../../../../../components/InfoCardTitle';\n\nconst generateYAMLCode = (yamlCodeData?: YamlCodeData) => {\n  const yamlCode = {\n    limits: {\n      cpu: yamlCodeData?.limits.cpu ?? '-',\n      memory: yamlCodeData?.limits.memory ?? '-',\n    },\n    requests: {\n      cpu: yamlCodeData?.requests.cpu ?? '-',\n      memory: yamlCodeData?.requests.memory ?? '-',\n    },\n  };\n\n  const yamlCodeString = YAML.stringify(yamlCode).replace(/\"/g, ''); // prettify;\n\n  return yamlCodeString;\n};\n\ntype InfoCardProps = Parameters<typeof InfoCard>[0];\n\ninterface CodeInfoCardProps {\n  cardTitle: string;\n  showCopyCodeButton?: boolean;\n  yamlCodeData?: YamlCodeData;\n  action?: InfoCardProps['action'];\n}\n\nexport const CodeInfoCard: React.FC<CodeInfoCardProps> = props => {\n  const { cardTitle, showCopyCodeButton = false, yamlCodeData } = props;\n\n  const YAMLCode = useMemo(\n    () => generateYAMLCode(yamlCodeData),\n    [yamlCodeData],\n  );\n\n  return (\n    <InfoCard title={<InfoCardTitle title={cardTitle} />} action={props.action}>\n      <CodeSnippet\n        text={YAMLCode}\n        language=\"yaml\"\n        showCopyCodeButton={showCopyCodeButton}\n      />\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;AAsBA,MAAM,gBAAA,GAAmB,CAAC,YAAA,KAAgC;AACxD,EAAA,MAAM,QAAA,GAAW;AAAA,IACf,MAAA,EAAQ;AAAA,MACN,GAAA,EAAK,YAAA,EAAc,MAAA,CAAO,GAAA,IAAO,GAAA;AAAA,MACjC,MAAA,EAAQ,YAAA,EAAc,MAAA,CAAO,MAAA,IAAU;AAAA,KACzC;AAAA,IACA,QAAA,EAAU;AAAA,MACR,GAAA,EAAK,YAAA,EAAc,QAAA,CAAS,GAAA,IAAO,GAAA;AAAA,MACnC,MAAA,EAAQ,YAAA,EAAc,QAAA,CAAS,MAAA,IAAU;AAAA;AAC3C,GACF;AAEA,EAAA,MAAM,iBAAiB,IAAA,CAAK,SAAA,CAAU,QAAQ,CAAA,CAAE,OAAA,CAAQ,MAAM,EAAE,CAAA;AAEhE,EAAA,OAAO,cAAA;AACT,CAAA;AAWO,MAAM,eAA4C,CAAA,KAAA,KAAS;AAChE,EAAA,MAAM,EAAE,SAAA,EAAW,kBAAA,GAAqB,KAAA,EAAO,cAAa,GAAI,KAAA;AAEhE,EAAA,MAAM,QAAA,GAAW,OAAA;AAAA,IACf,MAAM,iBAAiB,YAAY,CAAA;AAAA,IACnC,CAAC,YAAY;AAAA,GACf;AAEA,EAAA,uBACE,KAAA,CAAA,aAAA,CAAC,QAAA,EAAA,EAAS,KAAA,kBAAO,KAAA,CAAA,aAAA,CAAC,aAAA,EAAA,EAAc,OAAO,SAAA,EAAW,CAAA,EAAI,MAAA,EAAQ,KAAA,CAAM,MAAA,EAAA,kBAClE,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,QAAA;AAAA,MACN,QAAA,EAAS,MAAA;AAAA,MACT;AAAA;AAAA,GAEJ,CAAA;AAEJ;;;;"}

package/dist/pages/optimizations-breakdown/components/optimization-engine-tab/components/ContainerInfoCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContainerInfoCard.esm.js","sources":["../../../../../../src/pages/optimizations-breakdown/components/optimization-engine-tab/components/ContainerInfoCard.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { InfoCard } from '@backstage/core-components';\nimport {\n  Grid,\n  Typography,\n  FormControl,\n  Select,\n  MenuItem,\n  InputLabel,\n  makeStyles,\n} from '@material-ui/core';\nimport { Interval } from '../../../models/ChartEnums';\n\nconst useStyles = makeStyles(theme => ({\n  value: {\n    fontWeight: 'bold',\n    overflow: 'hidden',\n    lineHeight: '24px',\n    wordBreak: 'break-word',\n  },\n  label: {\n    color: theme.palette.text.secondary,\n    textTransform: 'uppercase',\n    fontSize: '10px',\n    fontWeight: 'bold',\n    letterSpacing: 0.5,\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n  },\n}));\n\ninterface ContainerInfoCardProps {\n  containerData: Array<{ key: string; value?: string }>;\n  onRecommendationTermChange: (\n    event: React.ChangeEvent<{\n      name?: string;\n      value: unknown;\n    }>,\n    child: React.ReactNode,\n  ) => void;\n  recommendationTerm: Interval;\n}\n\nexport const ContainerInfoCard = (props: ContainerInfoCardProps) => {\n  const classes = useStyles();\n\n  return (\n    <InfoCard\n      title=\"Details\"\n      action={\n        <FormControl variant=\"outlined\" style={{ top: '0.4rem' }}>\n          <InputLabel id=\"term-label\">Term</InputLabel>\n          <Select\n            labelId=\"term-label\"\n            id=\"term\"\n            value={props.recommendationTerm}\n            onChange={props.onRecommendationTermChange}\n            label=\"Term\"\n          >\n            <MenuItem value=\"shortTerm\">Last 24 hrs</MenuItem>\n            <MenuItem value=\"mediumTerm\">Last 7 days</MenuItem>\n            <MenuItem value=\"longTerm\">Last 15 days</MenuItem>\n          </Select>\n        </FormControl>\n      }\n    >\n      <Grid container spacing={2}>\n        {props.containerData.map(item => [\n          <Grid item xs={2} key={item.key}>\n            <Typography variant=\"h2\" className={classes.label}>\n              {item.key}\n            </Typography>\n            <Typography variant=\"body1\" className={classes.value}>\n              {item.value}\n            </Typography>\n          </Grid>,\n        ])}\n      </Grid>\n    </InfoCard>\n  );\n};\nContainerInfoCard.displayName = 'ContainerInfoCard';\n"],"names":[],"mappings":";;;;AA6BA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,KAAO,EAAA;AAAA,IACL,UAAY,EAAA,MAAA;AAAA,IACZ,QAAU,EAAA,QAAA;AAAA,IACV,UAAY,EAAA,MAAA;AAAA,IACZ,SAAW,EAAA;AAAA,GACb;AAAA,EACA,KAAO,EAAA;AAAA,IACL,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,SAAA;AAAA,IAC1B,aAAe,EAAA,WAAA;AAAA,IACf,QAAU,EAAA,MAAA;AAAA,IACV,UAAY,EAAA,MAAA;AAAA,IACZ,aAAe,EAAA,GAAA;AAAA,IACf,QAAU,EAAA,QAAA;AAAA,IACV,UAAY,EAAA;AAAA;AAEhB,CAAE,CAAA,CAAA;AAcW,MAAA,iBAAA,GAAoB,CAAC,KAAkC,KAAA;AAClE,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,SAAA;AAAA,MACN,MACE,kBAAA,KAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,OAAA,EAAQ,YAAW,KAAO,EAAA,EAAE,GAAK,EAAA,QAAA,sBAC3C,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,EAAG,EAAA,YAAA,EAAA,EAAa,MAAI,CAChC,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,YAAA;AAAA,UACR,EAAG,EAAA,MAAA;AAAA,UACH,OAAO,KAAM,CAAA,kBAAA;AAAA,UACb,UAAU,KAAM,CAAA,0BAAA;AAAA,UAChB,KAAM,EAAA;AAAA,SAAA;AAAA,wBAEL,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,WAAA,EAAA,EAAY,aAAW,CAAA;AAAA,wBACtC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,YAAA,EAAA,EAAa,aAAW,CAAA;AAAA,wBACvC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,UAAA,EAAA,EAAW,cAAY;AAAA,OAE3C;AAAA,KAAA;AAAA,oBAGF,KAAA,CAAA,aAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACtB,EAAA,EAAA,KAAA,CAAM,aAAc,CAAA,GAAA,CAAI,CAAQ,IAAA,KAAA;AAAA,sBAC9B,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,CAAA,EAAG,GAAK,EAAA,IAAA,CAAK,GAC1B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAK,EAAA,SAAA,EAAW,OAAQ,CAAA,KAAA,EAAA,EACzC,IAAK,CAAA,GACR,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,SAAA,EAAW,OAAQ,CAAA,KAAA,EAAA,EAC5C,IAAK,CAAA,KACR,CACF;AAAA,KACD,CACH;AAAA,GACF;AAEJ;AACA,iBAAA,CAAkB,WAAc,GAAA,mBAAA;;;;"}
+{"version":3,"file":"ContainerInfoCard.esm.js","sources":["../../../../../../src/pages/optimizations-breakdown/components/optimization-engine-tab/components/ContainerInfoCard.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { InfoCard } from '@backstage/core-components';\nimport {\n  Grid,\n  Typography,\n  FormControl,\n  Select,\n  MenuItem,\n  InputLabel,\n  makeStyles,\n} from '@material-ui/core';\nimport { Interval } from '../../../models/ChartEnums';\n\nconst useStyles = makeStyles(theme => ({\n  value: {\n    fontWeight: 'bold',\n    overflow: 'hidden',\n    lineHeight: '24px',\n    wordBreak: 'break-word',\n  },\n  label: {\n    color: theme.palette.text.secondary,\n    textTransform: 'uppercase',\n    fontSize: '10px',\n    fontWeight: 'bold',\n    letterSpacing: 0.5,\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n  },\n}));\n\ninterface ContainerInfoCardProps {\n  containerData: Array<{ key: string; value?: string }>;\n  onRecommendationTermChange: (\n    event: React.ChangeEvent<{\n      name?: string;\n      value: unknown;\n    }>,\n    child: React.ReactNode,\n  ) => void;\n  recommendationTerm: Interval;\n}\n\nexport const ContainerInfoCard = (props: ContainerInfoCardProps) => {\n  const classes = useStyles();\n\n  return (\n    <InfoCard\n      title=\"Details\"\n      action={\n        <FormControl variant=\"outlined\" style={{ top: '0.4rem' }}>\n          <InputLabel id=\"term-label\">Term</InputLabel>\n          <Select\n            labelId=\"term-label\"\n            id=\"term\"\n            value={props.recommendationTerm}\n            onChange={props.onRecommendationTermChange}\n            label=\"Term\"\n          >\n            <MenuItem value=\"shortTerm\">Last 24 hrs</MenuItem>\n            <MenuItem value=\"mediumTerm\">Last 7 days</MenuItem>\n            <MenuItem value=\"longTerm\">Last 15 days</MenuItem>\n          </Select>\n        </FormControl>\n      }\n    >\n      <Grid container spacing={2}>\n        {props.containerData.map(item => [\n          <Grid item xs={2} key={item.key}>\n            <Typography variant=\"h2\" className={classes.label}>\n              {item.key}\n            </Typography>\n            <Typography variant=\"body1\" className={classes.value}>\n              {item.value}\n            </Typography>\n          </Grid>,\n        ])}\n      </Grid>\n    </InfoCard>\n  );\n};\nContainerInfoCard.displayName = 'ContainerInfoCard';\n"],"names":[],"mappings":";;;;AA6BA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,KAAA,EAAO;AAAA,IACL,UAAA,EAAY,MAAA;AAAA,IACZ,QAAA,EAAU,QAAA;AAAA,IACV,UAAA,EAAY,MAAA;AAAA,IACZ,SAAA,EAAW;AAAA,GACb;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,SAAA;AAAA,IAC1B,aAAA,EAAe,WAAA;AAAA,IACf,QAAA,EAAU,MAAA;AAAA,IACV,UAAA,EAAY,MAAA;AAAA,IACZ,aAAA,EAAe,GAAA;AAAA,IACf,QAAA,EAAU,QAAA;AAAA,IACV,UAAA,EAAY;AAAA;AAEhB,CAAA,CAAE,CAAA;AAcK,MAAM,iBAAA,GAAoB,CAAC,KAAA,KAAkC;AAClE,EAAA,MAAM,UAAU,SAAA,EAAU;AAE1B,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,SAAA;AAAA,MACN,MAAA,kBACE,KAAA,CAAA,aAAA,CAAC,WAAA,EAAA,EAAY,OAAA,EAAQ,YAAW,KAAA,EAAO,EAAE,GAAA,EAAK,QAAA,sBAC5C,KAAA,CAAA,aAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,YAAA,EAAA,EAAa,MAAI,CAAA,kBAChC,KAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,YAAA;AAAA,UACR,EAAA,EAAG,MAAA;AAAA,UACH,OAAO,KAAA,CAAM,kBAAA;AAAA,UACb,UAAU,KAAA,CAAM,0BAAA;AAAA,UAChB,KAAA,EAAM;AAAA,SAAA;AAAA,wBAEN,KAAA,CAAA,aAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAM,WAAA,EAAA,EAAY,aAAW,CAAA;AAAA,wBACvC,KAAA,CAAA,aAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAM,YAAA,EAAA,EAAa,aAAW,CAAA;AAAA,wBACxC,KAAA,CAAA,aAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAM,UAAA,EAAA,EAAW,cAAY;AAAA,OAE3C;AAAA,KAAA;AAAA,oBAGF,KAAA,CAAA,aAAA,CAAC,QAAK,SAAA,EAAS,IAAA,EAAC,SAAS,CAAA,EAAA,EACtB,KAAA,CAAM,aAAA,CAAc,GAAA,CAAI,CAAA,IAAA,KAAQ;AAAA,sBAC/B,KAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,EAAA,EAAI,CAAA,EAAG,GAAA,EAAK,IAAA,CAAK,GAAA,EAAA,kBAC1B,KAAA,CAAA,aAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,KAAA,EAAA,EACzC,IAAA,CAAK,GACR,CAAA,kBACA,KAAA,CAAA,aAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAW,OAAA,CAAQ,KAAA,EAAA,EAC5C,IAAA,CAAK,KACR,CACF;AAAA,KACD,CACH;AAAA,GACF;AAEJ;AACA,iBAAA,CAAkB,WAAA,GAAc,mBAAA;;;;"}

package/dist/pages/optimizations-breakdown/components/optimization-engine-tab/components/chart-info-card/ChartInfoCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartInfoCard.esm.js","sources":["../../../../../../../src/pages/optimizations-breakdown/components/optimization-engine-tab/components/chart-info-card/ChartInfoCard.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useMemo } from 'react';\nimport { InfoCard } from '@backstage/core-components';\nimport type { RecommendationBoxPlots } from '@red-hat-developer-hub/plugin-cost-management-common/models';\nimport {\n  UsageType,\n  RecommendationType,\n  OptimizationType,\n  Interval,\n} from '../../../../models/ChartEnums';\nimport { InfoCardTitle } from '../../../../../../components/InfoCardTitle';\nimport { IntlBreakdownChart } from './components/IntlBreakdownChart';\n\ninterface ChartInfoCardProps {\n  title: React.ReactNode;\n  recommendationTerm: Interval;\n  chartData: RecommendationBoxPlots;\n  resourceType: RecommendationType;\n  optimizationType: OptimizationType;\n}\n\nexport const ChartInfoCard = (props: ChartInfoCardProps) => {\n  const usageType = useMemo(\n    () =>\n      props.resourceType === 'cpu' ? UsageType.cpuUsage : UsageType.memoryUsage,\n    [props.resourceType],\n  );\n\n  return (\n    <InfoCard title={<InfoCardTitle title={props.title} />}>\n      <IntlBreakdownChart\n        recommendationTerm={props.recommendationTerm}\n        value={props.chartData}\n        usageType={usageType}\n        recommendationType={props.resourceType}\n        optimizationType={props.optimizationType}\n      />\n    </InfoCard>\n  );\n};\nChartInfoCard.displayName = 'ChartInfoCard';\n"],"names":[],"mappings":";;;;;;AAoCa,MAAA,aAAA,GAAgB,CAAC,KAA8B,KAAA;AAC1D,EAAA,MAAM,SAAY,GAAA,OAAA;AAAA,IAChB,MACE,KAAM,CAAA,YAAA,KAAiB,KAAQ,GAAA,SAAA,CAAU,WAAW,SAAU,CAAA,WAAA;AAAA,IAChE,CAAC,MAAM,YAAY;AAAA,GACrB;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,YAAS,KAAO,kBAAA,KAAA,CAAA,aAAA,CAAC,iBAAc,KAAO,EAAA,KAAA,CAAM,OAAO,CAClD,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,oBAAoB,KAAM,CAAA,kBAAA;AAAA,MAC1B,OAAO,KAAM,CAAA,SAAA;AAAA,MACb,SAAA;AAAA,MACA,oBAAoB,KAAM,CAAA,YAAA;AAAA,MAC1B,kBAAkB,KAAM,CAAA;AAAA;AAAA,GAE5B,CAAA;AAEJ;AACA,aAAA,CAAc,WAAc,GAAA,eAAA;;;;"}
+{"version":3,"file":"ChartInfoCard.esm.js","sources":["../../../../../../../src/pages/optimizations-breakdown/components/optimization-engine-tab/components/chart-info-card/ChartInfoCard.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useMemo } from 'react';\nimport { InfoCard } from '@backstage/core-components';\nimport type { RecommendationBoxPlots } from '@red-hat-developer-hub/plugin-cost-management-common/models';\nimport {\n  UsageType,\n  RecommendationType,\n  OptimizationType,\n  Interval,\n} from '../../../../models/ChartEnums';\nimport { InfoCardTitle } from '../../../../../../components/InfoCardTitle';\nimport { IntlBreakdownChart } from './components/IntlBreakdownChart';\n\ninterface ChartInfoCardProps {\n  title: React.ReactNode;\n  recommendationTerm: Interval;\n  chartData: RecommendationBoxPlots;\n  resourceType: RecommendationType;\n  optimizationType: OptimizationType;\n}\n\nexport const ChartInfoCard = (props: ChartInfoCardProps) => {\n  const usageType = useMemo(\n    () =>\n      props.resourceType === 'cpu' ? UsageType.cpuUsage : UsageType.memoryUsage,\n    [props.resourceType],\n  );\n\n  return (\n    <InfoCard title={<InfoCardTitle title={props.title} />}>\n      <IntlBreakdownChart\n        recommendationTerm={props.recommendationTerm}\n        value={props.chartData}\n        usageType={usageType}\n        recommendationType={props.resourceType}\n        optimizationType={props.optimizationType}\n      />\n    </InfoCard>\n  );\n};\nChartInfoCard.displayName = 'ChartInfoCard';\n"],"names":[],"mappings":";;;;;;AAoCO,MAAM,aAAA,GAAgB,CAAC,KAAA,KAA8B;AAC1D,EAAA,MAAM,SAAA,GAAY,OAAA;AAAA,IAChB,MACE,KAAA,CAAM,YAAA,KAAiB,KAAA,GAAQ,SAAA,CAAU,WAAW,SAAA,CAAU,WAAA;AAAA,IAChE,CAAC,MAAM,YAAY;AAAA,GACrB;AAEA,EAAA,uBACE,KAAA,CAAA,aAAA,CAAC,YAAS,KAAA,kBAAO,KAAA,CAAA,aAAA,CAAC,iBAAc,KAAA,EAAO,KAAA,CAAM,OAAO,CAAA,EAAA,kBAClD,KAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,oBAAoB,KAAA,CAAM,kBAAA;AAAA,MAC1B,OAAO,KAAA,CAAM,SAAA;AAAA,MACb,SAAA;AAAA,MACA,oBAAoB,KAAA,CAAM,YAAA;AAAA,MAC1B,kBAAkB,KAAA,CAAM;AAAA;AAAA,GAE5B,CAAA;AAEJ;AACA,aAAA,CAAc,WAAA,GAAc,eAAA;;;;"}

package/dist/pages/optimizations-breakdown/components/optimization-engine-tab/components/chart-info-card/components/IntlBreakdownChart.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntlBreakdownChart.esm.js","sources":["../../../../../../../../src/pages/optimizations-breakdown/components/optimization-engine-tab/components/chart-info-card/components/IntlBreakdownChart.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { IntlProvider } from 'react-intl';\nimport { RecommendationBoxPlots } from '@red-hat-developer-hub/plugin-cost-management-common/models';\nimport {\n  Interval,\n  OptimizationType,\n  RecommendationType,\n  ResourceType,\n  UsageType,\n} from '../../../../../models/ChartEnums';\nimport {\n  createRecommendationDatum,\n  createUsageDatum,\n} from './intl-breakdown-chart/components/optimizations-breakdown-chart/components/optimizations-breakdown-chart/utils/chart-data-format';\nimport { OptimizationsBreakdownChart } from './intl-breakdown-chart/components/optimizations-breakdown-chart/components/optimizations-breakdown-chart/OptimizationsBreakdownChart';\nimport messagesData from './intl-breakdown-chart/components/optimizations-breakdown-chart/components/optimizations-breakdown-chart/i18n/data.json';\n\nexport const IntlBreakdownChart = (props: {\n  usageType: UsageType;\n  recommendationType: RecommendationType;\n  optimizationType: OptimizationType;\n  recommendationTerm: Interval;\n  value: RecommendationBoxPlots;\n}) => {\n  const {\n    usageType,\n    recommendationType,\n    optimizationType,\n    recommendationTerm,\n    value,\n  } = props;\n\n  const usageDatum = createUsageDatum(\n    usageType,\n    recommendationTerm,\n    value.recommendations,\n  );\n\n  const limitDatum = createRecommendationDatum(\n    recommendationTerm,\n    usageDatum,\n    recommendationType,\n    ResourceType.limits,\n    optimizationType,\n    value.recommendations,\n  );\n\n  const requestDatum = createRecommendationDatum(\n    recommendationTerm,\n    usageDatum,\n    recommendationType,\n    ResourceType.requests,\n    optimizationType,\n    value.recommendations,\n  );\n\n  return (\n    <IntlProvider locale=\"en\" messages={messagesData.en}>\n      <OptimizationsBreakdownChart\n        baseHeight={350}\n        name={`utilization-${usageType}`}\n        limitData={limitDatum}\n        requestData={requestDatum}\n        usageData={usageDatum}\n      />\n    </IntlProvider>\n  );\n};\nIntlBreakdownChart.displayName = 'IntlBreakdownChart';\n"],"names":[],"mappings":";;;;;;;AAiCa,MAAA,kBAAA,GAAqB,CAAC,KAM7B,KAAA;AACJ,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,kBAAA;AAAA,IACA,gBAAA;AAAA,IACA,kBAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AAEJ,EAAA,MAAM,UAAa,GAAA,gBAAA;AAAA,IACjB,SAAA;AAAA,IACA,kBAAA;AAAA,IACA,KAAM,CAAA;AAAA,GACR;AAEA,EAAA,MAAM,UAAa,GAAA,yBAAA;AAAA,IACjB,kBAAA;AAAA,IACA,UAAA;AAAA,IACA,kBAAA;AAAA,IACA,YAAa,CAAA,MAAA;AAAA,IACb,gBAAA;AAAA,IACA,KAAM,CAAA;AAAA,GACR;AAEA,EAAA,MAAM,YAAe,GAAA,yBAAA;AAAA,IACnB,kBAAA;AAAA,IACA,UAAA;AAAA,IACA,kBAAA;AAAA,IACA,YAAa,CAAA,QAAA;AAAA,IACb,gBAAA;AAAA,IACA,KAAM,CAAA;AAAA,GACR;AAEA,EAAA,2CACG,YAAa,EAAA,EAAA,MAAA,EAAO,IAAK,EAAA,QAAA,EAAU,aAAa,EAC/C,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,2BAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,GAAA;AAAA,MACZ,IAAA,EAAM,eAAe,SAAS,CAAA,CAAA;AAAA,MAC9B,SAAW,EAAA,UAAA;AAAA,MACX,WAAa,EAAA,YAAA;AAAA,MACb,SAAW,EAAA;AAAA;AAAA,GAEf,CAAA;AAEJ;AACA,kBAAA,CAAmB,WAAc,GAAA,oBAAA;;;;"}
+{"version":3,"file":"IntlBreakdownChart.esm.js","sources":["../../../../../../../../src/pages/optimizations-breakdown/components/optimization-engine-tab/components/chart-info-card/components/IntlBreakdownChart.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { IntlProvider } from 'react-intl';\nimport { RecommendationBoxPlots } from '@red-hat-developer-hub/plugin-cost-management-common/models';\nimport {\n  Interval,\n  OptimizationType,\n  RecommendationType,\n  ResourceType,\n  UsageType,\n} from '../../../../../models/ChartEnums';\nimport {\n  createRecommendationDatum,\n  createUsageDatum,\n} from './intl-breakdown-chart/components/optimizations-breakdown-chart/components/optimizations-breakdown-chart/utils/chart-data-format';\nimport { OptimizationsBreakdownChart } from './intl-breakdown-chart/components/optimizations-breakdown-chart/components/optimizations-breakdown-chart/OptimizationsBreakdownChart';\nimport messagesData from './intl-breakdown-chart/components/optimizations-breakdown-chart/components/optimizations-breakdown-chart/i18n/data.json';\n\nexport const IntlBreakdownChart = (props: {\n  usageType: UsageType;\n  recommendationType: RecommendationType;\n  optimizationType: OptimizationType;\n  recommendationTerm: Interval;\n  value: RecommendationBoxPlots;\n}) => {\n  const {\n    usageType,\n    recommendationType,\n    optimizationType,\n    recommendationTerm,\n    value,\n  } = props;\n\n  const usageDatum = createUsageDatum(\n    usageType,\n    recommendationTerm,\n    value.recommendations,\n  );\n\n  const limitDatum = createRecommendationDatum(\n    recommendationTerm,\n    usageDatum,\n    recommendationType,\n    ResourceType.limits,\n    optimizationType,\n    value.recommendations,\n  );\n\n  const requestDatum = createRecommendationDatum(\n    recommendationTerm,\n    usageDatum,\n    recommendationType,\n    ResourceType.requests,\n    optimizationType,\n    value.recommendations,\n  );\n\n  return (\n    <IntlProvider locale=\"en\" messages={messagesData.en}>\n      <OptimizationsBreakdownChart\n        baseHeight={350}\n        name={`utilization-${usageType}`}\n        limitData={limitDatum}\n        requestData={requestDatum}\n        usageData={usageDatum}\n      />\n    </IntlProvider>\n  );\n};\nIntlBreakdownChart.displayName = 'IntlBreakdownChart';\n"],"names":[],"mappings":";;;;;;;AAiCO,MAAM,kBAAA,GAAqB,CAAC,KAAA,KAM7B;AACJ,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,kBAAA;AAAA,IACA,gBAAA;AAAA,IACA,kBAAA;AAAA,IACA;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,MAAM,UAAA,GAAa,gBAAA;AAAA,IACjB,SAAA;AAAA,IACA,kBAAA;AAAA,IACA,KAAA,CAAM;AAAA,GACR;AAEA,EAAA,MAAM,UAAA,GAAa,yBAAA;AAAA,IACjB,kBAAA;AAAA,IACA,UAAA;AAAA,IACA,kBAAA;AAAA,IACA,YAAA,CAAa,MAAA;AAAA,IACb,gBAAA;AAAA,IACA,KAAA,CAAM;AAAA,GACR;AAEA,EAAA,MAAM,YAAA,GAAe,yBAAA;AAAA,IACnB,kBAAA;AAAA,IACA,UAAA;AAAA,IACA,kBAAA;AAAA,IACA,YAAA,CAAa,QAAA;AAAA,IACb,gBAAA;AAAA,IACA,KAAA,CAAM;AAAA,GACR;AAEA,EAAA,2CACG,YAAA,EAAA,EAAa,MAAA,EAAO,IAAA,EAAK,QAAA,EAAU,aAAa,EAAA,EAAA,kBAC/C,KAAA,CAAA,aAAA;AAAA,IAAC,2BAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY,GAAA;AAAA,MACZ,IAAA,EAAM,eAAe,SAAS,CAAA,CAAA;AAAA,MAC9B,SAAA,EAAW,UAAA;AAAA,MACX,WAAA,EAAa,YAAA;AAAA,MACb,SAAA,EAAW;AAAA;AAAA,GAEf,CAAA;AAEJ;AACA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;;;;"}