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/PodDrawer.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PodDrawer.esm.js","sources":["../../../../src/components/Pods/PodDrawer/PodDrawer.tsx"],"sourcesContent":["/\n Copyright 2020 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 /\n\nimport React from 'react';\n\nimport { ItemCardGrid } from '@backstage/core-components';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\n\nimport { Pod } from 'kubernetes-models/v1';\n\nimport { ContainerCard } from './ContainerCard';\n\nimport { PodAndErrors } from '../types';\nimport { KubernetesDrawer } from '../../KubernetesDrawer';\nimport { PodDeleteButton } from '../PodDelete/PodDeleteButton';\nimport { PendingPodContent } from './PendingPodContent';\nimport { ErrorList } from '../ErrorList';\nimport { usePodMetrics } from '../../../hooks/usePodMetrics';\nimport { ResourceUtilization } from '../../ResourceUtilization';\nimport { bytesToMiB, formatMillicores } from '../../../utils/resources';\nimport { useIsPodDeleteEnabled } from '../../../hooks';\n\nconst useDrawerContentStyles = makeStyles((_theme: Theme) =>\n createStyles({\n header: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n },\n content: {\n height: '80%',\n },\n icon: {\n fontSize: 20,\n },\n podoklist: {\n width: '100%',\n maxWidth: 360,\n maxHeight: 360,\n },\n }),\n);\n\nfunction getContainerSpecByName(pod: Pod, containerName: string) {\n return pod.spec?.containers.find(c => c.name === containerName);\n}\n\n/\n Props for PodDrawer\n \n @public\n /\nexport interface PodDrawerProps {\n open?: boolean;\n podAndErrors: PodAndErrors;\n}\n\n/\n A Drawer for Kubernetes Pods\n \n @public\n */\nexport const PodDrawer = ({ podAndErrors, open }: PodDrawerProps) => {\n const classes = useDrawerContentStyles();\n const podMetrics = usePodMetrics(podAndErrors.cluster.name, podAndErrors.pod);\n const isPodDeleteEnabled = useIsPodDeleteEnabled();\n\n return (\n <KubernetesDrawer\n open={open}\n drawerContentsHeader={\n <Typography variant=\"subtitle1\">\n Pod{' '}\n {podAndErrors.pod.status?.podIP &&\n `(${podAndErrors.pod.status?.podIP})`}\n </Typography>\n }\n kubernetesObject={podAndErrors.pod}\n label={\n <Typography variant=\"subtitle1\">\n {podAndErrors.pod.metadata?.name ?? 'unknown'}\n </Typography>\n }\n >\n <div className={classes.content}>\n {isPodDeleteEnabled && (\n <PodDeleteButton\n podScope={{\n podName: podAndErrors.pod.metadata?.name ?? 'unknown',\n podNamespace: podAndErrors.pod.metadata?.namespace ?? 'default',\n cluster: podAndErrors.cluster,\n }}\n />\n )}\n {podMetrics && (\n <Grid container item xs={12}>\n <Grid item xs={12}>\n <Typography variant=\"h5\">Resource utilization</Typography>\n </Grid>\n <Grid item xs={6}>\n <ResourceUtilization\n title=\"CPU requests\"\n usage={podMetrics.cpu.currentUsage}\n total={podMetrics.cpu.requestTotal}\n totalFormatted={formatMillicores(podMetrics.cpu.requestTotal)}\n />\n <ResourceUtilization\n title=\"CPU limits\"\n usage={podMetrics.cpu.currentUsage}\n total={podMetrics.cpu.limitTotal}\n totalFormatted={formatMillicores(podMetrics.cpu.limitTotal)}\n />\n </Grid>\n <Grid item xs={6}>\n <ResourceUtilization\n title=\"Memory requests\"\n usage={podMetrics.memory.currentUsage}\n total={podMetrics.memory.requestTotal}\n totalFormatted={bytesToMiB(podMetrics.memory.requestTotal)}\n />\n <ResourceUtilization\n title=\"Memory limits\"\n usage={podMetrics.memory.currentUsage}\n total={podMetrics.memory.limitTotal}\n totalFormatted={bytesToMiB(podMetrics.memory.limitTotal)}\n />\n </Grid>\n </Grid>\n )}\n {podAndErrors.pod.status?.phase === 'Pending' && (\n <PendingPodContent pod={podAndErrors.pod} />\n )}\n {podAndErrors.pod.status?.containerStatuses?.length && (\n <Grid container spacing={2}>\n <Grid item xs={12}>\n <Typography variant=\"h5\">Containers</Typography>\n </Grid>\n <Grid item xs={12}>\n <ItemCardGrid>\n {podAndErrors.pod.status?.containerStatuses?.map(\n (containerStatus, i) => {\n const containerSpec = getContainerSpecByName(\n podAndErrors.pod,\n containerStatus.name,\n );\n const containerMetrics = (\n podMetrics?.containers ?? []\n ).find(c => c.container === containerStatus.name);\n return (\n <ContainerCard\n key={`container-card-${podAndErrors.pod.metadata?.name}-${i}`}\n containerMetrics={containerMetrics}\n podScope={{\n podName: podAndErrors.pod.metadata?.name ?? 'unknown',\n podNamespace:\n podAndErrors.pod.metadata?.namespace ?? 'unknown',\n cluster: podAndErrors.cluster,\n }}\n containerSpec={containerSpec}\n containerStatus={containerStatus}\n />\n );\n },\n )}\n </ItemCardGrid>\n </Grid>\n {podAndErrors.errors.length > 0 && (\n <Grid item xs={12}>\n <Typography variant=\"h5\">Errors</Typography>\n </Grid>\n )}\n {podAndErrors.errors.length > 0 && (\n <Grid item xs={12}>\n <ErrorList podAndErrors={[podAndErrors]} />\n </Grid>\n )}\n </Grid>\n )}\n </div>\n </KubernetesDrawer>\n );\n};\n"],"names":["React"],"mappings":"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"}
1	+ {"version":3,"file":"PodDrawer.esm.js","sources":["../../../../src/components/Pods/PodDrawer/PodDrawer.tsx"],"sourcesContent":["/\n Copyright 2020 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 /\n\nimport { ItemCardGrid } from '@backstage/core-components';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\n\nimport { Pod } from 'kubernetes-models/v1';\n\nimport { ContainerCard } from './ContainerCard';\n\nimport { PodAndErrors } from '../types';\nimport { KubernetesDrawer } from '../../KubernetesDrawer';\nimport { PodDeleteButton } from '../PodDelete/PodDeleteButton';\nimport { PendingPodContent } from './PendingPodContent';\nimport { ErrorList } from '../ErrorList';\nimport { usePodMetrics } from '../../../hooks/usePodMetrics';\nimport { ResourceUtilization } from '../../ResourceUtilization';\nimport { bytesToMiB, formatMillicores } from '../../../utils/resources';\nimport { useIsPodDeleteEnabled } from '../../../hooks';\n\nconst useDrawerContentStyles = makeStyles((_theme: Theme) =>\n createStyles({\n header: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n },\n content: {\n height: '80%',\n },\n icon: {\n fontSize: 20,\n },\n podoklist: {\n width: '100%',\n maxWidth: 360,\n maxHeight: 360,\n },\n }),\n);\n\nfunction getContainerSpecByName(pod: Pod, containerName: string) {\n return pod.spec?.containers.find(c => c.name === containerName);\n}\n\n/\n Props for PodDrawer\n \n @public\n /\nexport interface PodDrawerProps {\n open?: boolean;\n podAndErrors: PodAndErrors;\n}\n\n/\n A Drawer for Kubernetes Pods\n \n @public\n */\nexport const PodDrawer = ({ podAndErrors, open }: PodDrawerProps) => {\n const classes = useDrawerContentStyles();\n const podMetrics = usePodMetrics(podAndErrors.cluster.name, podAndErrors.pod);\n const isPodDeleteEnabled = useIsPodDeleteEnabled();\n\n return (\n <KubernetesDrawer\n open={open}\n drawerContentsHeader={\n <Typography variant=\"subtitle1\">\n Pod{' '}\n {podAndErrors.pod.status?.podIP &&\n `(${podAndErrors.pod.status?.podIP})`}\n </Typography>\n }\n kubernetesObject={podAndErrors.pod}\n label={\n <Typography variant=\"subtitle1\">\n {podAndErrors.pod.metadata?.name ?? 'unknown'}\n </Typography>\n }\n >\n <div className={classes.content}>\n {isPodDeleteEnabled && (\n <PodDeleteButton\n podScope={{\n podName: podAndErrors.pod.metadata?.name ?? 'unknown',\n podNamespace: podAndErrors.pod.metadata?.namespace ?? 'default',\n cluster: podAndErrors.cluster,\n }}\n />\n )}\n {podMetrics && (\n <Grid container item xs={12}>\n <Grid item xs={12}>\n <Typography variant=\"h5\">Resource utilization</Typography>\n </Grid>\n <Grid item xs={6}>\n <ResourceUtilization\n title=\"CPU requests\"\n usage={podMetrics.cpu.currentUsage}\n total={podMetrics.cpu.requestTotal}\n totalFormatted={formatMillicores(podMetrics.cpu.requestTotal)}\n />\n <ResourceUtilization\n title=\"CPU limits\"\n usage={podMetrics.cpu.currentUsage}\n total={podMetrics.cpu.limitTotal}\n totalFormatted={formatMillicores(podMetrics.cpu.limitTotal)}\n />\n </Grid>\n <Grid item xs={6}>\n <ResourceUtilization\n title=\"Memory requests\"\n usage={podMetrics.memory.currentUsage}\n total={podMetrics.memory.requestTotal}\n totalFormatted={bytesToMiB(podMetrics.memory.requestTotal)}\n />\n <ResourceUtilization\n title=\"Memory limits\"\n usage={podMetrics.memory.currentUsage}\n total={podMetrics.memory.limitTotal}\n totalFormatted={bytesToMiB(podMetrics.memory.limitTotal)}\n />\n </Grid>\n </Grid>\n )}\n {podAndErrors.pod.status?.phase === 'Pending' && (\n <PendingPodContent pod={podAndErrors.pod} />\n )}\n {podAndErrors.pod.status?.containerStatuses?.length && (\n <Grid container spacing={2}>\n <Grid item xs={12}>\n <Typography variant=\"h5\">Containers</Typography>\n </Grid>\n <Grid item xs={12}>\n <ItemCardGrid>\n {podAndErrors.pod.status?.containerStatuses?.map(\n (containerStatus, i) => {\n const containerSpec = getContainerSpecByName(\n podAndErrors.pod,\n containerStatus.name,\n );\n const containerMetrics = (\n podMetrics?.containers ?? []\n ).find(c => c.container === containerStatus.name);\n return (\n <ContainerCard\n key={`container-card-${podAndErrors.pod.metadata?.name}-${i}`}\n containerMetrics={containerMetrics}\n podScope={{\n podName: podAndErrors.pod.metadata?.name ?? 'unknown',\n podNamespace:\n podAndErrors.pod.metadata?.namespace ?? 'unknown',\n cluster: podAndErrors.cluster,\n }}\n containerSpec={containerSpec}\n containerStatus={containerStatus}\n />\n );\n },\n )}\n </ItemCardGrid>\n </Grid>\n {podAndErrors.errors.length > 0 && (\n <Grid item xs={12}>\n <Typography variant=\"h5\">Errors</Typography>\n </Grid>\n )}\n {podAndErrors.errors.length > 0 && (\n <Grid item xs={12}>\n <ErrorList podAndErrors={[podAndErrors]} />\n </Grid>\n )}\n </Grid>\n )}\n </div>\n </KubernetesDrawer>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAM,sBAAyB,GAAA,UAAA;AAAA,EAAW,CAAC,WACzC,YAAa,CAAA;AAAA,IACX,MAAQ,EAAA;AAAA,MACN,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,KAAA;AAAA,MACf,cAAgB,EAAA;AAAA,KAClB;AAAA,IACA,OAAS,EAAA;AAAA,MACP,MAAQ,EAAA;AAAA,KACV;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,SAAW,EAAA;AAAA,MACT,KAAO,EAAA,MAAA;AAAA,MACP,QAAU,EAAA,GAAA;AAAA,MACV,SAAW,EAAA;AAAA;AACb,GACD;AACH,CAAA;AAEA,SAAS,sBAAA,CAAuB,KAAU,aAAuB,EAAA;AAC/D,EAAA,OAAO,IAAI,IAAM,EAAA,UAAA,CAAW,KAAK,CAAK,CAAA,KAAA,CAAA,CAAE,SAAS,aAAa,CAAA;AAChE;AAiBO,MAAM,SAAY,GAAA,CAAC,EAAE,YAAA,EAAc,MAA2B,KAAA;AACnE,EAAA,MAAM,UAAU,sBAAuB,EAAA;AACvC,EAAA,MAAM,aAAa,aAAc,CAAA,YAAA,CAAa,OAAQ,CAAA,IAAA,EAAM,aAAa,GAAG,CAAA;AAC5E,EAAA,MAAM,qBAAqB,qBAAsB,EAAA;AAEjD,EACE,uBAAA,GAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,oBACE,kBAAA,IAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,WAAY,EAAA,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,QAC1B,GAAA;AAAA,QACH,YAAA,CAAa,IAAI,MAAQ,EAAA,KAAA,IACxB,IAAI,YAAa,CAAA,GAAA,CAAI,QAAQ,KAAK,CAAA,CAAA;AAAA,OACtC,EAAA,CAAA;AAAA,MAEF,kBAAkB,YAAa,CAAA,GAAA;AAAA,MAC/B,KAAA,sBACG,UAAW,EAAA,EAAA,OAAA,EAAQ,aACjB,QAAa,EAAA,YAAA,CAAA,GAAA,CAAI,QAAU,EAAA,IAAA,IAAQ,SACtC,EAAA,CAAA;AAAA,MAGF,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,OACrB,EAAA,QAAA,EAAA;AAAA,QACC,kBAAA,oBAAA,GAAA;AAAA,UAAC,eAAA;AAAA,UAAA;AAAA,YACC,QAAU,EAAA;AAAA,cACR,OAAS,EAAA,YAAA,CAAa,GAAI,CAAA,QAAA,EAAU,IAAQ,IAAA,SAAA;AAAA,cAC5C,YAAc,EAAA,YAAA,CAAa,GAAI,CAAA,QAAA,EAAU,SAAa,IAAA,SAAA;AAAA,cACtD,SAAS,YAAa,CAAA;AAAA;AACxB;AAAA,SACF;AAAA,QAED,UAAA,yBACE,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,IAAI,EAAA,IAAA,EAAC,IAAI,EACvB,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EACb,8BAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAK,EAAA,QAAA,EAAA,sBAAA,EAAoB,CAC/C,EAAA,CAAA;AAAA,0BACC,IAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,mBAAA;AAAA,cAAA;AAAA,gBACC,KAAM,EAAA,cAAA;AAAA,gBACN,KAAA,EAAO,WAAW,GAAI,CAAA,YAAA;AAAA,gBACtB,KAAA,EAAO,WAAW,GAAI,CAAA,YAAA;AAAA,gBACtB,cAAgB,EAAA,gBAAA,CAAiB,UAAW,CAAA,GAAA,CAAI,YAAY;AAAA;AAAA,aAC9D;AAAA,4BACA,GAAA;AAAA,cAAC,mBAAA;AAAA,cAAA;AAAA,gBACC,KAAM,EAAA,YAAA;AAAA,gBACN,KAAA,EAAO,WAAW,GAAI,CAAA,YAAA;AAAA,gBACtB,KAAA,EAAO,WAAW,GAAI,CAAA,UAAA;AAAA,gBACtB,cAAgB,EAAA,gBAAA,CAAiB,UAAW,CAAA,GAAA,CAAI,UAAU;AAAA;AAAA;AAC5D,WACF,EAAA,CAAA;AAAA,0BACC,IAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,mBAAA;AAAA,cAAA;AAAA,gBACC,KAAM,EAAA,iBAAA;AAAA,gBACN,KAAA,EAAO,WAAW,MAAO,CAAA,YAAA;AAAA,gBACzB,KAAA,EAAO,WAAW,MAAO,CAAA,YAAA;AAAA,gBACzB,cAAgB,EAAA,UAAA,CAAW,UAAW,CAAA,MAAA,CAAO,YAAY;AAAA;AAAA,aAC3D;AAAA,4BACA,GAAA;AAAA,cAAC,mBAAA;AAAA,cAAA;AAAA,gBACC,KAAM,EAAA,eAAA;AAAA,gBACN,KAAA,EAAO,WAAW,MAAO,CAAA,YAAA;AAAA,gBACzB,KAAA,EAAO,WAAW,MAAO,CAAA,UAAA;AAAA,gBACzB,cAAgB,EAAA,UAAA,CAAW,UAAW,CAAA,MAAA,CAAO,UAAU;AAAA;AAAA;AACzD,WACF,EAAA;AAAA,SACF,EAAA,CAAA;AAAA,QAED,YAAA,CAAa,IAAI,MAAQ,EAAA,KAAA,KAAU,6BACjC,GAAA,CAAA,iBAAA,EAAA,EAAkB,GAAK,EAAA,YAAA,CAAa,GAAK,EAAA,CAAA;AAAA,QAE3C,YAAA,CAAa,GAAI,CAAA,MAAA,EAAQ,iBAAmB,EAAA,MAAA,yBAC1C,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,OAAA,EAAS,CACvB,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EACb,8BAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAK,EAAA,QAAA,EAAA,YAAA,EAAU,CACrC,EAAA,CAAA;AAAA,0BACA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,QAAA,kBAAA,GAAA,CAAC,YACE,EAAA,EAAA,QAAA,EAAA,YAAA,CAAa,GAAI,CAAA,MAAA,EAAQ,iBAAmB,EAAA,GAAA;AAAA,YAC3C,CAAC,iBAAiB,CAAM,KAAA;AACtB,cAAA,MAAM,aAAgB,GAAA,sBAAA;AAAA,gBACpB,YAAa,CAAA,GAAA;AAAA,gBACb,eAAgB,CAAA;AAAA,eAClB;AACA,cAAM,MAAA,gBAAA,GAAA,CACJ,UAAY,EAAA,UAAA,IAAc,EAAC,EAC3B,KAAK,CAAK,CAAA,KAAA,CAAA,CAAE,SAAc,KAAA,eAAA,CAAgB,IAAI,CAAA;AAChD,cACE,uBAAA,GAAA;AAAA,gBAAC,aAAA;AAAA,gBAAA;AAAA,kBAEC,gBAAA;AAAA,kBACA,QAAU,EAAA;AAAA,oBACR,OAAS,EAAA,YAAA,CAAa,GAAI,CAAA,QAAA,EAAU,IAAQ,IAAA,SAAA;AAAA,oBAC5C,YACE,EAAA,YAAA,CAAa,GAAI,CAAA,QAAA,EAAU,SAAa,IAAA,SAAA;AAAA,oBAC1C,SAAS,YAAa,CAAA;AAAA,mBACxB;AAAA,kBACA,aAAA;AAAA,kBACA;AAAA,iBAAA;AAAA,gBATK,kBAAkB,YAAa,CAAA,GAAA,CAAI,QAAU,EAAA,IAAI,IAAI,CAAC,CAAA;AAAA,eAU7D;AAAA;AAEJ,aAEJ,CACF,EAAA,CAAA;AAAA,UACC,YAAa,CAAA,MAAA,CAAO,MAAS,GAAA,CAAA,wBAC3B,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,IACb,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,IAAA,EAAK,oBAAM,CACjC,EAAA,CAAA;AAAA,UAED,aAAa,MAAO,CAAA,MAAA,GAAS,CAC5B,oBAAA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EACb,8BAAC,SAAU,EAAA,EAAA,YAAA,EAAc,CAAC,YAAY,GAAG,CAC3C,EAAA;AAAA,SAEJ,EAAA;AAAA,OAEJ,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { DismissableBanner, EmptyState, LogViewer } from '@backstage/core-components';
 import Paper from '@material-ui/core/Paper';
 import Skeleton from '@material-ui/lab/Skeleton';
@@ -12,32 +12,37 @@ const PodLogs = ({
     containerScope,
     previous
   });
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, error && /* @__PURE__ */ React__default.createElement(
-    DismissableBanner,
-    {
-      ...{
-        message: error.message,
-        variant: "error",
-        fixed: false
-      },
-      id: "pod-logs"
-    }
-  ), /* @__PURE__ */ React__default.createElement(
-    Paper,
-    {
-      elevation: 1,
-      style: { height: "100%", width: "100%", minHeight: "55rem" }
-    },
-    loading && /* @__PURE__ */ React__default.createElement(Skeleton, { variant: "rect", width: "100%", height: "100%" }),
-    !loading && value !== void 0 && (value.text === "" ? /* @__PURE__ */ React__default.createElement(
-      EmptyState,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    error && /* @__PURE__ */ jsx(
+      DismissableBanner,
       {
-        missing: "data",
-        title: "No logs emitted",
-        description: "No logs were emitted by the container"
+        ...{
+          message: error.message,
+          variant: "error",
+          fixed: false
+        },
+        id: "pod-logs"
       }
-    ) : /* @__PURE__ */ React__default.createElement(LogViewer, { text: value.text }))
-  ));
+    ),
+    /* @__PURE__ */ jsxs(
+      Paper,
+      {
+        elevation: 1,
+        style: { height: "100%", width: "100%", minHeight: "55rem" },
+        children: [
+          loading && /* @__PURE__ */ jsx(Skeleton, { variant: "rect", width: "100%", height: "100%" }),
+          !loading && value !== void 0 && (value.text === "" ? /* @__PURE__ */ jsx(
+            EmptyState,
+            {
+              missing: "data",
+              title: "No logs emitted",
+              description: "No logs were emitted by the container"
+            }
+          ) : /* @__PURE__ */ jsx(LogViewer, { text: value.text }))
+        ]
+      }
+    )
+  ] });
 };
 export { PodLogs };

package/dist/components/Pods/PodLogs/PodLogs.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PodLogs.esm.js","sources":["../../../../src/components/Pods/PodLogs/PodLogs.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';\n\nimport {\n DismissableBanner,\n EmptyState,\n LogViewer,\n} from '@backstage/core-components';\nimport Paper from '@material-ui/core/Paper';\nimport Skeleton from '@material-ui/lab/Skeleton';\n\nimport { ContainerScope } from './types';\nimport { usePodLogs } from './usePodLogs';\n\n/\n Props for PodLogs\n \n @public\n /\nexport interface PodLogsProps {\n containerScope: ContainerScope;\n previous?: boolean;\n}\n\n/\n Shows the logs for the given pod\n \n @public\n */\nexport const PodLogs: ~~React.~~FC<PodLogsProps> = ({\n containerScope,\n previous,\n}: PodLogsProps) => {\n const { value, error, loading } = usePodLogs({\n containerScope,\n previous,\n });\n\n return (\n <>\n {error && (\n <DismissableBanner\n {...{\n message: error.message,\n variant: 'error',\n fixed: false,\n }}\n id=\"pod-logs\"\n />\n )}\n <Paper\n elevation={1}\n style={{ height: '100%', width: '100%', minHeight: '55rem' }}\n >\n {loading && <Skeleton variant=\"rect\" width=\"100%\" height=\"100%\" />}\n {!loading &&\n value !== undefined &&\n (value.text === '' ? (\n <EmptyState\n missing=\"data\"\n title=\"No logs emitted\"\n description=\"No logs were emitted by the container\"\n />\n ) : (\n <LogViewer text={value.text} />\n ))}\n </Paper>\n </>\n );\n};\n"],"names":[~~"React"~~],"mappings":";;;;;;AA2CO,MAAM,~~UAAkC~~,CAAC;AAAA,~~EAC9C~~,cAAA;AAAA,EACA;AACF,CAAoB,KAAA;AAClB,EAAA,MAAM,EAAE,KAAA,EAAO,KAAO,EAAA,OAAA,KAAY,UAAW,CAAA;AAAA,IAC3C,cAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,~~mFAEK~~,~~KACC~~,~~oBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~;AAAA,~~IAAC~~,iBAAA;AAAA,~~IAAA~~;AAAA,~~MACE~~,GAAG;AAAA,~~QACF~~,SAAS,KAAM,CAAA,OAAA;AAAA,~~QACf~~,OAAS,EAAA,OAAA;AAAA,~~QACT~~,KAAO,EAAA;AAAA,~~OACT~~;AAAA,~~MACA~~,EAAG,EAAA;AAAA;AAAA,~~GAGP~~,~~kBAAAA~~,~~cAAA,CAAA,aAAA~~;AAAA,~~IAAC~~,KAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,SAAW,EAAA,CAAA;AAAA,~~MACX~~,OAAO,EAAE,MAAA,EAAQ,QAAQ,KAAO,EAAA,MAAA,EAAQ,WAAW,OAAQ;AAAA,~~KAAA~~;AAAA,~~IAE1D~~,OAAA,~~iDAAY~~,QAAS,EAAA,EAAA,OAAA,EAAQ,QAAO,KAAM,EAAA,MAAA,EAAO,QAAO,MAAO,EAAA,CAAA;AAAA,~~IAC~~/D,CAAC,OACA,IAAA,KAAA,KAAU,KACT,CAAA,KAAA,KAAA,CAAM,SAAS,EACd,~~mBAAAA~~,~~cAAA,CAAA,aAAA~~;AAAA,~~MAAC~~,UAAA;AAAA,~~MAAA~~;AAAA,~~QACC~~,OAAQ,EAAA,MAAA;AAAA,~~QACR~~,KAAM,EAAA,iBAAA;AAAA,~~QACN~~,WAAY,EAAA;AAAA;AAAA,~~KAGd~~,~~mBAAAA~~,~~cAAA~~,~~CAAA,aAAA,~~CAAC,SAAU,EAAA,EAAA,IAAA,EAAM,MAAM,IAAM,EAAA,CAAA;AAAA,~~GAGrC~~,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"PodLogs.esm.js","sources":["../../../../src/components/Pods/PodLogs/PodLogs.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 { FC } from 'react';\n\nimport {\n DismissableBanner,\n EmptyState,\n LogViewer,\n} from '@backstage/core-components';\nimport Paper from '@material-ui/core/Paper';\nimport Skeleton from '@material-ui/lab/Skeleton';\n\nimport { ContainerScope } from './types';\nimport { usePodLogs } from './usePodLogs';\n\n/\n Props for PodLogs\n \n @public\n /\nexport interface PodLogsProps {\n containerScope: ContainerScope;\n previous?: boolean;\n}\n\n/\n Shows the logs for the given pod\n \n @public\n */\nexport const PodLogs: FC<PodLogsProps> = ({\n containerScope,\n previous,\n}: PodLogsProps) => {\n const { value, error, loading } = usePodLogs({\n containerScope,\n previous,\n });\n\n return (\n <>\n {error && (\n <DismissableBanner\n {...{\n message: error.message,\n variant: 'error',\n fixed: false,\n }}\n id=\"pod-logs\"\n />\n )}\n <Paper\n elevation={1}\n style={{ height: '100%', width: '100%', minHeight: '55rem' }}\n >\n {loading && <Skeleton variant=\"rect\" width=\"100%\" height=\"100%\" />}\n {!loading &&\n value !== undefined &&\n (value.text === '' ? (\n <EmptyState\n missing=\"data\"\n title=\"No logs emitted\"\n description=\"No logs were emitted by the container\"\n />\n ) : (\n <LogViewer text={value.text} />\n ))}\n </Paper>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;AA2CO,MAAM,UAA4B,CAAC;AAAA,EACxC,cAAA;AAAA,EACA;AACF,CAAoB,KAAA;AAClB,EAAA,MAAM,EAAE,KAAA,EAAO,KAAO,EAAA,OAAA,KAAY,UAAW,CAAA;AAAA,IAC3C,cAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IACC,KAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,UACF,SAAS,KAAM,CAAA,OAAA;AAAA,UACf,OAAS,EAAA,OAAA;AAAA,UACT,KAAO,EAAA;AAAA,SACT;AAAA,QACA,EAAG,EAAA;AAAA;AAAA,KACL;AAAA,oBAEF,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,CAAA;AAAA,QACX,OAAO,EAAE,MAAA,EAAQ,QAAQ,KAAO,EAAA,MAAA,EAAQ,WAAW,OAAQ,EAAA;AAAA,QAE1D,QAAA,EAAA;AAAA,UAAA,OAAA,wBAAY,QAAS,EAAA,EAAA,OAAA,EAAQ,QAAO,KAAM,EAAA,MAAA,EAAO,QAAO,MAAO,EAAA,CAAA;AAAA,UAC/D,CAAC,OACA,IAAA,KAAA,KAAU,KACT,CAAA,KAAA,KAAA,CAAM,SAAS,EACd,mBAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,OAAQ,EAAA,MAAA;AAAA,cACR,KAAM,EAAA,iBAAA;AAAA,cACN,WAAY,EAAA;AAAA;AAAA,WAGd,mBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,IAAA,EAAM,MAAM,IAAM,EAAA,CAAA;AAAA;AAAA;AAAA;AAEnC,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Pods/PodLogs/PodLogsDialog.esm.js CHANGED Viewed

@@ -1,19 +1,19 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import SubjectIcon from '@material-ui/icons/Subject';
 import { KubernetesDialog } from '../../KubernetesDialog/KubernetesDialog.esm.js';
 import { PodLogs } from './PodLogs.esm.js';
 const PodLogsDialog = ({ containerScope }) => {
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     KubernetesDialog,
     {
       buttonAriaLabel: "get logs",
-      buttonIcon: /* @__PURE__ */ React__default.createElement(SubjectIcon, null),
+      buttonIcon: /* @__PURE__ */ jsx(SubjectIcon, {}),
       buttonText: "Logs",
       disabled: false,
-      title: `${containerScope.podName} - ${containerScope.containerName} logs on cluster ${containerScope.cluster.title || containerScope.cluster.name}`
-    },
-    /* @__PURE__ */ React__default.createElement(PodLogs, { containerScope })
+      title: `${containerScope.podName} - ${containerScope.containerName} logs on cluster ${containerScope.cluster.title || containerScope.cluster.name}`,
+      children: /* @__PURE__ */ jsx(PodLogs, { containerScope })
+    }
   );
 };

package/dist/components/Pods/PodLogs/PodLogsDialog.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PodLogsDialog.esm.js","sources":["../../../../src/components/Pods/PodLogs/PodLogsDialog.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';\n\nimport~~ SubjectIcon from '@material-ui/icons/Subject';\n\nimport { KubernetesDialog } from '../../KubernetesDialog';\nimport { PodLogs } from './PodLogs';\nimport { ContainerScope } from './types';\n\n/\n Props for PodLogsDialog\n \n @public\n /\nexport interface PodLogsDialogProps {\n containerScope: ContainerScope;\n}\n\n/\n Shows the logs for the given pod in a Dialog\n \n @public\n */\nexport const PodLogsDialog = ({ containerScope }: PodLogsDialogProps) => {\n return (\n <KubernetesDialog\n buttonAriaLabel=\"get logs\"\n buttonIcon={<SubjectIcon />}\n buttonText=\"Logs\"\n disabled={false}\n title={`${containerScope.podName} - ${\n containerScope.containerName\n } logs on cluster ${\n containerScope.cluster.title \|\| containerScope.cluster.name\n }`}\n >\n <PodLogs containerScope={containerScope} />\n </KubernetesDialog>\n );\n};\n"],"names":[~~"React"~~],"mappings":";;;;;~~AAqCO~~,MAAM,aAAgB,GAAA,CAAC,EAAE,cAAA,EAAyC,KAAA;AACvE,EACE,~~uBAAAA~~,~~cAAA,CAAA,aAAA~~;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,eAAgB,EAAA,UAAA;AAAA,MAChB,UAAA~~,+CAAa~~,WAAY,EAAA,~~IAAA~~,CAAA;AAAA,MACzB,UAAW,EAAA,MAAA;AAAA,MACX,QAAU,EAAA,KAAA;AAAA,MACV,KAAO,EAAA,CAAA,EAAG,cAAe,CAAA,OAAO,CAC9B,GAAA,EAAA,cAAA,CAAe,aACjB,CAAA,iBAAA,EACE,cAAe,CAAA,OAAA,CAAQ,KAAS,IAAA,cAAA,CAAe,QAAQ,IACzD,CAAA~~;AAAA~~,~~KAAA~~;AAAA,~~oBAEAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,CAAC,WAAQ,cAAgC,EAAA;AAAA,GAC3C;AAEJ;;;;"}
1	+ {"version":3,"file":"PodLogsDialog.esm.js","sources":["../../../../src/components/Pods/PodLogs/PodLogsDialog.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 SubjectIcon from '@material-ui/icons/Subject';\n\nimport { KubernetesDialog } from '../../KubernetesDialog';\nimport { PodLogs } from './PodLogs';\nimport { ContainerScope } from './types';\n\n/\n Props for PodLogsDialog\n \n @public\n /\nexport interface PodLogsDialogProps {\n containerScope: ContainerScope;\n}\n\n/\n Shows the logs for the given pod in a Dialog\n \n @public\n */\nexport const PodLogsDialog = ({ containerScope }: PodLogsDialogProps) => {\n return (\n <KubernetesDialog\n buttonAriaLabel=\"get logs\"\n buttonIcon={<SubjectIcon />}\n buttonText=\"Logs\"\n disabled={false}\n title={`${containerScope.podName} - ${\n containerScope.containerName\n } logs on cluster ${\n containerScope.cluster.title \|\| containerScope.cluster.name\n }`}\n >\n <PodLogs containerScope={containerScope} />\n </KubernetesDialog>\n );\n};\n"],"names":[],"mappings":";;;;;AAmCO,MAAM,aAAgB,GAAA,CAAC,EAAE,cAAA,EAAyC,KAAA;AACvE,EACE,uBAAA,GAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,eAAgB,EAAA,UAAA;AAAA,MAChB,UAAA,sBAAa,WAAY,EAAA,EAAA,CAAA;AAAA,MACzB,UAAW,EAAA,MAAA;AAAA,MACX,QAAU,EAAA,KAAA;AAAA,MACV,KAAO,EAAA,CAAA,EAAG,cAAe,CAAA,OAAO,CAC9B,GAAA,EAAA,cAAA,CAAe,aACjB,CAAA,iBAAA,EACE,cAAe,CAAA,OAAA,CAAQ,KAAS,IAAA,cAAA,CAAe,QAAQ,IACzD,CAAA,CAAA;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,WAAQ,cAAgC,EAAA;AAAA;AAAA,GAC3C;AAEJ;;;;"}

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

@@ -1,4 +1,5 @@
-import React__default, { useContext } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useContext } from 'react';
 import { PodDrawer } from './PodDrawer/PodDrawer.esm.js';
 import { Table } from '@backstage/core-components';
 import '@material-ui/core/Card';
@@ -53,7 +54,7 @@ const PodDrawerTrigger = ({ pod }) => {
     apiVersion: "v1",
     metadata: pod.metadata
   });
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     PodDrawer,
     {
       podAndErrors: {
@@ -67,16 +68,16 @@ const PodDrawerTrigger = ({ pod }) => {
 const Cpu = ({ clusterName, pod }) => {
   const metrics = usePodMetrics(clusterName, pod);
   if (!metrics) {
-    return /* @__PURE__ */ React__default.createElement(Typography, null, "unknown");
+    return /* @__PURE__ */ jsx(Typography, { children: "unknown" });
   }
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, podStatusToCpuUtil(metrics));
+  return /* @__PURE__ */ jsx(Fragment, { children: podStatusToCpuUtil(metrics) });
 };
 const Memory = ({ clusterName, pod }) => {
   const metrics = usePodMetrics(clusterName, pod);
   if (!metrics) {
-    return /* @__PURE__ */ React__default.createElement(Typography, null, "unknown");
+    return /* @__PURE__ */ jsx(Typography, { children: "unknown" });
   }
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, podStatusToMemoryUtil(metrics));
+  return /* @__PURE__ */ jsx(Fragment, { children: podStatusToMemoryUtil(metrics) });
 };
 const PodsTable = ({ pods, extraColumns = [] }) => {
   const cluster = useContext(ClusterContext);
@@ -90,7 +91,7 @@ const PodsTable = ({ pods, extraColumns = [] }) => {
       title: "name",
       highlight: true,
       render: (pod) => {
-        return /* @__PURE__ */ React__default.createElement(PodDrawerTrigger, { pod });
+        return /* @__PURE__ */ jsx(PodDrawerTrigger, { pod });
       }
     },
     {
@@ -112,14 +113,14 @@ const PodsTable = ({ pods, extraColumns = [] }) => {
       {
         title: "CPU usage %",
         render: (pod) => {
-          return /* @__PURE__ */ React__default.createElement(Cpu, { clusterName: cluster.name, pod });
+          return /* @__PURE__ */ jsx(Cpu, { clusterName: cluster.name, pod });
         },
         width: "auto"
       },
       {
         title: "Memory usage %",
         render: (pod) => {
-          return /* @__PURE__ */ React__default.createElement(Memory, { clusterName: cluster.name, pod });
+          return /* @__PURE__ */ jsx(Memory, { clusterName: cluster.name, pod });
         },
         width: "auto"
       }
@@ -130,7 +131,7 @@ const PodsTable = ({ pods, extraColumns = [] }) => {
     minWidth: "0",
     width: "100%"
   };
-  return /* @__PURE__ */ React__default.createElement("div", { style: tableStyle }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx("div", { style: tableStyle, children: /* @__PURE__ */ jsx(
     Table,
     {
       options: { paging: true, search: false, emptyRowsWhenPaging: false },
@@ -140,7 +141,7 @@ const PodsTable = ({ pods, extraColumns = [] }) => {
       })),
       columns
     }
-  ));
+  ) });
 };
 export { PodsTable, READY_COLUMNS, RESOURCE_COLUMNS };

package/dist/components/Pods/PodsTable.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PodsTable.esm.js","sources":["../../../src/components/Pods/PodsTable.tsx"],"sourcesContent":["/\n Copyright 2020 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 /\n\nimport ~~React~~, { useContext } from 'react';\nimport { PodDrawer } from './PodDrawer';\nimport {\n containersReady,\n containerStatuses,\n podStatusToCpuUtil,\n podStatusToMemoryUtil,\n totalRestarts,\n} from '../../utils/pod';\nimport { Table, TableColumn } from '@backstage/core-components';\nimport { ClusterContext } from '../../hooks/Cluster';\nimport { useMatchingErrors } from '../../hooks/useMatchingErrors';\nimport { Pod } from 'kubernetes-models/v1/Pod';\nimport { V1Pod } from '@kubernetes/client-node';\nimport { usePodMetrics } from '../../hooks/usePodMetrics';\nimport Typography from '@material-ui/core/Typography';\n\n/\n \n \n @public\n /\nexport const READY_COLUMNS: PodColumns = 'READY';\n\n/\n \n \n @public\n /\nexport const RESOURCE_COLUMNS: PodColumns = 'RESOURCE';\n\n/\n \n \n @public\n /\nexport type PodColumns = 'READY' \| 'RESOURCE';\n\n/\n \n \n @public\n /\nexport type PodsTablesProps = {\n pods: Pod \| V1Pod[];\n extraColumns?: PodColumns[];\n children?: ~~React.~~ReactNode;\n};\n\nconst READY: TableColumn<Pod>[] = [\n {\n title: 'containers ready',\n align: 'center',\n render: containersReady,\n width: 'auto',\n },\n {\n title: 'total restarts',\n align: 'center',\n render: totalRestarts,\n type: 'numeric',\n width: 'auto',\n },\n];\n\nconst PodDrawerTrigger = ({ pod }: { pod: Pod }) => {\n const errors = useMatchingErrors({\n kind: 'Pod',\n apiVersion: 'v1',\n metadata: pod.metadata,\n });\n return (\n <PodDrawer\n podAndErrors={{\n pod: pod as any,\n cluster: useContext(ClusterContext),\n errors: errors,\n }}\n />\n );\n};\n\nconst Cpu = ({ clusterName, pod }: { clusterName: string; pod: Pod }) => {\n const metrics = usePodMetrics(clusterName, pod);\n\n if (!metrics) {\n return <Typography>unknown</Typography>;\n }\n\n return <>{podStatusToCpuUtil(metrics)}</>;\n};\n\nconst Memory = ({ clusterName, pod }: { clusterName: string; pod: Pod }) => {\n const metrics = usePodMetrics(clusterName, pod);\n\n if (!metrics) {\n return <Typography>unknown</Typography>;\n }\n\n return <>{podStatusToMemoryUtil(metrics)}</>;\n};\n\n/\n \n \n @public\n */\nexport const PodsTable = ({ pods, extraColumns = [] }: PodsTablesProps) => {\n const cluster = useContext(ClusterContext);\n const defaultColumns: TableColumn<Pod>[] = [\n {\n title: 'ID',\n field: 'metadata.uid',\n hidden: true,\n },\n {\n title: 'name',\n highlight: true,\n render: (pod: Pod) => {\n return <PodDrawerTrigger pod={pod} />;\n },\n },\n {\n title: 'phase',\n render: (pod: Pod) => pod.status?.phase ?? 'unknown',\n width: 'auto',\n },\n {\n title: 'status',\n render: containerStatuses,\n },\n ];\n const columns: TableColumn<Pod>[] = [...defaultColumns];\n\n if (extraColumns.includes(READY_COLUMNS)) {\n columns.push(...READY);\n }\n if (extraColumns.includes(RESOURCE_COLUMNS)) {\n const resourceColumns: TableColumn<Pod>[] = [\n {\n title: 'CPU usage %',\n render: (pod: Pod) => {\n return <Cpu clusterName={cluster.name} pod={pod} />;\n },\n width: 'auto',\n },\n {\n title: 'Memory usage %',\n render: (pod: Pod) => {\n return <Memory clusterName={cluster.name} pod={pod} />;\n },\n width: 'auto',\n },\n ];\n columns.push(...resourceColumns);\n }\n\n const tableStyle = {\n minWidth: '0',\n width: '100%',\n };\n\n return (\n <div style={tableStyle}>\n <Table\n options={{ paging: true, search: false, emptyRowsWhenPaging: false }}\n // It was observed that in some instances the pod drawer closes when new data (like CPU usage) is available and the table reloads.\n // Mapping the metadata UID to the tables ID fixes this problem.\n data={\n (pods as Pod[]).map((pod: Pod) => ({\n ...pod,\n id: pod?.metadata?.uid,\n })) as any as Pod[]\n }\n columns={columns}\n />\n </div>\n );\n};\n"],"names":[~~"React"~~],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAsCO,MAAM,aAA4B,GAAA;AAOlC,MAAM,gBAA+B,GAAA;AAoB5C,MAAM,KAA4B,GAAA;AAAA,EAChC;AAAA,IACE,KAAO,EAAA,kBAAA;AAAA,IACP,KAAO,EAAA,QAAA;AAAA,IACP,MAAQ,EAAA,eAAA;AAAA,IACR,KAAO,EAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,gBAAA;AAAA,IACP,KAAO,EAAA,QAAA;AAAA,IACP,MAAQ,EAAA,aAAA;AAAA,IACR,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA;AAAA;AAEX,CAAA;AAEA,MAAM,gBAAmB,GAAA,CAAC,EAAE,GAAA,EAAwB,KAAA;AAClD,EAAA,MAAM,SAAS,iBAAkB,CAAA;AAAA,IAC/B,IAAM,EAAA,KAAA;AAAA,IACN,UAAY,EAAA,IAAA;AAAA,IACZ,UAAU,GAAI,CAAA;AAAA,GACf,CAAA;AACD,EACE,~~uBAAAA~~,~~cAAA,CAAA,aAAA~~;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,YAAc,EAAA;AAAA,QACZ,GAAA;AAAA,QACA,OAAA,EAAS,WAAW,cAAc,CAAA;AAAA,QAClC;AAAA;AACF;AAAA,GACF;AAEJ,CAAA;AAEA,MAAM,GAAM,GAAA,CAAC,EAAE,WAAA,EAAa,KAA6C,KAAA;AACvE,EAAM,MAAA,OAAA,GAAU,aAAc,CAAA,WAAA,EAAa,GAAG,CAAA;AAE9C,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAO,~~uBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,~~CAAC~~,~~kBAAW~~,~~SAAO~~,CAAA;AAAA;AAG5B,EAAO,~~uBAAAA~~,~~cAAA~~,CAAA,~~aAAA~~,~~CAAAA~~,~~cAAA~~,~~CAAA~~,~~QAAA,~~EAAA,~~IAAA~~,~~EAAG,kBAAmB,~~CAAA,OAAO,CAAE,CAAA;AACxC,CAAA;AAEA,MAAM,MAAS,GAAA,CAAC,EAAE,WAAA,EAAa,KAA6C,KAAA;AAC1E,EAAM,MAAA,OAAA,GAAU,aAAc,CAAA,WAAA,EAAa,GAAG,CAAA;AAE9C,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAO,~~uBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,~~CAAC~~,~~kBAAW~~,~~SAAO~~,CAAA;AAAA;AAG5B,EAAO,~~uBAAAA~~,~~cAAA~~,CAAA,~~aAAA~~,~~CAAAA~~,~~cAAA~~,~~CAAA~~,~~QAAA,~~EAAA,~~IAAA~~,~~EAAG,qBAAsB,~~CAAA,OAAO,CAAE,CAAA;AAC3C,CAAA;AAOO,MAAM,YAAY,CAAC,EAAE,MAAM,YAAe,GAAA,IAA0B,KAAA;AACzE,EAAM,MAAA,OAAA,GAAU,WAAW,cAAc,CAAA;AACzC,EAAA,MAAM,cAAqC,GAAA;AAAA,IACzC;AAAA,MACE,KAAO,EAAA,IAAA;AAAA,MACP,KAAO,EAAA,cAAA;AAAA,MACP,MAAQ,EAAA;AAAA,KACV;AAAA,IACA;AAAA,MACE,KAAO,EAAA,MAAA;AAAA,MACP,SAAW,EAAA,IAAA;AAAA,MACX,MAAA,EAAQ,CAAC,GAAa,KAAA;AACpB,QAAO,~~uBAAAA~~,~~cAAA~~,~~CAAA,aAAA,~~CAAC,oBAAiB,GAAU,EAAA,CAAA;AAAA;AACrC,KACF;AAAA,IACA;AAAA,MACE,KAAO,EAAA,OAAA;AAAA,MACP,MAAQ,EAAA,CAAC,GAAa,KAAA,GAAA,CAAI,QAAQ,KAAS,IAAA,SAAA;AAAA,MAC3C,KAAO,EAAA;AAAA,KACT;AAAA,IACA;AAAA,MACE,KAAO,EAAA,QAAA;AAAA,MACP,MAAQ,EAAA;AAAA;AACV,GACF;AACA,EAAM,MAAA,OAAA,GAA8B,CAAC,GAAG,cAAc,CAAA;AAEtD,EAAI,IAAA,YAAA,CAAa,QAAS,CAAA,aAAa,CAAG,EAAA;AACxC,IAAQ,OAAA,CAAA,IAAA,CAAK,GAAG,KAAK,CAAA;AAAA;AAEvB,EAAI,IAAA,YAAA,CAAa,QAAS,CAAA,gBAAgB,CAAG,EAAA;AAC3C,IAAA,MAAM,eAAsC,GAAA;AAAA,MAC1C;AAAA,QACE,KAAO,EAAA,aAAA;AAAA,QACP,MAAA,EAAQ,CAAC,GAAa,KAAA;AACpB,UAAA,~~uBAAQA~~,~~cAAA~~,CAAA,~~aAAA,CAAA,~~GAAA,EAAA,EAAI,WAAa,EAAA,OAAA,CAAQ,MAAM,GAAU,EAAA,CAAA;AAAA,SACnD;AAAA,QACA,KAAO,EAAA;AAAA,OACT;AAAA,MACA;AAAA,QACE,KAAO,EAAA,gBAAA;AAAA,QACP,MAAA,EAAQ,CAAC,GAAa,KAAA;AACpB,UAAA,~~uBAAQA~~,~~cAAA~~,CAAA,~~aAAA,CAAA,~~MAAA,EAAA,EAAO,WAAa,EAAA,OAAA,CAAQ,MAAM,GAAU,EAAA,CAAA;AAAA,SACtD;AAAA,QACA,KAAO,EAAA;AAAA;AACT,KACF;AACA,IAAQ,OAAA,CAAA,IAAA,CAAK,GAAG,eAAe,CAAA;AAAA;AAGjC,EAAA,MAAM,UAAa,GAAA;AAAA,IACjB,QAAU,EAAA,GAAA;AAAA,IACV,KAAO,EAAA;AAAA,GACT;AAEA,EACE,~~uBAAAA~~,~~cAAA~~,~~CAAA,aAAA,~~CAAC,KAAI,EAAA,EAAA,KAAA,EAAO,UACV,EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA,aAAA~~;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAE,MAAA,EAAQ,MAAM,MAAQ,EAAA,KAAA,EAAO,qBAAqB,KAAM,EAAA;AAAA,MAGnE,IACG,EAAA,IAAA,CAAe,GAAI,CAAA,CAAC,GAAc,MAAA;AAAA,QACjC,GAAG,GAAA;AAAA,QACH,EAAA,EAAI,KAAK,QAAU,EAAA;AAAA,OACnB,CAAA,CAAA;AAAA,MAEJ;AAAA;AAAA,GAEJ,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"PodsTable.esm.js","sources":["../../../src/components/Pods/PodsTable.tsx"],"sourcesContent":["/\n Copyright 2020 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 /\n\nimport { ReactNode, useContext } from 'react';\nimport { PodDrawer } from './PodDrawer';\nimport {\n containersReady,\n containerStatuses,\n podStatusToCpuUtil,\n podStatusToMemoryUtil,\n totalRestarts,\n} from '../../utils/pod';\nimport { Table, TableColumn } from '@backstage/core-components';\nimport { ClusterContext } from '../../hooks/Cluster';\nimport { useMatchingErrors } from '../../hooks/useMatchingErrors';\nimport { Pod } from 'kubernetes-models/v1/Pod';\nimport { V1Pod } from '@kubernetes/client-node';\nimport { usePodMetrics } from '../../hooks/usePodMetrics';\nimport Typography from '@material-ui/core/Typography';\n\n/\n \n \n @public\n /\nexport const READY_COLUMNS: PodColumns = 'READY';\n\n/\n \n \n @public\n /\nexport const RESOURCE_COLUMNS: PodColumns = 'RESOURCE';\n\n/\n \n \n @public\n /\nexport type PodColumns = 'READY' \| 'RESOURCE';\n\n/\n \n \n @public\n /\nexport type PodsTablesProps = {\n pods: Pod \| V1Pod[];\n extraColumns?: PodColumns[];\n children?: ReactNode;\n};\n\nconst READY: TableColumn<Pod>[] = [\n {\n title: 'containers ready',\n align: 'center',\n render: containersReady,\n width: 'auto',\n },\n {\n title: 'total restarts',\n align: 'center',\n render: totalRestarts,\n type: 'numeric',\n width: 'auto',\n },\n];\n\nconst PodDrawerTrigger = ({ pod }: { pod: Pod }) => {\n const errors = useMatchingErrors({\n kind: 'Pod',\n apiVersion: 'v1',\n metadata: pod.metadata,\n });\n return (\n <PodDrawer\n podAndErrors={{\n pod: pod as any,\n cluster: useContext(ClusterContext),\n errors: errors,\n }}\n />\n );\n};\n\nconst Cpu = ({ clusterName, pod }: { clusterName: string; pod: Pod }) => {\n const metrics = usePodMetrics(clusterName, pod);\n\n if (!metrics) {\n return <Typography>unknown</Typography>;\n }\n\n return <>{podStatusToCpuUtil(metrics)}</>;\n};\n\nconst Memory = ({ clusterName, pod }: { clusterName: string; pod: Pod }) => {\n const metrics = usePodMetrics(clusterName, pod);\n\n if (!metrics) {\n return <Typography>unknown</Typography>;\n }\n\n return <>{podStatusToMemoryUtil(metrics)}</>;\n};\n\n/\n \n \n @public\n */\nexport const PodsTable = ({ pods, extraColumns = [] }: PodsTablesProps) => {\n const cluster = useContext(ClusterContext);\n const defaultColumns: TableColumn<Pod>[] = [\n {\n title: 'ID',\n field: 'metadata.uid',\n hidden: true,\n },\n {\n title: 'name',\n highlight: true,\n render: (pod: Pod) => {\n return <PodDrawerTrigger pod={pod} />;\n },\n },\n {\n title: 'phase',\n render: (pod: Pod) => pod.status?.phase ?? 'unknown',\n width: 'auto',\n },\n {\n title: 'status',\n render: containerStatuses,\n },\n ];\n const columns: TableColumn<Pod>[] = [...defaultColumns];\n\n if (extraColumns.includes(READY_COLUMNS)) {\n columns.push(...READY);\n }\n if (extraColumns.includes(RESOURCE_COLUMNS)) {\n const resourceColumns: TableColumn<Pod>[] = [\n {\n title: 'CPU usage %',\n render: (pod: Pod) => {\n return <Cpu clusterName={cluster.name} pod={pod} />;\n },\n width: 'auto',\n },\n {\n title: 'Memory usage %',\n render: (pod: Pod) => {\n return <Memory clusterName={cluster.name} pod={pod} />;\n },\n width: 'auto',\n },\n ];\n columns.push(...resourceColumns);\n }\n\n const tableStyle = {\n minWidth: '0',\n width: '100%',\n };\n\n return (\n <div style={tableStyle}>\n <Table\n options={{ paging: true, search: false, emptyRowsWhenPaging: false }}\n // It was observed that in some instances the pod drawer closes when new data (like CPU usage) is available and the table reloads.\n // Mapping the metadata UID to the tables ID fixes this problem.\n data={\n (pods as Pod[]).map((pod: Pod) => ({\n ...pod,\n id: pod?.metadata?.uid,\n })) as any as Pod[]\n }\n columns={columns}\n />\n </div>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ResourceUtilization/ResourceUtilization.esm.js CHANGED Viewed

@@ -1,6 +1,6 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import Grid from '@material-ui/core/Grid';
 import Typography from '@material-ui/core/Typography';
-import React__default from 'react';
 import { LinearGauge } from '@backstage/core-components';
 import { currentToDeclaredResourceToPerc } from '../../utils/resources.esm.js';
@@ -30,20 +30,29 @@ const ResourceUtilization = ({
   totalFormatted
 }) => {
   const utilization = currentToDeclaredResourceToPerc(usage, total);
-  return /* @__PURE__ */ React__default.createElement(Grid, { container: true, spacing: 0 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(
-    Typography,
-    {
-      variant: compressed ? "caption" : "subtitle2"
-    },
-    `${title}: ${totalFormatted}`
-  )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(
-    LinearGauge,
-    {
-      getColor: getProgressColor,
-      width: compressed ? "thin" : "thick",
-      value: utilization / 100
-    }
-  ), !compressed && /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption" }, "usage: ", `${utilization}%`)));
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 0, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: compressed ? "caption" : "subtitle2",
+        children: `${title}: ${totalFormatted}`
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
+      /* @__PURE__ */ jsx(
+        LinearGauge,
+        {
+          getColor: getProgressColor,
+          width: compressed ? "thin" : "thick",
+          value: utilization / 100
+        }
+      ),
+      !compressed && /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+        "usage: ",
+        `${utilization}%`
+      ] })
+    ] })
+  ] });
 };
 export { ResourceUtilization };

package/dist/components/ResourceUtilization/ResourceUtilization.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResourceUtilization.esm.js","sources":["../../../src/components/ResourceUtilization/ResourceUtilization.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 Typography from '@material-ui/core/Typography';\n\nimport ~~React from 'react';\nimport~~ { GaugePropsGetColor, LinearGauge } from '@backstage/core-components';\nimport { currentToDeclaredResourceToPerc } from '../../utils/resources';\n\n/\n Context for Pod Metrics\n \n @public\n /\nexport interface ResourceUtilizationProps {\n compressed?: boolean;\n title: string;\n usage: number \| string;\n total: number \| string;\n totalFormatted: string;\n}\n\nconst getProgressColor: GaugePropsGetColor = ({\n palette,\n value,\n inverse,\n max,\n}) => {\n if (isNaN(value)) {\n return palette.status.pending;\n }\n const actualMax = max ? max : 100;\n const actualValue = inverse ? actualMax - value : value;\n\n if (actualValue >= actualMax) {\n return palette.status.error;\n } else if (actualValue > 90 \|\| actualValue < 40) {\n return palette.status.warning;\n }\n\n return palette.status.ok;\n};\n\n/\n Context for Pod Metrics\n \n @public\n */\nexport const ResourceUtilization = ({\n compressed = false,\n title,\n usage,\n total,\n totalFormatted,\n}: ResourceUtilizationProps) => {\n const utilization = currentToDeclaredResourceToPerc(usage, total);\n return (\n <Grid container spacing={0}>\n <Grid item xs={12}>\n <Typography\n variant={compressed ? 'caption' : 'subtitle2'}\n >{`${title}: ${totalFormatted}`}</Typography>\n </Grid>\n <Grid item xs={12}>\n <LinearGauge\n getColor={getProgressColor}\n width={compressed ? 'thin' : 'thick'}\n value={utilization / 100}\n />\n {!compressed && (\n <Typography variant=\"caption\">usage: {`${utilization}%`}</Typography>\n )}\n </Grid>\n </Grid>\n );\n};\n"],"names":[~~"React"~~],"mappings":";;;;;;~~AAmCA~~,MAAM,mBAAuC,CAAC;AAAA,EAC5C,OAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAI,IAAA,KAAA,CAAM,KAAK,CAAG,EAAA;AAChB,IAAA,OAAO,QAAQ,MAAO,CAAA,OAAA;AAAA;AAExB,EAAM,MAAA,SAAA,GAAY,MAAM,GAAM,GAAA,GAAA;AAC9B,EAAM,MAAA,WAAA,GAAc,OAAU,GAAA,SAAA,GAAY,KAAQ,GAAA,KAAA;AAElD,EAAA,IAAI,eAAe,SAAW,EAAA;AAC5B,IAAA,OAAO,QAAQ,MAAO,CAAA,KAAA;AAAA,GACb,MAAA,IAAA,WAAA,GAAc,EAAM,IAAA,WAAA,GAAc,EAAI,EAAA;AAC/C,IAAA,OAAO,QAAQ,MAAO,CAAA,OAAA;AAAA;AAGxB,EAAA,OAAO,QAAQ,MAAO,CAAA,EAAA;AACxB,CAAA;AAOO,MAAM,sBAAsB,CAAC;AAAA,EAClC,UAAa,GAAA,KAAA;AAAA,EACb,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAgC,KAAA;AAC9B,EAAM,MAAA,WAAA,GAAc,+BAAgC,CAAA,KAAA,EAAO,KAAK,CAAA;AAChE,~~EACE~~,~~uBAAAA~~,~~cAAA~~,CAAA,~~aAAA~~,~~CAAC~~,~~IAAK~~,~~EAAA~~,EAAA,~~SAAA~~,~~EAAS~~,~~IAAC~~,~~EAAA,OAAA,EAAS,~~CACvB,EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA,aAAA~~;AAAA,~~IAAC~~,UAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,OAAA,EAAS,aAAa,SAAY,GAAA~~;AAAA~~,~~KAAA~~;AAAA,~~IAClC~~,CAAA,EAAG,KAAK,CAAA,EAAA,EAAK,cAAc,CAAA;AAAA,~~GAC~~/B,~~CACA~~,~~kBAAAA~~,~~cAAA~~,CAAA,~~aAAA~~,~~CAAC~~,~~QAAK~~,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~;AAAA,~~IAAC~~,WAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,QAAU,EAAA,gBAAA;AAAA,~~MACV~~,KAAA,EAAO,aAAa,MAAS,GAAA,OAAA;AAAA,~~MAC7B~~,OAAO,WAAc,GAAA;AAAA;AAAA,~~GAEtB~~,~~EAAA~~,CAAC,~~UACA~~,~~oBAAAA~~,~~cAAA~~,CAAA,~~aAAA~~,~~CAAC,UAAW,~~EAAA,~~EAAA~~,~~OAAA~~,~~EAAQ,~~SAAU,EAAA,EAAA,SAAA,~~EAAQ~~,~~CAAG~~,~~EAAA,~~WAAW,~~CAAI,~~CAAA,CAAA,~~CAE5D~~,~~CACF~~,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"ResourceUtilization.esm.js","sources":["../../../src/components/ResourceUtilization/ResourceUtilization.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 Typography from '@material-ui/core/Typography';\n\nimport { GaugePropsGetColor, LinearGauge } from '@backstage/core-components';\nimport { currentToDeclaredResourceToPerc } from '../../utils/resources';\n\n/\n Context for Pod Metrics\n \n @public\n /\nexport interface ResourceUtilizationProps {\n compressed?: boolean;\n title: string;\n usage: number \| string;\n total: number \| string;\n totalFormatted: string;\n}\n\nconst getProgressColor: GaugePropsGetColor = ({\n palette,\n value,\n inverse,\n max,\n}) => {\n if (isNaN(value)) {\n return palette.status.pending;\n }\n const actualMax = max ? max : 100;\n const actualValue = inverse ? actualMax - value : value;\n\n if (actualValue >= actualMax) {\n return palette.status.error;\n } else if (actualValue > 90 \|\| actualValue < 40) {\n return palette.status.warning;\n }\n\n return palette.status.ok;\n};\n\n/\n Context for Pod Metrics\n \n @public\n */\nexport const ResourceUtilization = ({\n compressed = false,\n title,\n usage,\n total,\n totalFormatted,\n}: ResourceUtilizationProps) => {\n const utilization = currentToDeclaredResourceToPerc(usage, total);\n return (\n <Grid container spacing={0}>\n <Grid item xs={12}>\n <Typography\n variant={compressed ? 'caption' : 'subtitle2'}\n >{`${title}: ${totalFormatted}`}</Typography>\n </Grid>\n <Grid item xs={12}>\n <LinearGauge\n getColor={getProgressColor}\n width={compressed ? 'thin' : 'thick'}\n value={utilization / 100}\n />\n {!compressed && (\n <Typography variant=\"caption\">usage: {`${utilization}%`}</Typography>\n )}\n </Grid>\n </Grid>\n );\n};\n"],"names":[],"mappings":";;;;;;AAkCA,MAAM,mBAAuC,CAAC;AAAA,EAC5C,OAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAI,IAAA,KAAA,CAAM,KAAK,CAAG,EAAA;AAChB,IAAA,OAAO,QAAQ,MAAO,CAAA,OAAA;AAAA;AAExB,EAAM,MAAA,SAAA,GAAY,MAAM,GAAM,GAAA,GAAA;AAC9B,EAAM,MAAA,WAAA,GAAc,OAAU,GAAA,SAAA,GAAY,KAAQ,GAAA,KAAA;AAElD,EAAA,IAAI,eAAe,SAAW,EAAA;AAC5B,IAAA,OAAO,QAAQ,MAAO,CAAA,KAAA;AAAA,GACb,MAAA,IAAA,WAAA,GAAc,EAAM,IAAA,WAAA,GAAc,EAAI,EAAA;AAC/C,IAAA,OAAO,QAAQ,MAAO,CAAA,OAAA;AAAA;AAGxB,EAAA,OAAO,QAAQ,MAAO,CAAA,EAAA;AACxB,CAAA;AAOO,MAAM,sBAAsB,CAAC;AAAA,EAClC,UAAa,GAAA,KAAA;AAAA,EACb,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAgC,KAAA;AAC9B,EAAM,MAAA,WAAA,GAAc,+BAAgC,CAAA,KAAA,EAAO,KAAK,CAAA;AAChE,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,aAAa,SAAY,GAAA,WAAA;AAAA,QAClC,QAAA,EAAA,CAAA,EAAG,KAAK,CAAA,EAAA,EAAK,cAAc,CAAA;AAAA;AAAA,KAC/B,EAAA,CAAA;AAAA,oBACC,IAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,QAAU,EAAA,gBAAA;AAAA,UACV,KAAA,EAAO,aAAa,MAAS,GAAA,OAAA;AAAA,UAC7B,OAAO,WAAc,GAAA;AAAA;AAAA,OACvB;AAAA,MACC,CAAC,UAAA,oBACC,IAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,SAAU,EAAA,QAAA,EAAA;AAAA,QAAA,SAAA;AAAA,QAAQ,GAAG,WAAW,CAAA,CAAA;AAAA,OAAI,EAAA;AAAA,KAE5D,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/ServicesAccordions/ServiceDrawer.esm.js CHANGED Viewed

@@ -1,10 +1,11 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { KubernetesStructuredMetadataTableDrawer } from '../KubernetesDrawer/KubernetesStructuredMetadataTableDrawer.esm.js';
 import '../KubernetesDrawer/KubernetesDrawer.esm.js';
 import '@backstage/core-components';
 import '@material-ui/core/FormControlLabel';
 import '@material-ui/core/Switch';
 import 'js-yaml';
+import 'react';
 import Typography from '@material-ui/core/Typography';
 import Grid from '@material-ui/core/Grid';
 import Chip from '@material-ui/core/Chip';
@@ -14,7 +15,7 @@ const ServiceDrawer = ({
   expanded
 }) => {
   const namespace = service.metadata?.namespace;
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     KubernetesStructuredMetadataTableDrawer,
     {
       object: service,
@@ -22,21 +23,23 @@ const ServiceDrawer = ({
       kind: "Service",
       renderObject: (serviceObject) => {
         return serviceObject.spec || {};
-      }
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Grid,
-      {
-        container: true,
-        direction: "column",
-        justifyContent: "flex-start",
-        alignItems: "flex-start",
-        spacing: 0
       },
-      /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "body1" }, service.metadata?.name ?? "unknown object")),
-      /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { color: "textSecondary", variant: "subtitle1" }, "Service")),
-      namespace && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Chip, { size: "small", label: `namespace: ${namespace}` }))
-    )
+      children: /* @__PURE__ */ jsxs(
+        Grid,
+        {
+          container: true,
+          direction: "column",
+          justifyContent: "flex-start",
+          alignItems: "flex-start",
+          spacing: 0,
+          children: [
+            /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { variant: "body1", children: service.metadata?.name ?? "unknown object" }) }),
+            /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { color: "textSecondary", variant: "subtitle1", children: "Service" }) }),
+            namespace && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Chip, { size: "small", label: `namespace: ${namespace}` }) })
+          ]
+        }
+      )
+    }
   );
 };

package/dist/components/ServicesAccordions/ServiceDrawer.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ServiceDrawer.esm.js","sources":["../../../src/components/ServicesAccordions/ServiceDrawer.tsx"],"sourcesContent":["/\n Copyright 2020 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 */\n\nimport ~~React from 'react';\nimport~~ { V1Service } from '@kubernetes/client-node';\nimport { KubernetesStructuredMetadataTableDrawer } from '../KubernetesDrawer';\nimport Typography from '@material-ui/core/Typography';\nimport Grid from '@material-ui/core/Grid';\nimport Chip from '@material-ui/core/Chip';\n\nexport const ServiceDrawer = ({\n service,\n expanded,\n}: {\n service: V1Service;\n expanded?: boolean;\n}) => {\n const namespace = service.metadata?.namespace;\n return (\n <KubernetesStructuredMetadataTableDrawer\n object={service}\n expanded={expanded}\n kind=\"Service\"\n renderObject={(serviceObject: V1Service) => {\n return serviceObject.spec \|\| {};\n }}\n >\n <Grid\n container\n direction=\"column\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n spacing={0}\n >\n <Grid item>\n <Typography variant=\"body1\">\n {service.metadata?.name ?? 'unknown object'}\n </Typography>\n </Grid>\n <Grid item>\n <Typography color=\"textSecondary\" variant=\"subtitle1\">\n Service\n </Typography>\n </Grid>\n {namespace && (\n <Grid item>\n <Chip size=\"small\" label={`namespace: ${namespace}`} />\n </Grid>\n )}\n </Grid>\n </KubernetesStructuredMetadataTableDrawer>\n );\n};\n"],"names":[~~"React"~~],"mappings":"~~;;;;;;;;;;;AAuBO~~,MAAM,gBAAgB,CAAC;AAAA,EAC5B,OAAA;AAAA,EACA;AACF,CAGM,KAAA;AACJ,EAAM,MAAA,SAAA,GAAY,QAAQ,QAAU,EAAA,SAAA;AACpC,EACE,~~uBAAAA~~,~~cAAA,CAAA,aAAA~~;AAAA,IAAC,uCAAA;AAAA,IAAA;AAAA,MACC,MAAQ,EAAA,OAAA;AAAA,MACR,QAAA;AAAA,MACA,IAAK,EAAA,SAAA;AAAA,MACL,YAAA,EAAc,CAAC,aAA6B,KAAA;AAC1C,QAAO,OAAA,aAAA,CAAc,QAAQ,EAAC;AAAA~~;AAChC~~,~~KAAA~~;AAAA,~~oBAEAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~;AAAA,~~MAAC~~,IAAA;AAAA,~~MAAA~~;AAAA,~~QACC~~,SAAS,EAAA,IAAA;AAAA,~~QACT~~,SAAU,EAAA,QAAA;AAAA,~~QACV~~,cAAe,EAAA,YAAA;AAAA,~~QACf~~,UAAW,EAAA,YAAA;AAAA,~~QACX~~,OAAS,EAAA;AAAA,~~OAAA~~;AAAA,~~sBAERA~~,~~cAAA~~,CAAA,~~aAAA,CAAA,~~IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,~~EAAA~~,~~kBACPA~~,~~cAAA~~,~~CAAA~~,~~aAAA,~~CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,~~EACjB~~,~~OAAQ,~~CAAA,QAAA,EAAU,IAAQ,IAAA,~~gBAC7B~~,CACF,CAAA;AAAA,~~sBACAA~~,~~cAAA~~,~~CAAA,aAAA,~~CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA,~~CAAC,UAAW,EAAA,EAAA,KAAA,EAAM,eAAgB,EAAA,OAAA,EAAQ,WAAY,EAAA,EAAA,~~SAEtD~~,CACF,CAAA;AAAA,~~MACC~~,SACC,~~oBAAAA~~,~~cAAA~~,~~CAAA,aAAA,~~CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA,~~CAAC,IAAK,EAAA,EAAA,IAAA,EAAK,OAAQ,EAAA,KAAA,EAAO,CAAc,WAAA,EAAA,SAAS,IAAI,CACvD;AAAA;AAEJ,GACF;AAEJ;;;;"}
1	+ {"version":3,"file":"ServiceDrawer.esm.js","sources":["../../../src/components/ServicesAccordions/ServiceDrawer.tsx"],"sourcesContent":["/\n Copyright 2020 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 */\n\nimport { V1Service } from '@kubernetes/client-node';\nimport { KubernetesStructuredMetadataTableDrawer } from '../KubernetesDrawer';\nimport Typography from '@material-ui/core/Typography';\nimport Grid from '@material-ui/core/Grid';\nimport Chip from '@material-ui/core/Chip';\n\nexport const ServiceDrawer = ({\n service,\n expanded,\n}: {\n service: V1Service;\n expanded?: boolean;\n}) => {\n const namespace = service.metadata?.namespace;\n return (\n <KubernetesStructuredMetadataTableDrawer\n object={service}\n expanded={expanded}\n kind=\"Service\"\n renderObject={(serviceObject: V1Service) => {\n return serviceObject.spec \|\| {};\n }}\n >\n <Grid\n container\n direction=\"column\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n spacing={0}\n >\n <Grid item>\n <Typography variant=\"body1\">\n {service.metadata?.name ?? 'unknown object'}\n </Typography>\n </Grid>\n <Grid item>\n <Typography color=\"textSecondary\" variant=\"subtitle1\">\n Service\n </Typography>\n </Grid>\n {namespace && (\n <Grid item>\n <Chip size=\"small\" label={`namespace: ${namespace}`} />\n </Grid>\n )}\n </Grid>\n </KubernetesStructuredMetadataTableDrawer>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAsBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,OAAA;AAAA,EACA;AACF,CAGM,KAAA;AACJ,EAAM,MAAA,SAAA,GAAY,QAAQ,QAAU,EAAA,SAAA;AACpC,EACE,uBAAA,GAAA;AAAA,IAAC,uCAAA;AAAA,IAAA;AAAA,MACC,MAAQ,EAAA,OAAA;AAAA,MACR,QAAA;AAAA,MACA,IAAK,EAAA,SAAA;AAAA,MACL,YAAA,EAAc,CAAC,aAA6B,KAAA;AAC1C,QAAO,OAAA,aAAA,CAAc,QAAQ,EAAC;AAAA,OAChC;AAAA,MAEA,QAAA,kBAAA,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,SAAS,EAAA,IAAA;AAAA,UACT,SAAU,EAAA,QAAA;AAAA,UACV,cAAe,EAAA,YAAA;AAAA,UACf,UAAW,EAAA,YAAA;AAAA,UACX,OAAS,EAAA,CAAA;AAAA,UAET,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EACR,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EACjB,QAAQ,EAAA,OAAA,CAAA,QAAA,EAAU,IAAQ,IAAA,gBAAA,EAC7B,CACF,EAAA,CAAA;AAAA,4BACA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAM,eAAgB,EAAA,OAAA,EAAQ,WAAY,EAAA,QAAA,EAAA,SAAA,EAEtD,CACF,EAAA,CAAA;AAAA,YACC,SACC,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAK,OAAQ,EAAA,KAAA,EAAO,CAAc,WAAA,EAAA,SAAS,IAAI,CACvD,EAAA;AAAA;AAAA;AAAA;AAEJ;AAAA,GACF;AAEJ;;;;"}

package/dist/components/ServicesAccordions/ServicesAccordions.esm.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import React__default, { useContext } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useContext } from 'react';
 import Accordion from '@material-ui/core/Accordion';
 import AccordionDetails from '@material-ui/core/AccordionDetails';
 import AccordionSummary from '@material-ui/core/AccordionSummary';
@@ -21,17 +22,22 @@ import '../../hooks/useMatchingErrors.esm.js';
 import { StructuredMetadataTable } from '@backstage/core-components';
 const ServiceSummary = ({ service }) => {
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsxs(
     Grid,
     {
       container: true,
       direction: "row",
       justifyContent: "space-between",
       alignItems: "center",
-      spacing: 0
-    },
-    /* @__PURE__ */ React__default.createElement(Grid, { xs: 8, item: true }, /* @__PURE__ */ React__default.createElement(ServiceDrawer, { service })),
-    /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, "Type: ", service.spec?.type ?? "?"))
+      spacing: 0,
+      children: [
+        /* @__PURE__ */ jsx(Grid, { xs: 8, item: true, children: /* @__PURE__ */ jsx(ServiceDrawer, { service }) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", children: [
+          "Type: ",
+          service.spec?.type ?? "?"
+        ] }) })
+      ]
+    }
   );
 };
 const ServiceCard = ({ service }) => {
@@ -45,7 +51,7 @@ const ServiceCard = ({ service }) => {
   if (service.spec?.type === "ExternalName") {
     metadata.externalName = service.spec.externalName;
   }
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     StructuredMetadataTable,
     {
       metadata: {
@@ -58,19 +64,22 @@ const ServiceCard = ({ service }) => {
   );
 };
 const ServiceAccordion = ({ service }) => {
-  return /* @__PURE__ */ React__default.createElement(Accordion, { TransitionProps: { unmountOnExit: true }, variant: "outlined" }, /* @__PURE__ */ React__default.createElement(AccordionSummary, { expandIcon: /* @__PURE__ */ React__default.createElement(ExpandMoreIcon, null) }, /* @__PURE__ */ React__default.createElement(ServiceSummary, { service })), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement(ServiceCard, { service })));
+  return /* @__PURE__ */ jsxs(Accordion, { TransitionProps: { unmountOnExit: true }, variant: "outlined", children: [
+    /* @__PURE__ */ jsx(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}), children: /* @__PURE__ */ jsx(ServiceSummary, { service }) }),
+    /* @__PURE__ */ jsx(AccordionDetails, { children: /* @__PURE__ */ jsx(ServiceCard, { service }) })
+  ] });
 };
 const ServicesAccordions = ({}) => {
   const groupedResponses = useContext(GroupedResponsesContext);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     Grid,
     {
       container: true,
       direction: "row",
       justifyContent: "flex-start",
-      alignItems: "flex-start"
-    },
-    groupedResponses.services.map((service, i) => /* @__PURE__ */ React__default.createElement(Grid, { item: true, key: i, xs: true }, /* @__PURE__ */ React__default.createElement(ServiceAccordion, { service })))
+      alignItems: "flex-start",
+      children: groupedResponses.services.map((service, i) => /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(ServiceAccordion, { service }) }, i))
+    }
   );
 };

package/dist/components/ServicesAccordions/ServicesAccordions.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ServicesAccordions.esm.js","sources":["../../../src/components/ServicesAccordions/ServicesAccordions.tsx"],"sourcesContent":["/\n Copyright 2020 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 /\n\nimport ~~React,~~ { useContext } from 'react';\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { V1Service } from '@kubernetes/client-node';\nimport { ServiceDrawer } from './ServiceDrawer';\nimport { GroupedResponsesContext } from '../../hooks';\nimport { StructuredMetadataTable } from '@backstage/core-components';\n\ntype ServiceSummaryProps = {\n service: V1Service;\n};\n\nconst ServiceSummary = ({ service }: ServiceSummaryProps) => {\n return (\n <Grid\n container\n direction=\"row\"\n justifyContent=\"space-between\"\n alignItems=\"center\"\n spacing={0}\n >\n <Grid xs={8} item>\n <ServiceDrawer service={service} />\n </Grid>\n\n <Grid item>\n <Typography variant=\"subtitle2\">\n Type: {service.spec?.type ?? '?'}\n </Typography>\n </Grid>\n </Grid>\n );\n};\n\ntype ServiceCardProps = {\n service: V1Service;\n};\n\nconst ServiceCard = ({ service }: ServiceCardProps) => {\n const metadata: any = {};\n\n if (service.status?.loadBalancer?.ingress?.length ?? -1 > 0) {\n metadata.loadbalancer = service.status?.loadBalancer;\n }\n\n if (service.spec?.type === 'ClusterIP') {\n metadata.clusterIP = service.spec.clusterIP;\n }\n if (service.spec?.type === 'ExternalName') {\n metadata.externalName = service.spec.externalName;\n }\n\n return (\n <StructuredMetadataTable\n metadata={{\n type: service.spec?.type,\n ports: service.spec?.ports,\n ...metadata,\n }}\n options={{ nestedValuesAsYaml: true }}\n />\n );\n};\n\n/\n \n \n @public\n /\nexport type ServicesAccordionsProps = {};\n\ntype ServiceAccordionProps = {\n service: V1Service;\n};\n\nconst ServiceAccordion = ({ service }: ServiceAccordionProps) => {\n return (\n <Accordion TransitionProps={{ unmountOnExit: true }} variant=\"outlined\">\n <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n <ServiceSummary service={service} />\n </AccordionSummary>\n <AccordionDetails>\n <ServiceCard service={service} />\n </AccordionDetails>\n </Accordion>\n );\n};\n\n/\n \n \n @public\n */\nexport const ServicesAccordions = ({}: ServicesAccordionsProps) => {\n const groupedResponses = useContext(GroupedResponsesContext);\n return (\n <Grid\n container\n direction=\"row\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n >\n {groupedResponses.services.map((service, i) => (\n <Grid item key={i} xs>\n <ServiceAccordion service={service} />\n </Grid>\n ))}\n </Grid>\n );\n};\n"],"names":[~~"React"~~],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;~~AAgCA,MAAM,cAAiB,GAAA,CAAC,EAAE,OAAA,EAAmC,KAAA;AAC3D,EACE,~~uBAAAA~~,~~cAAA,CAAA,aAAA~~;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,SAAU,EAAA,KAAA;AAAA,MACV,cAAe,EAAA,eAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,OAAS,EAAA;AAAA,~~KAAA~~;AAAA,~~oBAETA~~,~~cAAA~~,CAAA,~~aAAA~~,~~CAAC~~,~~QAAK~~,~~EAAI~~,EAAA,~~CAAA~~,~~EAAG~~,~~MAAI~~,~~IACf~~,~~EAAA~~,~~kBAAAA~~,~~cAAA,~~CAAA,aAAA,~~CAAC,aAAc,~~EAAA,~~EAAA~~,~~OAAA~~,~~EAAkB,~~CACnC,CAAA;AAAA,~~oBAECA~~,~~cAAA~~,~~CAAA,aAAA,CAAA,IAAA,~~EAAA,~~EAAK,IAAI,~~EAAA,IAAA,~~EAAA~~,~~kBACPA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,CAAA,UAAA,EAAA,EAAW,~~OAAQ~~,EAAA,~~WAAA~~,EAAA,~~EAAY~~,~~QACvB~~,~~EAAA~~,OAAA,CAAQ,~~IAAM~~,~~EAAA~~,IAAA,~~IAAQ~~,~~GAC~~/B,CACF;AAAA,GACF;AAEJ,CAAA;AAMA,MAAM,WAAc,GAAA,CAAC,EAAE,OAAA,EAAgC,KAAA;AACrD,EAAA,MAAM,WAAgB,EAAC;AAEvB,EAAA,IAAI,QAAQ,MAAQ,EAAA,YAAA,EAAc,OAAS,EAAA,MAAA,IAAU,KAAK,CAAG,EAAA;AAC3D,IAAS,QAAA,CAAA,YAAA,GAAe,QAAQ,MAAQ,EAAA,YAAA;AAAA;AAG1C,EAAI,IAAA,OAAA,CAAQ,IAAM,EAAA,IAAA,KAAS,WAAa,EAAA;AACtC,IAAS,QAAA,CAAA,SAAA,GAAY,QAAQ,IAAK,CAAA,SAAA;AAAA;AAEpC,EAAI,IAAA,OAAA,CAAQ,IAAM,EAAA,IAAA,KAAS,cAAgB,EAAA;AACzC,IAAS,QAAA,CAAA,YAAA,GAAe,QAAQ,IAAK,CAAA,YAAA;AAAA;AAGvC,EACE,~~uBAAAA~~,~~cAAA,CAAA,aAAA~~;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA;AAAA,QACR,IAAA,EAAM,QAAQ,IAAM,EAAA,IAAA;AAAA,QACpB,KAAA,EAAO,QAAQ,IAAM,EAAA,KAAA;AAAA,QACrB,GAAG;AAAA,OACL;AAAA,MACA,OAAA,EAAS,EAAE,kBAAA,EAAoB,IAAK;AAAA;AAAA,GACtC;AAEJ,CAAA;AAaA,MAAM,gBAAmB,GAAA,CAAC,EAAE,OAAA,EAAqC,KAAA;AAC/D,EACE,~~uBAAAA~~,~~cAAA~~,~~CAAA,aAAA,~~CAAC,~~SAAU~~,~~EAAA~~,EAAA,~~eAAA,EAAiB,~~EAAE,~~aAAA~~,~~EAAe,~~IAAK,EAAA,EAAG,~~OAAQ~~,EAAA,~~UAAA~~,EAAA,~~kBAC1DA~~,~~cAAA~~,CAAA,~~aAAA,CAAA,~~gBAAA,EAAA,EAAiB,~~UAAY~~,~~kBAAAA~~,~~cAAA,~~CAAA,~~aAAA~~,~~CAAC~~,~~oBAAe~~,~~CAC5C~~,~~EAAA~~,~~kBAAAA~~,~~cAAA~~,CAAA,~~aAAA~~,~~CAAC,cAAe,~~EAAA,~~EAAA~~,~~OAAA~~,~~EAAkB,~~CACpC,CAAA,~~kBACCA~~,~~cAAA~~,CAAA,~~aAAA,CAAA,~~gBAAA,EAAA,~~IAAA~~,~~kBACEA~~,~~cAAA~~,~~CAAA~~,~~aAAA,~~CAAA,WAAA,EAAA,EAAY,~~OAAkB~~,EAAA,~~CACjC~~,~~CACF~~,CAAA;AAEJ,CAAA;AAOa,MAAA,kBAAA,GAAqB,CAAC,EAAgC,KAAA;AACjE,EAAM,MAAA,gBAAA,GAAmB,WAAW,uBAAuB,CAAA;AAC3D,EACE,~~uBAAAA~~,~~cAAA,CAAA,aAAA~~;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,SAAU,EAAA,KAAA;AAAA,MACV,cAAe,EAAA,YAAA;AAAA,MACf,UAAW,EAAA~~;AAAA~~,~~KAAA~~;AAAA,~~IAEV~~,~~iBAAiB~~,QAAS,CAAA,GAAA,CAAI,CAAC,~~OAAS~~,~~EAAA~~,CAAA,~~kDACtC~~,~~IAAK,~~EAAA,EAAA,IAAA,~~EAAI~~,~~IAAC~~,EAAA,~~GAAA~~,~~EAAK~~,~~GAAG~~,~~EAAE~~,~~EAAA~~,~~IAAA~~,EAAA~~,+CAClB~~,~~gBAAiB~~,EAAA,~~EAAA~~,~~OAAA~~,~~EAAkB,CACtC,~~CACD;AAAA,GACH;AAEJ;;;;"}
1	+ {"version":3,"file":"ServicesAccordions.esm.js","sources":["../../../src/components/ServicesAccordions/ServicesAccordions.tsx"],"sourcesContent":["/\n Copyright 2020 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 /\n\nimport { useContext } from 'react';\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { V1Service } from '@kubernetes/client-node';\nimport { ServiceDrawer } from './ServiceDrawer';\nimport { GroupedResponsesContext } from '../../hooks';\nimport { StructuredMetadataTable } from '@backstage/core-components';\n\ntype ServiceSummaryProps = {\n service: V1Service;\n};\n\nconst ServiceSummary = ({ service }: ServiceSummaryProps) => {\n return (\n <Grid\n container\n direction=\"row\"\n justifyContent=\"space-between\"\n alignItems=\"center\"\n spacing={0}\n >\n <Grid xs={8} item>\n <ServiceDrawer service={service} />\n </Grid>\n\n <Grid item>\n <Typography variant=\"subtitle2\">\n Type: {service.spec?.type ?? '?'}\n </Typography>\n </Grid>\n </Grid>\n );\n};\n\ntype ServiceCardProps = {\n service: V1Service;\n};\n\nconst ServiceCard = ({ service }: ServiceCardProps) => {\n const metadata: any = {};\n\n if (service.status?.loadBalancer?.ingress?.length ?? -1 > 0) {\n metadata.loadbalancer = service.status?.loadBalancer;\n }\n\n if (service.spec?.type === 'ClusterIP') {\n metadata.clusterIP = service.spec.clusterIP;\n }\n if (service.spec?.type === 'ExternalName') {\n metadata.externalName = service.spec.externalName;\n }\n\n return (\n <StructuredMetadataTable\n metadata={{\n type: service.spec?.type,\n ports: service.spec?.ports,\n ...metadata,\n }}\n options={{ nestedValuesAsYaml: true }}\n />\n );\n};\n\n/\n \n \n @public\n /\nexport type ServicesAccordionsProps = {};\n\ntype ServiceAccordionProps = {\n service: V1Service;\n};\n\nconst ServiceAccordion = ({ service }: ServiceAccordionProps) => {\n return (\n <Accordion TransitionProps={{ unmountOnExit: true }} variant=\"outlined\">\n <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n <ServiceSummary service={service} />\n </AccordionSummary>\n <AccordionDetails>\n <ServiceCard service={service} />\n </AccordionDetails>\n </Accordion>\n );\n};\n\n/\n \n \n @public\n */\nexport const ServicesAccordions = ({}: ServicesAccordionsProps) => {\n const groupedResponses = useContext(GroupedResponsesContext);\n return (\n <Grid\n container\n direction=\"row\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n >\n {groupedResponses.services.map((service, i) => (\n <Grid item key={i} xs>\n <ServiceAccordion service={service} />\n </Grid>\n ))}\n </Grid>\n );\n};\n"],"names":[],"mappings":"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"}