npm - @backstage/plugin-kubernetes-react - Versions diffs - 0.5.6-next.0 → 0.5.6 - Mend

@backstage/plugin-kubernetes-react 0.5.6-next.0 → 0.5.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (99) hide show

package/dist/components/Pods/PodDrawer/ContainerCard.esm.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { StructuredMetadataTable } from '@backstage/core-components';
 import Card from '@material-ui/core/Card';
 import CardActions from '@material-ui/core/CardActions';
@@ -6,11 +7,11 @@ import CardHeader from '@material-ui/core/CardHeader';
 import Grid from '@material-ui/core/Grid';
 import Typography from '@material-ui/core/Typography';
 import { DateTime } from 'luxon';
-import React__default from 'react';
 import '@backstage/core-plugin-api';
 import { useIsPodExecTerminalEnabled } from '../../../hooks/useIsPodExecTerminalEnabled.esm.js';
 import 'react-use/esm/useAsync';
 import '../../../api/types.esm.js';
+import 'react';
 import 'react-use/esm/useInterval';
 import 'react-use/esm/useAsyncRetry';
 import '../../../kubernetes-auth-provider/types.esm.js';
@@ -55,9 +56,14 @@ const getStartedAtTime = (containerStatus) => {
   return containerStatus.state?.running?.startedAt || containerStatus.state?.terminated?.startedAt;
 };
 const ContainerDatetime = ({ prefix, dateTime }) => {
-  return /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, prefix, ":", " ", DateTime.fromISO(dateTime).toRelative({
-    locale: "en"
-  }));
+  return /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", children: [
+    prefix,
+    ":",
+    " ",
+    DateTime.fromISO(dateTime).toRelative({
+      locale: "en"
+    })
+  ] });
 };
 const ContainerCard = ({
   podScope,
@@ -67,102 +73,138 @@ const ContainerCard = ({
 }) => {
   const isPodExecTerminalEnabled = useIsPodExecTerminalEnabled();
   if (containerSpec === void 0) {
-    return /* @__PURE__ */ React__default.createElement(Typography, null, "error reading pod from cluster");
+    return /* @__PURE__ */ jsx(Typography, { children: "error reading pod from cluster" });
   }
   const containerStartedTime = getStartedAtTime(containerStatus);
   const containerFinishedTime = containerStatus.state?.terminated?.finishedAt;
-  return /* @__PURE__ */ React__default.createElement(Card, null, /* @__PURE__ */ React__default.createElement(
-    CardHeader,
-    {
-      title: containerStatus.name,
-      subheader: containerStatus.image
-    }
-  ), /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(Grid, { container: true }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, containerStartedTime && /* @__PURE__ */ React__default.createElement(
-    ContainerDatetime,
-    {
-      prefix: "Started",
-      dateTime: containerStartedTime
-    }
-  ), containerFinishedTime && /* @__PURE__ */ React__default.createElement(
-    ContainerDatetime,
-    {
-      prefix: "Completed",
-      dateTime: containerFinishedTime
-    }
-  ), containerStartedTime && containerFinishedTime && /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, "Execution time:", " ", DateTime.fromISO(containerFinishedTime).diff(DateTime.fromISO(containerStartedTime), [
-    "hours",
-    "minutes",
-    "seconds"
-  ]).toHuman())), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, "Status: ", getCurrentState(containerStatus))), containerStatus.restartCount > 0 && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, "Restarts: ", containerStatus.restartCount)), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, "Container health")), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(
-    StructuredMetadataTable,
-    {
-      metadata: getContainerHealthChecks(
-        containerSpec,
-        containerStatus
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(
+      CardHeader,
+      {
+        title: containerStatus.name,
+        subheader: containerStatus.image
+      }
+    ),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+      /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
+        containerStartedTime && /* @__PURE__ */ jsx(
+          ContainerDatetime,
+          {
+            prefix: "Started",
+            dateTime: containerStartedTime
+          }
+        ),
+        containerFinishedTime && /* @__PURE__ */ jsx(
+          ContainerDatetime,
+          {
+            prefix: "Completed",
+            dateTime: containerFinishedTime
+          }
+        ),
+        containerStartedTime && containerFinishedTime && /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", children: [
+          "Execution time:",
+          " ",
+          DateTime.fromISO(containerFinishedTime).diff(DateTime.fromISO(containerStartedTime), [
+            "hours",
+            "minutes",
+            "seconds"
+          ]).toHuman()
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", children: [
+        "Status: ",
+        getCurrentState(containerStatus)
+      ] }) }),
+      containerStatus.restartCount > 0 && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", children: [
+        "Restarts: ",
+        containerStatus.restartCount
+      ] }) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Container health" }) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+        StructuredMetadataTable,
+        {
+          metadata: getContainerHealthChecks(
+            containerSpec,
+            containerStatus
+          ),
+          options: { nestedValuesAsYaml: true }
+        }
+      ) }),
+      containerMetrics && /* @__PURE__ */ jsxs(Grid, { container: true, item: true, xs: 12, spacing: 0, children: [
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: "Resource utilization" }) }),
+        /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, style: { minHeight: "5rem" }, children: [
+          /* @__PURE__ */ jsx(
+            ResourceUtilization,
+            {
+              compressed: true,
+              title: "CPU requests",
+              usage: containerMetrics.cpuUsage.currentUsage,
+              total: containerMetrics.cpuUsage.requestTotal,
+              totalFormatted: formatMillicores(
+                containerMetrics.cpuUsage.requestTotal
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ResourceUtilization,
+            {
+              compressed: true,
+              title: "CPU limits",
+              usage: containerMetrics.cpuUsage.currentUsage,
+              total: containerMetrics.cpuUsage.limitTotal,
+              totalFormatted: formatMillicores(
+                containerMetrics.cpuUsage.limitTotal
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ResourceUtilization,
+            {
+              compressed: true,
+              title: "Memory requests",
+              usage: containerMetrics.memoryUsage.currentUsage,
+              total: containerMetrics.memoryUsage.requestTotal,
+              totalFormatted: bytesToMiB(
+                containerMetrics.memoryUsage.requestTotal
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ResourceUtilization,
+            {
+              compressed: true,
+              title: "Memory limits",
+              usage: containerMetrics.memoryUsage.currentUsage,
+              total: containerMetrics.memoryUsage.limitTotal,
+              totalFormatted: bytesToMiB(
+                containerMetrics.memoryUsage.limitTotal
+              )
+            }
+          )
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(CardActions, { children: [
+      /* @__PURE__ */ jsx(
+        PodLogsDialog,
+        {
+          containerScope: {
+            containerName: containerStatus.name,
+            ...podScope
+          }
+        }
       ),
-      options: { nestedValuesAsYaml: true }
-    }
-  )), containerMetrics && /* @__PURE__ */ React__default.createElement(Grid, { container: true, item: true, xs: 12, spacing: 0 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle1" }, "Resource utilization")), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, style: { minHeight: "5rem" } }, /* @__PURE__ */ React__default.createElement(
-    ResourceUtilization,
-    {
-      compressed: true,
-      title: "CPU requests",
-      usage: containerMetrics.cpuUsage.currentUsage,
-      total: containerMetrics.cpuUsage.requestTotal,
-      totalFormatted: formatMillicores(
-        containerMetrics.cpuUsage.requestTotal
-      )
-    }
-  ), /* @__PURE__ */ React__default.createElement(
-    ResourceUtilization,
-    {
-      compressed: true,
-      title: "CPU limits",
-      usage: containerMetrics.cpuUsage.currentUsage,
-      total: containerMetrics.cpuUsage.limitTotal,
-      totalFormatted: formatMillicores(
-        containerMetrics.cpuUsage.limitTotal
-      )
-    }
-  ), /* @__PURE__ */ React__default.createElement(
-    ResourceUtilization,
-    {
-      compressed: true,
-      title: "Memory requests",
-      usage: containerMetrics.memoryUsage.currentUsage,
-      total: containerMetrics.memoryUsage.requestTotal,
-      totalFormatted: bytesToMiB(
-        containerMetrics.memoryUsage.requestTotal
+      isPodExecTerminalEnabled && /* @__PURE__ */ jsx(
+        PodExecTerminalDialog,
+        {
+          cluster: podScope.cluster,
+          containerName: containerStatus.name,
+          podName: podScope.podName,
+          podNamespace: podScope.podNamespace
+        }
       )
-    }
-  ), /* @__PURE__ */ React__default.createElement(
-    ResourceUtilization,
-    {
-      compressed: true,
-      title: "Memory limits",
-      usage: containerMetrics.memoryUsage.currentUsage,
-      total: containerMetrics.memoryUsage.limitTotal,
-      totalFormatted: bytesToMiB(
-        containerMetrics.memoryUsage.limitTotal
-      )
-    }
-  ))))), /* @__PURE__ */ React__default.createElement(CardActions, null, /* @__PURE__ */ React__default.createElement(
-    PodLogsDialog,
-    {
-      containerScope: {
-        containerName: containerStatus.name,
-        ...podScope
-      }
-    }
-  ), isPodExecTerminalEnabled && /* @__PURE__ */ React__default.createElement(
-    PodExecTerminalDialog,
-    {
-      cluster: podScope.cluster,
-      containerName: containerStatus.name,
-      podName: podScope.podName,
-      podNamespace: podScope.podNamespace
-    }
-  )));
+    ] })
+  ] });
 };
 export { ContainerCard };

package/dist/components/Pods/PodDrawer/ContainerCard.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContainerCard.esm.js","sources":["../../../../src/components/Pods/PodDrawer/ContainerCard.tsx"],"sourcesContent":["/\n Copyright 2023 The Backstage Authors\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 /\nimport { StructuredMetadataTable } from '@backstage/core-components';\nimport { ClientContainerStatus } from '@backstage/plugin-kubernetes-common';\nimport Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { IContainer, IContainerStatus } from 'kubernetes-models/v1';\nimport { DateTime } from 'luxon';\nimport React from 'react';\n\nimport { useIsPodExecTerminalEnabled } from '../../../hooks';\nimport { bytesToMiB, formatMillicores } from '../../../utils/resources';\nimport { PodExecTerminalDialog } from '../../PodExecTerminal/PodExecTerminalDialog';\nimport { ResourceUtilization } from '../../ResourceUtilization';\nimport { PodLogsDialog, PodScope } from '../PodLogs';\n\nconst getContainerHealthChecks = (\n containerSpec: IContainer,\n containerStatus: IContainerStatus,\n): { [key: string]: boolean } => {\n const healthCheck = {\n 'not waiting to start': containerStatus.state?.waiting === undefined,\n 'no restarts': containerStatus.restartCount === 0,\n };\n if (containerStatus.state?.terminated?.reason === 'Completed') {\n return healthCheck;\n }\n Object.assign(\n healthCheck,\n { started: !!containerStatus.started },\n { ready: containerStatus.ready },\n { 'readiness probe set': containerSpec?.readinessProbe !== undefined },\n );\n if (containerSpec && containerSpec?.livenessProbe !== undefined) {\n Object.assign(healthCheck, {\n 'liveness probe set': containerSpec.livenessProbe,\n });\n }\n return healthCheck;\n};\n\nconst getCurrentState = (containerStatus: IContainerStatus): string => {\n return (\n containerStatus.state?.waiting?.reason \|\|\n containerStatus.state?.terminated?.reason \|\|\n (containerStatus.state?.running !== undefined ? 'Running' : 'Unknown')\n );\n};\n\nconst getStartedAtTime = (\n containerStatus: IContainerStatus,\n): string \| undefined => {\n return (\n containerStatus.state?.running?.startedAt \|\|\n containerStatus.state?.terminated?.startedAt\n );\n};\n\ninterface ContainerDatetimeProps {\n prefix: string;\n dateTime: string;\n}\n\nconst ContainerDatetime = ({ prefix, dateTime }: ContainerDatetimeProps) => {\n return (\n <Typography variant=\"subtitle2\">\n {prefix}:{' '}\n {DateTime.fromISO(dateTime).toRelative({\n locale: 'en',\n })}\n </Typography>\n );\n};\n\n/\n Props for ContainerCard\n \n @public\n /\nexport interface ContainerCardProps {\n podScope: PodScope;\n containerSpec?: IContainer;\n containerStatus: IContainerStatus;\n containerMetrics?: ClientContainerStatus;\n}\n\n/\n Shows details about a container within a pod\n \n @public\n */\nexport const ContainerCard: React.FC<ContainerCardProps> = ({\n podScope,\n containerSpec,\n containerStatus,\n containerMetrics,\n}: ContainerCardProps) => {\n const isPodExecTerminalEnabled = useIsPodExecTerminalEnabled();\n\n // This should never be undefined\n if (containerSpec === undefined) {\n return <Typography>error reading pod from cluster</Typography>;\n }\n const containerStartedTime = getStartedAtTime(containerStatus);\n const containerFinishedTime = containerStatus.state?.terminated?.finishedAt;\n\n return (\n <Card>\n <CardHeader\n title={containerStatus.name}\n subheader={containerStatus.image}\n />\n <CardContent>\n <Grid container>\n <Grid item xs={12}>\n {containerStartedTime && (\n <ContainerDatetime\n prefix=\"Started\"\n dateTime={containerStartedTime}\n />\n )}\n {containerFinishedTime && (\n <ContainerDatetime\n prefix=\"Completed\"\n dateTime={containerFinishedTime}\n />\n )}\n {containerStartedTime && containerFinishedTime && (\n <Typography variant=\"subtitle2\">\n Execution time:{' '}\n {DateTime.fromISO(containerFinishedTime)\n .diff(DateTime.fromISO(containerStartedTime), [\n 'hours',\n 'minutes',\n 'seconds',\n ])\n .toHuman()}\n </Typography>\n )}\n </Grid>\n <Grid item xs={12}>\n <Typography variant=\"subtitle2\">\n Status: {getCurrentState(containerStatus)}\n </Typography>\n </Grid>\n {containerStatus.restartCount > 0 && (\n <Grid item xs={12}>\n <Typography variant=\"subtitle2\">\n Restarts: {containerStatus.restartCount}\n </Typography>\n </Grid>\n )}\n <Grid item xs={12}>\n <Typography variant=\"subtitle2\">Container health</Typography>\n </Grid>\n <Grid item xs={12}>\n <StructuredMetadataTable\n metadata={getContainerHealthChecks(\n containerSpec,\n containerStatus,\n )}\n options={{ nestedValuesAsYaml: true }}\n />\n </Grid>\n {containerMetrics && (\n <Grid container item xs={12} spacing={0}>\n <Grid item xs={12}>\n <Typography variant=\"subtitle1\">\n Resource utilization\n </Typography>\n </Grid>\n <Grid item xs={12} style={{ minHeight: '5rem' }}>\n <ResourceUtilization\n compressed\n title=\"CPU requests\"\n usage={containerMetrics.cpuUsage.currentUsage}\n total={containerMetrics.cpuUsage.requestTotal}\n totalFormatted={formatMillicores(\n containerMetrics.cpuUsage.requestTotal,\n )}\n />\n <ResourceUtilization\n compressed\n title=\"CPU limits\"\n usage={containerMetrics.cpuUsage.currentUsage}\n total={containerMetrics.cpuUsage.limitTotal}\n totalFormatted={formatMillicores(\n containerMetrics.cpuUsage.limitTotal,\n )}\n />\n <ResourceUtilization\n compressed\n title=\"Memory requests\"\n usage={containerMetrics.memoryUsage.currentUsage}\n total={containerMetrics.memoryUsage.requestTotal}\n totalFormatted={bytesToMiB(\n containerMetrics.memoryUsage.requestTotal,\n )}\n />\n <ResourceUtilization\n compressed\n title=\"Memory limits\"\n usage={containerMetrics.memoryUsage.currentUsage}\n total={containerMetrics.memoryUsage.limitTotal}\n totalFormatted={bytesToMiB(\n containerMetrics.memoryUsage.limitTotal,\n )}\n />\n </Grid>\n </Grid>\n )}\n </Grid>\n </CardContent>\n <CardActions>\n <PodLogsDialog\n containerScope={{\n containerName: containerStatus.name,\n ...podScope,\n }}\n />\n {isPodExecTerminalEnabled && (\n <PodExecTerminalDialog\n cluster={podScope.cluster}\n containerName={containerStatus.name}\n podName={podScope.podName}\n podNamespace={podScope.podNamespace}\n />\n )}\n </CardActions>\n </Card>\n );\n};\n"],"names":["React"],"mappings":"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"}
1	+ {"version":3,"file":"ContainerCard.esm.js","sources":["../../../../src/components/Pods/PodDrawer/ContainerCard.tsx"],"sourcesContent":["/\n Copyright 2023 The Backstage Authors\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 /\nimport { StructuredMetadataTable } from '@backstage/core-components';\nimport { ClientContainerStatus } from '@backstage/plugin-kubernetes-common';\nimport Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { IContainer, IContainerStatus } from 'kubernetes-models/v1';\nimport { DateTime } from 'luxon';\nimport { FC } from 'react';\n\nimport { useIsPodExecTerminalEnabled } from '../../../hooks';\nimport { bytesToMiB, formatMillicores } from '../../../utils/resources';\nimport { PodExecTerminalDialog } from '../../PodExecTerminal/PodExecTerminalDialog';\nimport { ResourceUtilization } from '../../ResourceUtilization';\nimport { PodLogsDialog, PodScope } from '../PodLogs';\n\nconst getContainerHealthChecks = (\n containerSpec: IContainer,\n containerStatus: IContainerStatus,\n): { [key: string]: boolean } => {\n const healthCheck = {\n 'not waiting to start': containerStatus.state?.waiting === undefined,\n 'no restarts': containerStatus.restartCount === 0,\n };\n if (containerStatus.state?.terminated?.reason === 'Completed') {\n return healthCheck;\n }\n Object.assign(\n healthCheck,\n { started: !!containerStatus.started },\n { ready: containerStatus.ready },\n { 'readiness probe set': containerSpec?.readinessProbe !== undefined },\n );\n if (containerSpec && containerSpec?.livenessProbe !== undefined) {\n Object.assign(healthCheck, {\n 'liveness probe set': containerSpec.livenessProbe,\n });\n }\n return healthCheck;\n};\n\nconst getCurrentState = (containerStatus: IContainerStatus): string => {\n return (\n containerStatus.state?.waiting?.reason \|\|\n containerStatus.state?.terminated?.reason \|\|\n (containerStatus.state?.running !== undefined ? 'Running' : 'Unknown')\n );\n};\n\nconst getStartedAtTime = (\n containerStatus: IContainerStatus,\n): string \| undefined => {\n return (\n containerStatus.state?.running?.startedAt \|\|\n containerStatus.state?.terminated?.startedAt\n );\n};\n\ninterface ContainerDatetimeProps {\n prefix: string;\n dateTime: string;\n}\n\nconst ContainerDatetime = ({ prefix, dateTime }: ContainerDatetimeProps) => {\n return (\n <Typography variant=\"subtitle2\">\n {prefix}:{' '}\n {DateTime.fromISO(dateTime).toRelative({\n locale: 'en',\n })}\n </Typography>\n );\n};\n\n/\n Props for ContainerCard\n \n @public\n /\nexport interface ContainerCardProps {\n podScope: PodScope;\n containerSpec?: IContainer;\n containerStatus: IContainerStatus;\n containerMetrics?: ClientContainerStatus;\n}\n\n/\n Shows details about a container within a pod\n \n @public\n */\nexport const ContainerCard: FC<ContainerCardProps> = ({\n podScope,\n containerSpec,\n containerStatus,\n containerMetrics,\n}: ContainerCardProps) => {\n const isPodExecTerminalEnabled = useIsPodExecTerminalEnabled();\n\n // This should never be undefined\n if (containerSpec === undefined) {\n return <Typography>error reading pod from cluster</Typography>;\n }\n const containerStartedTime = getStartedAtTime(containerStatus);\n const containerFinishedTime = containerStatus.state?.terminated?.finishedAt;\n\n return (\n <Card>\n <CardHeader\n title={containerStatus.name}\n subheader={containerStatus.image}\n />\n <CardContent>\n <Grid container>\n <Grid item xs={12}>\n {containerStartedTime && (\n <ContainerDatetime\n prefix=\"Started\"\n dateTime={containerStartedTime}\n />\n )}\n {containerFinishedTime && (\n <ContainerDatetime\n prefix=\"Completed\"\n dateTime={containerFinishedTime}\n />\n )}\n {containerStartedTime && containerFinishedTime && (\n <Typography variant=\"subtitle2\">\n Execution time:{' '}\n {DateTime.fromISO(containerFinishedTime)\n .diff(DateTime.fromISO(containerStartedTime), [\n 'hours',\n 'minutes',\n 'seconds',\n ])\n .toHuman()}\n </Typography>\n )}\n </Grid>\n <Grid item xs={12}>\n <Typography variant=\"subtitle2\">\n Status: {getCurrentState(containerStatus)}\n </Typography>\n </Grid>\n {containerStatus.restartCount > 0 && (\n <Grid item xs={12}>\n <Typography variant=\"subtitle2\">\n Restarts: {containerStatus.restartCount}\n </Typography>\n </Grid>\n )}\n <Grid item xs={12}>\n <Typography variant=\"subtitle2\">Container health</Typography>\n </Grid>\n <Grid item xs={12}>\n <StructuredMetadataTable\n metadata={getContainerHealthChecks(\n containerSpec,\n containerStatus,\n )}\n options={{ nestedValuesAsYaml: true }}\n />\n </Grid>\n {containerMetrics && (\n <Grid container item xs={12} spacing={0}>\n <Grid item xs={12}>\n <Typography variant=\"subtitle1\">\n Resource utilization\n </Typography>\n </Grid>\n <Grid item xs={12} style={{ minHeight: '5rem' }}>\n <ResourceUtilization\n compressed\n title=\"CPU requests\"\n usage={containerMetrics.cpuUsage.currentUsage}\n total={containerMetrics.cpuUsage.requestTotal}\n totalFormatted={formatMillicores(\n containerMetrics.cpuUsage.requestTotal,\n )}\n />\n <ResourceUtilization\n compressed\n title=\"CPU limits\"\n usage={containerMetrics.cpuUsage.currentUsage}\n total={containerMetrics.cpuUsage.limitTotal}\n totalFormatted={formatMillicores(\n containerMetrics.cpuUsage.limitTotal,\n )}\n />\n <ResourceUtilization\n compressed\n title=\"Memory requests\"\n usage={containerMetrics.memoryUsage.currentUsage}\n total={containerMetrics.memoryUsage.requestTotal}\n totalFormatted={bytesToMiB(\n containerMetrics.memoryUsage.requestTotal,\n )}\n />\n <ResourceUtilization\n compressed\n title=\"Memory limits\"\n usage={containerMetrics.memoryUsage.currentUsage}\n total={containerMetrics.memoryUsage.limitTotal}\n totalFormatted={bytesToMiB(\n containerMetrics.memoryUsage.limitTotal,\n )}\n />\n </Grid>\n </Grid>\n )}\n </Grid>\n </CardContent>\n <CardActions>\n <PodLogsDialog\n containerScope={{\n containerName: containerStatus.name,\n ...podScope,\n }}\n />\n {isPodExecTerminalEnabled && (\n <PodExecTerminalDialog\n cluster={podScope.cluster}\n containerName={containerStatus.name}\n podName={podScope.podName}\n podNamespace={podScope.podNamespace}\n />\n )}\n </CardActions>\n </Card>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Pods/PodDrawer/PendingPodContent.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Grid from '@material-ui/core/Grid';
 import List from '@material-ui/core/List';
 import ListItem from '@material-ui/core/ListItem';
@@ -7,13 +7,37 @@ import { StatusError, StatusOK, StatusWarning } from '@backstage/core-components
 import { DateTime } from 'luxon';
 const PodCondition = ({ condition }) => {
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, condition.status === "False" && /* @__PURE__ */ React__default.createElement(StatusError, null, condition.type, " - (", condition.reason, " ", condition.lastTransitionTime && DateTime.fromISO(condition.lastTransitionTime).toRelative({
-    locale: "en"
-  }), ") - ", condition.message, " "), condition.status === "True" && /* @__PURE__ */ React__default.createElement(StatusOK, null, condition.type, " - (", condition.lastTransitionTime && DateTime.fromISO(condition.lastTransitionTime).toRelative({
-    locale: "en"
-  }), ")"), condition.status === "Unknown" && /* @__PURE__ */ React__default.createElement(StatusWarning, null, condition.type, " - (", condition.lastTransitionTime && DateTime.fromISO(condition.lastTransitionTime).toRelative({
-    locale: "en"
-  }), ") ", condition.message));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    condition.status === "False" && /* @__PURE__ */ jsxs(StatusError, { children: [
+      condition.type,
+      " - (",
+      condition.reason,
+      " ",
+      condition.lastTransitionTime && DateTime.fromISO(condition.lastTransitionTime).toRelative({
+        locale: "en"
+      }),
+      ") - ",
+      condition.message,
+      " "
+    ] }),
+    condition.status === "True" && /* @__PURE__ */ jsxs(StatusOK, { children: [
+      condition.type,
+      " - (",
+      condition.lastTransitionTime && DateTime.fromISO(condition.lastTransitionTime).toRelative({
+        locale: "en"
+      }),
+      ")"
+    ] }),
+    condition.status === "Unknown" && /* @__PURE__ */ jsxs(StatusWarning, { children: [
+      condition.type,
+      " - (",
+      condition.lastTransitionTime && DateTime.fromISO(condition.lastTransitionTime).toRelative({
+        locale: "en"
+      }),
+      ") ",
+      condition.message
+    ] })
+  ] });
 };
 const PendingPodContent = ({ pod }) => {
   const startupConditions = [
@@ -22,7 +46,10 @@ const PendingPodContent = ({ pod }) => {
     pod.status?.conditions?.find((c) => c.type === "ContainersReady"),
     pod.status?.conditions?.find((c) => c.type === "Ready")
   ].filter((c) => !!c);
-  return /* @__PURE__ */ React__default.createElement(Grid, { container: true, spacing: 2 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, "Pod is Pending. Conditions:"), /* @__PURE__ */ React__default.createElement(List, null, startupConditions.map((c) => /* @__PURE__ */ React__default.createElement(ListItem, { key: c.type }, /* @__PURE__ */ React__default.createElement(PodCondition, { condition: c }))))));
+  return /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h5", children: "Pod is Pending. Conditions:" }),
+    /* @__PURE__ */ jsx(List, { children: startupConditions.map((c) => /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(PodCondition, { condition: c }) }, c.type)) })
+  ] }) });
 };
 export { PendingPodContent };

package/dist/components/Pods/PodDrawer/PendingPodContent.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PendingPodContent.esm.js","sources":["../../../../src/components/Pods/PodDrawer/PendingPodContent.tsx"],"sourcesContent":["/\n Copyright 2023 The Backstage Authors\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 /\nimport ~~React from 'react';\nimport~~ Grid from '@material-ui/core/Grid';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport Typography from '@material-ui/core/Typography';\nimport { IPodCondition, Pod } from 'kubernetes-models/v1';\nimport {\n StatusError,\n StatusOK,\n StatusWarning,\n} from '@backstage/core-components';\nimport { DateTime } from 'luxon';\n\ninterface PodConditionProps {\n condition: IPodCondition;\n}\n\nconst PodCondition = ({ condition }: PodConditionProps) => {\n return (\n <>\n {condition.status === 'False' && (\n <StatusError>\n {condition.type} - ({condition.reason}{' '}\n {condition.lastTransitionTime &&\n DateTime.fromISO(condition.lastTransitionTime).toRelative({\n locale: 'en',\n })}\n ) - {condition.message}{' '}\n </StatusError>\n )}\n {condition.status === 'True' && (\n <StatusOK>\n {condition.type} - (\n {condition.lastTransitionTime &&\n DateTime.fromISO(condition.lastTransitionTime).toRelative({\n locale: 'en',\n })}\n )\n </StatusOK>\n )}\n {condition.status === 'Unknown' && (\n <StatusWarning>\n {condition.type} - (\n {condition.lastTransitionTime &&\n DateTime.fromISO(condition.lastTransitionTime).toRelative({\n locale: 'en',\n })}\n ) {condition.message}\n </StatusWarning>\n )}\n </>\n );\n};\n\n/\n Props for PendingPodContent\n \n @public\n /\nexport interface PendingPodContentProps {\n pod: Pod;\n}\n\n/\n Shows details about pod's conditions as it starts\n \n @public\n */\nexport const PendingPodContent = ({ pod }: PendingPodContentProps) => {\n // TODO add PodHasNetwork when it's out of alpha\n // https://kubernetes.io/docs/concepts/workloads/pods/pod-lifecycle/#pod-conditions\n const startupConditions = [\n pod.status?.conditions?.find(c => c.type === 'PodScheduled'),\n pod.status?.conditions?.find(c => c.type === 'Initialized'),\n pod.status?.conditions?.find(c => c.type === 'ContainersReady'),\n pod.status?.conditions?.find(c => c.type === 'Ready'),\n ].filter((c): c is IPodCondition => !!c); // filter out undefined\n return (\n <Grid container spacing={2}>\n <Grid item xs={12}>\n <Typography variant=\"h5\">Pod is Pending. Conditions:</Typography>\n <List>\n {startupConditions.map(c => (\n <ListItem key={c.type}>\n <PodCondition condition={c} />\n </ListItem>\n ))}\n </List>\n </Grid>\n </Grid>\n );\n};\n"],"names":[~~"React"~~],"mappings":";;;;;;;;~~AAgCA~~,MAAM,YAAe,GAAA,CAAC,EAAE,SAAA,EAAmC,KAAA;AACzD,EAAA,~~mFAEK~~,~~SAAU~~,CAAA,~~MAAA~~,~~KAAW~~,~~2BACnBA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,CAAA,~~WAAA~~,~~EAAA~~,IAAA,~~EACE~~,~~UAAU~~,~~IAAK~~,EAAA,MAAA,~~EAAK~~,~~UAAU~~,MAAQ,~~EAAA,~~GAAA,~~EACtC~~,UAAU,kBACT,IAAA,QAAA,CAAS,QAAQ,SAAU,CAAA,kBAAkB,EAAE,UAAW,CAAA;AAAA,~~IACxD~~,MAAQ,EAAA;AAAA,~~GACT~~,~~GAAE~~,MACA,~~EAAA~~,~~SAAA~~,~~CAAU~~,~~SAAS~~,~~GAC1B~~,CAAA,~~EAED~~,SAAU,CAAA,MAAA,KAAW,MACpB,~~oBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,~~CAAC~~,~~gBACE~~,~~SAAU~~,CAAA,IAAA,~~EAAK~~,~~QACf~~,~~SAAU~~,~~CAAA~~,~~kBAAA~~,~~IACT~~,~~SAAS~~,~~OAAQ~~,~~CAAA~~,~~SAAA~~,~~CAAU~~,kBAAkB,~~CAAA~~,~~CAAE,~~UAAW,CAAA;AAAA,~~IACxD~~,MAAQ,EAAA;AAAA,~~GACT~~,~~CAAE~~,EAAA,~~GAEP~~,~~GAED~~,SAAU,CAAA,MAAA,KAAW,~~6BACnBA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~aAAA~~,EAAA,~~IAAA~~,~~EACE~~,~~UAAU~~,~~IAAK~~,~~EAAA~~,MAAA,~~EACf~~,UAAU,kBACT,IAAA,QAAA,CAAS,QAAQ,SAAU,CAAA,kBAAkB,EAAE,UAAW,CAAA;AAAA,~~IACxD~~,MAAQ,EAAA;AAAA,~~GACT~~,CAAA,~~EAAE~~,~~IACF~~,~~EAAA~~,~~SAAA~~,~~CAAU~~,~~OACf~~,~~CAEJ~~,CAAA;AAEJ,CAAA;AAgBO,MAAM,iBAAoB,GAAA,CAAC,EAAE,GAAA,EAAkC,KAAA;AAGpE,EAAA,MAAM,iBAAoB,GAAA;AAAA,IACxB,IAAI,MAAQ,EAAA,UAAA,EAAY,KAAK,CAAK,CAAA,KAAA,CAAA,CAAE,SAAS,cAAc,CAAA;AAAA,IAC3D,IAAI,MAAQ,EAAA,UAAA,EAAY,KAAK,CAAK,CAAA,KAAA,CAAA,CAAE,SAAS,aAAa,CAAA;AAAA,IAC1D,IAAI,MAAQ,EAAA,UAAA,EAAY,KAAK,CAAK,CAAA,KAAA,CAAA,CAAE,SAAS,iBAAiB,CAAA;AAAA,IAC9D,IAAI,MAAQ,EAAA,UAAA,EAAY,KAAK,CAAK,CAAA,KAAA,CAAA,CAAE,SAAS,OAAO;AAAA,IACpD,MAAO,CAAA,CAAC,CAA0B,KAAA,CAAC,CAAC,CAAC,CAAA;AACvC,~~EAAA~~,~~oDACG~~,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,OAAA,EAAS,~~qBACtBA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA,~~IAAA,~~EAAA~~,~~EAAK~~,~~IAAI~~,EAAA,IAAA,~~EAAC~~,~~IAAI~~,EACb,EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,~~CAAC~~,~~UAAW~~,EAAA,EAAA,~~OAAA~~,~~EAAQ~~,~~QAAK~~,~~6BAA2B~~,~~CAAA~~,~~kBACnDA~~,~~cAAA,~~CAAA,~~aAAA~~,CAAA,IAAA,EAAA,~~IAAA,~~EACE,~~kBAAkB~~,~~GAAI~~,~~CAAA~~,CAAA,~~CAAA~~,~~qBACpBA~~,~~cAAA~~,~~CAAA~~,~~aAAA,~~CAAA,QAAA,EAAA,~~EAAS~~,~~KAAK~~,~~CAAE~~,CAAA,~~IAAA~~,EAAA,~~kBACdA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,CAAA,~~YAAA,~~EAAA,~~EAAa~~,~~WAAW~~,~~CAAG~~,~~EAAA~~,~~CAC9B,~~CACD,CACH,~~CACF~~,CACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"PendingPodContent.esm.js","sources":["../../../../src/components/Pods/PodDrawer/PendingPodContent.tsx"],"sourcesContent":["/\n Copyright 2023 The Backstage Authors\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 /\nimport Grid from '@material-ui/core/Grid';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport Typography from '@material-ui/core/Typography';\nimport { IPodCondition, Pod } from 'kubernetes-models/v1';\nimport {\n StatusError,\n StatusOK,\n StatusWarning,\n} from '@backstage/core-components';\nimport { DateTime } from 'luxon';\n\ninterface PodConditionProps {\n condition: IPodCondition;\n}\n\nconst PodCondition = ({ condition }: PodConditionProps) => {\n return (\n <>\n {condition.status === 'False' && (\n <StatusError>\n {condition.type} - ({condition.reason}{' '}\n {condition.lastTransitionTime &&\n DateTime.fromISO(condition.lastTransitionTime).toRelative({\n locale: 'en',\n })}\n ) - {condition.message}{' '}\n </StatusError>\n )}\n {condition.status === 'True' && (\n <StatusOK>\n {condition.type} - (\n {condition.lastTransitionTime &&\n DateTime.fromISO(condition.lastTransitionTime).toRelative({\n locale: 'en',\n })}\n )\n </StatusOK>\n )}\n {condition.status === 'Unknown' && (\n <StatusWarning>\n {condition.type} - (\n {condition.lastTransitionTime &&\n DateTime.fromISO(condition.lastTransitionTime).toRelative({\n locale: 'en',\n })}\n ) {condition.message}\n </StatusWarning>\n )}\n </>\n );\n};\n\n/\n Props for PendingPodContent\n \n @public\n /\nexport interface PendingPodContentProps {\n pod: Pod;\n}\n\n/\n Shows details about pod's conditions as it starts\n \n @public\n */\nexport const PendingPodContent = ({ pod }: PendingPodContentProps) => {\n // TODO add PodHasNetwork when it's out of alpha\n // https://kubernetes.io/docs/concepts/workloads/pods/pod-lifecycle/#pod-conditions\n const startupConditions = [\n pod.status?.conditions?.find(c => c.type === 'PodScheduled'),\n pod.status?.conditions?.find(c => c.type === 'Initialized'),\n pod.status?.conditions?.find(c => c.type === 'ContainersReady'),\n pod.status?.conditions?.find(c => c.type === 'Ready'),\n ].filter((c): c is IPodCondition => !!c); // filter out undefined\n return (\n <Grid container spacing={2}>\n <Grid item xs={12}>\n <Typography variant=\"h5\">Pod is Pending. Conditions:</Typography>\n <List>\n {startupConditions.map(c => (\n <ListItem key={c.type}>\n <PodCondition condition={c} />\n </ListItem>\n ))}\n </List>\n </Grid>\n </Grid>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AA+BA,MAAM,YAAe,GAAA,CAAC,EAAE,SAAA,EAAmC,KAAA;AACzD,EAAA,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAU,SAAA,CAAA,MAAA,KAAW,OACpB,oBAAA,IAAA,CAAC,WACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAU,SAAA,CAAA,IAAA;AAAA,MAAK,MAAA;AAAA,MAAK,SAAU,CAAA,MAAA;AAAA,MAAQ,GAAA;AAAA,MACtC,UAAU,kBACT,IAAA,QAAA,CAAS,QAAQ,SAAU,CAAA,kBAAkB,EAAE,UAAW,CAAA;AAAA,QACxD,MAAQ,EAAA;AAAA,OACT,CAAA;AAAA,MAAE,MAAA;AAAA,MACA,SAAU,CAAA,OAAA;AAAA,MAAS;AAAA,KAC1B,EAAA,CAAA;AAAA,IAED,SAAU,CAAA,MAAA,KAAW,MACpB,oBAAA,IAAA,CAAC,QACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAU,SAAA,CAAA,IAAA;AAAA,MAAK,MAAA;AAAA,MACf,UAAU,kBACT,IAAA,QAAA,CAAS,QAAQ,SAAU,CAAA,kBAAkB,EAAE,UAAW,CAAA;AAAA,QACxD,MAAQ,EAAA;AAAA,OACT,CAAA;AAAA,MAAE;AAAA,KAEP,EAAA,CAAA;AAAA,IAED,SAAU,CAAA,MAAA,KAAW,SACpB,oBAAA,IAAA,CAAC,aACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAU,SAAA,CAAA,IAAA;AAAA,MAAK,MAAA;AAAA,MACf,UAAU,kBACT,IAAA,QAAA,CAAS,QAAQ,SAAU,CAAA,kBAAkB,EAAE,UAAW,CAAA;AAAA,QACxD,MAAQ,EAAA;AAAA,OACT,CAAA;AAAA,MAAE,IAAA;AAAA,MACF,SAAU,CAAA;AAAA,KACf,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ,CAAA;AAgBO,MAAM,iBAAoB,GAAA,CAAC,EAAE,GAAA,EAAkC,KAAA;AAGpE,EAAA,MAAM,iBAAoB,GAAA;AAAA,IACxB,IAAI,MAAQ,EAAA,UAAA,EAAY,KAAK,CAAK,CAAA,KAAA,CAAA,CAAE,SAAS,cAAc,CAAA;AAAA,IAC3D,IAAI,MAAQ,EAAA,UAAA,EAAY,KAAK,CAAK,CAAA,KAAA,CAAA,CAAE,SAAS,aAAa,CAAA;AAAA,IAC1D,IAAI,MAAQ,EAAA,UAAA,EAAY,KAAK,CAAK,CAAA,KAAA,CAAA,CAAE,SAAS,iBAAiB,CAAA;AAAA,IAC9D,IAAI,MAAQ,EAAA,UAAA,EAAY,KAAK,CAAK,CAAA,KAAA,CAAA,CAAE,SAAS,OAAO;AAAA,IACpD,MAAO,CAAA,CAAC,CAA0B,KAAA,CAAC,CAAC,CAAC,CAAA;AACvC,EACE,uBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,OAAA,EAAS,CACvB,EAAA,QAAA,kBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,IAAA,EAAK,QAA2B,EAAA,6BAAA,EAAA,CAAA;AAAA,oBACnD,GAAA,CAAA,IAAA,EAAA,EACE,QAAkB,EAAA,iBAAA,CAAA,GAAA,CAAI,uBACpB,GAAA,CAAA,QAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,YAAA,EAAA,EAAa,WAAW,CAAG,EAAA,CAAA,EAAA,EADf,CAAE,CAAA,IAEjB,CACD,CACH,EAAA;AAAA,GAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Pods/PodDrawer/PodDrawer.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { ItemCardGrid } from '@backstage/core-components';
 import Grid from '@material-ui/core/Grid';
 import Typography from '@material-ui/core/Typography';
@@ -9,6 +9,7 @@ import { KubernetesDrawer } from '../../KubernetesDrawer/KubernetesDrawer.esm.js
 import '@material-ui/core/FormControlLabel';
 import '@material-ui/core/Switch';
 import 'js-yaml';
+import 'react';
 import { PodDeleteButton } from '../PodDelete/PodDeleteButton.esm.js';
 import { PendingPodContent } from './PendingPodContent.esm.js';
 import { ErrorList } from '../ErrorList/ErrorList.esm.js';
@@ -55,78 +56,102 @@ const PodDrawer = ({ podAndErrors, open }) => {
   const classes = useDrawerContentStyles();
   const podMetrics = usePodMetrics(podAndErrors.cluster.name, podAndErrors.pod);
   const isPodDeleteEnabled = useIsPodDeleteEnabled();
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     KubernetesDrawer,
     {
       open,
-      drawerContentsHeader: /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle1" }, "Pod", " ", podAndErrors.pod.status?.podIP && `(${podAndErrors.pod.status?.podIP})`),
+      drawerContentsHeader: /* @__PURE__ */ jsxs(Typography, { variant: "subtitle1", children: [
+        "Pod",
+        " ",
+        podAndErrors.pod.status?.podIP && `(${podAndErrors.pod.status?.podIP})`
+      ] }),
       kubernetesObject: podAndErrors.pod,
-      label: /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle1" }, podAndErrors.pod.metadata?.name ?? "unknown")
-    },
-    /* @__PURE__ */ React__default.createElement("div", { className: classes.content }, isPodDeleteEnabled && /* @__PURE__ */ React__default.createElement(
-      PodDeleteButton,
-      {
-        podScope: {
-          podName: podAndErrors.pod.metadata?.name ?? "unknown",
-          podNamespace: podAndErrors.pod.metadata?.namespace ?? "default",
-          cluster: podAndErrors.cluster
-        }
-      }
-    ), podMetrics && /* @__PURE__ */ React__default.createElement(Grid, { container: true, item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, "Resource utilization")), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React__default.createElement(
-      ResourceUtilization,
-      {
-        title: "CPU requests",
-        usage: podMetrics.cpu.currentUsage,
-        total: podMetrics.cpu.requestTotal,
-        totalFormatted: formatMillicores(podMetrics.cpu.requestTotal)
-      }
-    ), /* @__PURE__ */ React__default.createElement(
-      ResourceUtilization,
-      {
-        title: "CPU limits",
-        usage: podMetrics.cpu.currentUsage,
-        total: podMetrics.cpu.limitTotal,
-        totalFormatted: formatMillicores(podMetrics.cpu.limitTotal)
-      }
-    )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React__default.createElement(
-      ResourceUtilization,
-      {
-        title: "Memory requests",
-        usage: podMetrics.memory.currentUsage,
-        total: podMetrics.memory.requestTotal,
-        totalFormatted: bytesToMiB(podMetrics.memory.requestTotal)
-      }
-    ), /* @__PURE__ */ React__default.createElement(
-      ResourceUtilization,
-      {
-        title: "Memory limits",
-        usage: podMetrics.memory.currentUsage,
-        total: podMetrics.memory.limitTotal,
-        totalFormatted: bytesToMiB(podMetrics.memory.limitTotal)
-      }
-    ))), podAndErrors.pod.status?.phase === "Pending" && /* @__PURE__ */ React__default.createElement(PendingPodContent, { pod: podAndErrors.pod }), podAndErrors.pod.status?.containerStatuses?.length && /* @__PURE__ */ React__default.createElement(Grid, { container: true, spacing: 2 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, "Containers")), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(ItemCardGrid, null, podAndErrors.pod.status?.containerStatuses?.map(
-      (containerStatus, i) => {
-        const containerSpec = getContainerSpecByName(
-          podAndErrors.pod,
-          containerStatus.name
-        );
-        const containerMetrics = (podMetrics?.containers ?? []).find((c) => c.container === containerStatus.name);
-        return /* @__PURE__ */ React__default.createElement(
-          ContainerCard,
+      label: /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: podAndErrors.pod.metadata?.name ?? "unknown" }),
+      children: /* @__PURE__ */ jsxs("div", { className: classes.content, children: [
+        isPodDeleteEnabled && /* @__PURE__ */ jsx(
+          PodDeleteButton,
           {
-            key: `container-card-${podAndErrors.pod.metadata?.name}-${i}`,
-            containerMetrics,
             podScope: {
               podName: podAndErrors.pod.metadata?.name ?? "unknown",
-              podNamespace: podAndErrors.pod.metadata?.namespace ?? "unknown",
+              podNamespace: podAndErrors.pod.metadata?.namespace ?? "default",
               cluster: podAndErrors.cluster
-            },
-            containerSpec,
-            containerStatus
+            }
           }
-        );
-      }
-    ))), podAndErrors.errors.length > 0 && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, "Errors")), podAndErrors.errors.length > 0 && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(ErrorList, { podAndErrors: [podAndErrors] }))))
+        ),
+        podMetrics && /* @__PURE__ */ jsxs(Grid, { container: true, item: true, xs: 12, children: [
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "h5", children: "Resource utilization" }) }),
+          /* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, children: [
+            /* @__PURE__ */ jsx(
+              ResourceUtilization,
+              {
+                title: "CPU requests",
+                usage: podMetrics.cpu.currentUsage,
+                total: podMetrics.cpu.requestTotal,
+                totalFormatted: formatMillicores(podMetrics.cpu.requestTotal)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ResourceUtilization,
+              {
+                title: "CPU limits",
+                usage: podMetrics.cpu.currentUsage,
+                total: podMetrics.cpu.limitTotal,
+                totalFormatted: formatMillicores(podMetrics.cpu.limitTotal)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, children: [
+            /* @__PURE__ */ jsx(
+              ResourceUtilization,
+              {
+                title: "Memory requests",
+                usage: podMetrics.memory.currentUsage,
+                total: podMetrics.memory.requestTotal,
+                totalFormatted: bytesToMiB(podMetrics.memory.requestTotal)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ResourceUtilization,
+              {
+                title: "Memory limits",
+                usage: podMetrics.memory.currentUsage,
+                total: podMetrics.memory.limitTotal,
+                totalFormatted: bytesToMiB(podMetrics.memory.limitTotal)
+              }
+            )
+          ] })
+        ] }),
+        podAndErrors.pod.status?.phase === "Pending" && /* @__PURE__ */ jsx(PendingPodContent, { pod: podAndErrors.pod }),
+        podAndErrors.pod.status?.containerStatuses?.length && /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "h5", children: "Containers" }) }),
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(ItemCardGrid, { children: podAndErrors.pod.status?.containerStatuses?.map(
+            (containerStatus, i) => {
+              const containerSpec = getContainerSpecByName(
+                podAndErrors.pod,
+                containerStatus.name
+              );
+              const containerMetrics = (podMetrics?.containers ?? []).find((c) => c.container === containerStatus.name);
+              return /* @__PURE__ */ jsx(
+                ContainerCard,
+                {
+                  containerMetrics,
+                  podScope: {
+                    podName: podAndErrors.pod.metadata?.name ?? "unknown",
+                    podNamespace: podAndErrors.pod.metadata?.namespace ?? "unknown",
+                    cluster: podAndErrors.cluster
+                  },
+                  containerSpec,
+                  containerStatus
+                },
+                `container-card-${podAndErrors.pod.metadata?.name}-${i}`
+              );
+            }
+          ) }) }),
+          podAndErrors.errors.length > 0 && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "h5", children: "Errors" }) }),
+          podAndErrors.errors.length > 0 && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(ErrorList, { podAndErrors: [podAndErrors] }) })
+        ] })
+      ] })
+    }
   );
 };