@backstage/plugin-kubernetes-react 0.5.13 → 0.5.14-next.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @backstage/plugin-kubernetes-react
 
+## 0.5.14-next.0
+
+### Patch Changes
+
+- f15d5f1: add missing i18n support for kubernetes and kubernetes-react
+- Updated dependencies
+  - @backstage/core-plugin-api@1.12.1-next.0
+  - @backstage/core-components@0.18.4-next.0
+  - @backstage/catalog-model@1.7.6
+  - @backstage/errors@1.2.7
+  - @backstage/types@1.2.2
+  - @backstage/plugin-kubernetes-common@0.9.8
+
 ## 0.5.13
 
 ### Patch Changes

package/dist/alpha.d.ts

@@ -2,7 +2,84 @@ import * as _backstage_core_plugin_api_alpha from '@backstage/core-plugin-api/al
 
 /** @alpha */
 declare const kubernetesReactTranslationRef: _backstage_core_plugin_api_alpha.TranslationRef<"kubernetes-react", {
+    readonly "namespace.label": "namespace:";
+    readonly "namespace.labelWithValue": "namespace: {{namespace}}";
+    readonly "events.noEventsFound": "No events found";
+    readonly "events.eventTooltip": "{{eventType}} event";
+    readonly "events.firstEvent": "First event {{timeAgo}} (count: {{count}})";
+    readonly "cluster.label": "Cluster";
+    readonly "cluster.pods": "pods";
+    readonly "cluster.pods_one": "{{count}} pod";
+    readonly "cluster.pods_other": "{{count}} pods";
+    readonly "cluster.podsWithErrors": "pods with errors";
+    readonly "cluster.podsWithErrors_one": "{{count}} pod with errors";
+    readonly "cluster.podsWithErrors_other": "{{count}} pods with errors";
+    readonly "cluster.noPodsWithErrors": "No pods with errors";
+    readonly "errorPanel.message": "There was a problem retrieving some Kubernetes resources for the entity: {{entityName}}. This could mean that the Error Reporting card is not completely accurate.";
+    readonly "errorPanel.title": "There was a problem retrieving Kubernetes objects";
+    readonly "errorPanel.errorsLabel": "Errors";
+    readonly "errorPanel.clusterLabel": "Cluster";
+    readonly "errorPanel.clusterLabelValue": "Cluster: {{cluster}}";
+    readonly "errorPanel.fetchError": "Error communicating with Kubernetes: {{errorType}}, message: {{message}}";
+    readonly "errorPanel.resourceError": "Error fetching Kubernetes resource: '{{resourcePath}}', error: {{errorType}}, status code: {{statusCode}}";
+    readonly "pods.pods_one": "{{count}} pod";
+    readonly "pods.pods_other": "{{count}} pods";
+    readonly "podsTable.columns.name": "name";
+    readonly "podsTable.columns.id": "ID";
+    readonly "podsTable.columns.status": "status";
+    readonly "podsTable.columns.phase": "phase";
+    readonly "podsTable.columns.containersReady": "containers ready";
+    readonly "podsTable.columns.totalRestarts": "total restarts";
+    readonly "podsTable.columns.cpuUsage": "CPU usage %";
+    readonly "podsTable.columns.memoryUsage": "Memory usage %";
+    readonly "podsTable.unknown": "unknown";
+    readonly "podsTable.status.running": "Running";
+    readonly "podsTable.status.ok": "OK";
+    readonly "fixDialog.title": "{{podName}} - {{errorType}}";
+    readonly "fixDialog.events": "Events:";
+    readonly "fixDialog.helpButton": "Help";
+    readonly "fixDialog.detectedError": "Detected error:";
+    readonly "fixDialog.causeExplanation": "Cause explanation:";
+    readonly "fixDialog.fix": "Fix:";
+    readonly "fixDialog.crashLogs": "Crash logs:";
+    readonly "fixDialog.openDocs": "Open docs";
+    readonly "fixDialog.ariaLabels.close": "close";
+    readonly "fixDialog.ariaLabels.fixIssue": "fix issue";
     readonly "podDrawer.buttons.delete": "Delete Pod";
+    readonly "podDrawer.cpuRequests": "CPU requests";
+    readonly "podDrawer.cpuLimits": "CPU limits";
+    readonly "podDrawer.memoryRequests": "Memory requests";
+    readonly "podDrawer.memoryLimits": "Memory limits";
+    readonly "podDrawer.resourceUtilization": "Resource utilization";
+    readonly "hpa.minReplicas": "min replicas";
+    readonly "hpa.maxReplicas": "max replicas";
+    readonly "hpa.replicasSummary": "min replicas {{min}} / max replicas {{max}}";
+    readonly "hpa.currentCpuUsage": "current CPU usage:";
+    readonly "hpa.currentCpuUsageLabel": "current CPU usage: {{value}}%";
+    readonly "hpa.targetCpuUsage": "target CPU usage:";
+    readonly "hpa.targetCpuUsageLabel": "target CPU usage: {{value}}%";
+    readonly "errorReporting.columns.name": "name";
+    readonly "errorReporting.columns.kind": "kind";
+    readonly "errorReporting.columns.namespace": "namespace";
+    readonly "errorReporting.columns.messages": "messages";
+    readonly "errorReporting.columns.cluster": "cluster";
+    readonly "errorReporting.title": "Error Reporting";
+    readonly "podLogs.title": "No logs emitted";
+    readonly "podLogs.description": "No logs were emitted by the container";
+    readonly "podLogs.buttonText": "Logs";
+    readonly "podLogs.titleTemplate": "{{podName}} - {{containerName}} logs on cluster {{clusterName}}";
+    readonly "podLogs.buttonAriaLabel": "get logs";
+    readonly "podExecTerminal.buttonText": "Terminal";
+    readonly "podExecTerminal.titleTemplate": "{{podName}} - {{containerName}} terminal shell on cluster {{clusterName}}";
+    readonly "podExecTerminal.buttonAriaLabel": "open terminal";
+    readonly "kubernetesDrawer.yaml": "YAML";
+    readonly "kubernetesDrawer.closeDrawer": "Close the drawer";
+    readonly "kubernetesDrawer.managedFields": "Managed Fields";
+    readonly "kubernetesDrawer.unknownName": "unknown name";
+    readonly "linkErrorPanel.message": "Could not format the link to the dashboard of your cluster named '{{clusterName}}'. Its dashboardApp property has been set to '{{dashboardApp}}.'";
+    readonly "linkErrorPanel.title": "There was a problem formatting the link to the Kubernetes dashboard";
+    readonly "linkErrorPanel.errorsLabel": "Errors:";
+    readonly "kubernetesDialog.closeAriaLabel": "close";
 }>;
 
 export { kubernetesReactTranslationRef };

package/dist/components/Cluster/Cluster.esm.js

@@ -28,12 +28,15 @@ import { ClusterContext } from '../../hooks/Cluster.esm.js';
 import { PodMetricsContext } from '../../hooks/usePodMetrics.esm.js';
 import '../../hooks/useMatchingErrors.esm.js';
 import { StatusOK, StatusError } from '@backstage/core-components';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { kubernetesReactTranslationRef } from '../../translation.esm.js';
 
 const ClusterSummary = ({
   clusterName,
   totalNumberOfPods,
   numberOfPodsWithErrors
 }) => {
+  const { t } = useTranslationRef(kubernetesReactTranslationRef);
   return /* @__PURE__ */ jsxs(
     Grid,
     {
@@ -55,7 +58,7 @@ const ClusterSummary = ({
             spacing: 0,
             children: /* @__PURE__ */ jsxs(Grid, { item: true, xs: true, children: [
               /* @__PURE__ */ jsx(Typography, { variant: "body1", children: clusterName }),
-              /* @__PURE__ */ jsx(Typography, { color: "textSecondary", variant: "subtitle1", children: "Cluster" })
+              /* @__PURE__ */ jsx(Typography, { color: "textSecondary", variant: "subtitle1", children: t("cluster.label") })
             ] })
           }
         ),
@@ -70,14 +73,8 @@ const ClusterSummary = ({
             alignItems: "flex-end",
             spacing: 0,
             children: [
-              /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(StatusOK, { children: [
-                totalNumberOfPods,
-                " pods"
-              ] }) }),
-              /* @__PURE__ */ jsx(Grid, { item: true, children: numberOfPodsWithErrors > 0 ? /* @__PURE__ */ jsxs(StatusError, { children: [
-                numberOfPodsWithErrors,
-                " pods with errors"
-              ] }) : /* @__PURE__ */ jsx(StatusOK, { children: "No pods with errors" }) })
+              /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(StatusOK, { children: t("cluster.pods", { count: totalNumberOfPods }) }) }),
+              /* @__PURE__ */ jsx(Grid, { item: true, children: numberOfPodsWithErrors > 0 ? /* @__PURE__ */ jsx(StatusError, { children: t("cluster.podsWithErrors", { count: numberOfPodsWithErrors }) }) : /* @__PURE__ */ jsx(StatusOK, { children: t("cluster.noPodsWithErrors") }) })
             ]
           }
         )

package/dist/components/Cluster/Cluster.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cluster.esm.js","sources":["../../../src/components/Cluster/Cluster.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 } 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 {\n  ClientPodStatus,\n  ClusterObjects,\n  groupResponses,\n} from '@backstage/plugin-kubernetes-common';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { DeploymentsAccordions } from '../DeploymentsAccordions';\nimport { StatefulSetsAccordions } from '../StatefulSetsAccordions';\nimport { IngressesAccordions } from '../IngressesAccordions';\nimport { ServicesAccordions } from '../ServicesAccordions';\nimport { ConfigmapsAccordions } from '../ConfigmapsAccordions';\nimport { CronJobsAccordions } from '../CronJobsAccordions';\nimport { CustomResources } from '../CustomResources';\nimport { DaemonSetsAccordions } from '../DaemonSetsAccordions';\nimport {\n  ClusterContext,\n  GroupedResponsesContext,\n  PodNamesWithErrorsContext,\n} from '../../hooks';\n\nimport { StatusError, StatusOK } from '@backstage/core-components';\nimport { PodMetricsContext } from '../../hooks/usePodMetrics';\n\ntype ClusterSummaryProps = {\n  clusterName: string;\n  totalNumberOfPods: number;\n  numberOfPodsWithErrors: number;\n  children?: ReactNode;\n};\n\nconst ClusterSummary = ({\n  clusterName,\n  totalNumberOfPods,\n  numberOfPodsWithErrors,\n}: ClusterSummaryProps) => {\n  return (\n    <Grid\n      container\n      direction=\"row\"\n      justifyContent=\"space-between\"\n      alignItems=\"flex-start\"\n      spacing={0}\n    >\n      <Grid\n        xs={6}\n        item\n        container\n        direction=\"column\"\n        justifyContent=\"flex-start\"\n        alignItems=\"flex-start\"\n        spacing={0}\n      >\n        <Grid item xs>\n          <Typography variant=\"body1\">{clusterName}</Typography>\n          <Typography color=\"textSecondary\" variant=\"subtitle1\">\n            Cluster\n          </Typography>\n        </Grid>\n      </Grid>\n      <Grid\n        item\n        container\n        xs={3}\n        direction=\"column\"\n        justifyContent=\"flex-start\"\n        alignItems=\"flex-end\"\n        spacing={0}\n      >\n        <Grid item>\n          <StatusOK>{totalNumberOfPods} pods</StatusOK>\n        </Grid>\n        <Grid item>\n          {numberOfPodsWithErrors > 0 ? (\n            <StatusError>{numberOfPodsWithErrors} pods with errors</StatusError>\n          ) : (\n            <StatusOK>No pods with errors</StatusOK>\n          )}\n        </Grid>\n      </Grid>\n    </Grid>\n  );\n};\n\n/**\n * Props for Cluster\n *\n * @public\n */\nexport type ClusterProps = {\n  clusterObjects: ClusterObjects;\n  podsWithErrors: Set<string>;\n  children?: ReactNode;\n};\n\n/**\n * Component for rendering Kubernetes resources in a cluster\n *\n * @public\n */\nexport const Cluster = ({ clusterObjects, podsWithErrors }: ClusterProps) => {\n  const groupedResponses = groupResponses(clusterObjects.resources);\n\n  const podMetricsMap = new Map<string, ClientPodStatus[]>();\n  podMetricsMap.set(clusterObjects.cluster.name, clusterObjects.podMetrics);\n  return (\n    <ClusterContext.Provider value={clusterObjects.cluster}>\n      <GroupedResponsesContext.Provider value={groupedResponses}>\n        <PodMetricsContext.Provider value={podMetricsMap}>\n          <PodNamesWithErrorsContext.Provider value={podsWithErrors}>\n            <Accordion TransitionProps={{ unmountOnExit: true }}>\n              <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n                <ClusterSummary\n                  clusterName={\n                    clusterObjects.cluster.title || clusterObjects.cluster.name\n                  }\n                  totalNumberOfPods={groupedResponses.pods.length}\n                  numberOfPodsWithErrors={podsWithErrors.size}\n                />\n              </AccordionSummary>\n              <AccordionDetails>\n                <Grid container direction=\"column\">\n                  {groupedResponses.customResources.length > 0 ? (\n                    <Grid item>\n                      <CustomResources />\n                    </Grid>\n                  ) : undefined}\n                  {groupedResponses.deployments.length > 0 ? (\n                    <Grid item>\n                      <DeploymentsAccordions />\n                    </Grid>\n                  ) : undefined}\n                  {groupedResponses.daemonSets.length > 0 ? (\n                    <Grid item>\n                      <DaemonSetsAccordions />\n                    </Grid>\n                  ) : undefined}\n                  {groupedResponses.statefulsets.length > 0 ? (\n                    <Grid item>\n                      <StatefulSetsAccordions />\n                    </Grid>\n                  ) : undefined}\n                  {groupedResponses.ingresses.length > 0 ? (\n                    <Grid item>\n                      <IngressesAccordions />\n                    </Grid>\n                  ) : undefined}\n                  {groupedResponses.services.length > 0 ? (\n                    <Grid item>\n                      <ServicesAccordions />\n                    </Grid>\n                  ) : undefined}\n                  {groupedResponses.configMaps.length > 0 ? (\n                    <Grid item>\n                      <ConfigmapsAccordions />\n                    </Grid>\n                  ) : undefined}\n                  {groupedResponses.cronJobs.length > 0 ? (\n                    <Grid item>\n                      <CronJobsAccordions />\n                    </Grid>\n                  ) : undefined}\n                </Grid>\n              </AccordionDetails>\n            </Accordion>\n          </PodNamesWithErrorsContext.Provider>\n        </PodMetricsContext.Provider>\n      </GroupedResponsesContext.Provider>\n    </ClusterContext.Provider>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Cluster.esm.js","sources":["../../../src/components/Cluster/Cluster.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 } 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 {\n  ClientPodStatus,\n  ClusterObjects,\n  groupResponses,\n} from '@backstage/plugin-kubernetes-common';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { DeploymentsAccordions } from '../DeploymentsAccordions';\nimport { StatefulSetsAccordions } from '../StatefulSetsAccordions';\nimport { IngressesAccordions } from '../IngressesAccordions';\nimport { ServicesAccordions } from '../ServicesAccordions';\nimport { ConfigmapsAccordions } from '../ConfigmapsAccordions';\nimport { CronJobsAccordions } from '../CronJobsAccordions';\nimport { CustomResources } from '../CustomResources';\nimport { DaemonSetsAccordions } from '../DaemonSetsAccordions';\nimport {\n  ClusterContext,\n  GroupedResponsesContext,\n  PodNamesWithErrorsContext,\n} from '../../hooks';\n\nimport { StatusError, StatusOK } from '@backstage/core-components';\nimport { PodMetricsContext } from '../../hooks/usePodMetrics';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { kubernetesReactTranslationRef } from '../../translation';\n\ntype ClusterSummaryProps = {\n  clusterName: string;\n  totalNumberOfPods: number;\n  numberOfPodsWithErrors: number;\n  children?: ReactNode;\n};\n\nconst ClusterSummary = ({\n  clusterName,\n  totalNumberOfPods,\n  numberOfPodsWithErrors,\n}: ClusterSummaryProps) => {\n  const { t } = useTranslationRef(kubernetesReactTranslationRef);\n  return (\n    <Grid\n      container\n      direction=\"row\"\n      justifyContent=\"space-between\"\n      alignItems=\"flex-start\"\n      spacing={0}\n    >\n      <Grid\n        xs={6}\n        item\n        container\n        direction=\"column\"\n        justifyContent=\"flex-start\"\n        alignItems=\"flex-start\"\n        spacing={0}\n      >\n        <Grid item xs>\n          <Typography variant=\"body1\">{clusterName}</Typography>\n          <Typography color=\"textSecondary\" variant=\"subtitle1\">\n            {t('cluster.label')}\n          </Typography>\n        </Grid>\n      </Grid>\n      <Grid\n        item\n        container\n        xs={3}\n        direction=\"column\"\n        justifyContent=\"flex-start\"\n        alignItems=\"flex-end\"\n        spacing={0}\n      >\n        <Grid item>\n          <StatusOK>{t('cluster.pods', { count: totalNumberOfPods })}</StatusOK>\n        </Grid>\n        <Grid item>\n          {numberOfPodsWithErrors > 0 ? (\n            <StatusError>\n              {t('cluster.podsWithErrors', { count: numberOfPodsWithErrors })}\n            </StatusError>\n          ) : (\n            <StatusOK>{t('cluster.noPodsWithErrors')}</StatusOK>\n          )}\n        </Grid>\n      </Grid>\n    </Grid>\n  );\n};\n\n/**\n * Props for Cluster\n *\n * @public\n */\nexport type ClusterProps = {\n  clusterObjects: ClusterObjects;\n  podsWithErrors: Set<string>;\n  children?: ReactNode;\n};\n\n/**\n * Component for rendering Kubernetes resources in a cluster\n *\n * @public\n */\nexport const Cluster = ({ clusterObjects, podsWithErrors }: ClusterProps) => {\n  const groupedResponses = groupResponses(clusterObjects.resources);\n\n  const podMetricsMap = new Map<string, ClientPodStatus[]>();\n  podMetricsMap.set(clusterObjects.cluster.name, clusterObjects.podMetrics);\n  return (\n    <ClusterContext.Provider value={clusterObjects.cluster}>\n      <GroupedResponsesContext.Provider value={groupedResponses}>\n        <PodMetricsContext.Provider value={podMetricsMap}>\n          <PodNamesWithErrorsContext.Provider value={podsWithErrors}>\n            <Accordion TransitionProps={{ unmountOnExit: true }}>\n              <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n                <ClusterSummary\n                  clusterName={\n                    clusterObjects.cluster.title || clusterObjects.cluster.name\n                  }\n                  totalNumberOfPods={groupedResponses.pods.length}\n                  numberOfPodsWithErrors={podsWithErrors.size}\n                />\n              </AccordionSummary>\n              <AccordionDetails>\n                <Grid container direction=\"column\">\n                  {groupedResponses.customResources.length > 0 ? (\n                    <Grid item>\n                      <CustomResources />\n                    </Grid>\n                  ) : undefined}\n                  {groupedResponses.deployments.length > 0 ? (\n                    <Grid item>\n                      <DeploymentsAccordions />\n                    </Grid>\n                  ) : undefined}\n                  {groupedResponses.daemonSets.length > 0 ? (\n                    <Grid item>\n                      <DaemonSetsAccordions />\n                    </Grid>\n                  ) : undefined}\n                  {groupedResponses.statefulsets.length > 0 ? (\n                    <Grid item>\n                      <StatefulSetsAccordions />\n                    </Grid>\n                  ) : undefined}\n                  {groupedResponses.ingresses.length > 0 ? (\n                    <Grid item>\n                      <IngressesAccordions />\n                    </Grid>\n                  ) : undefined}\n                  {groupedResponses.services.length > 0 ? (\n                    <Grid item>\n                      <ServicesAccordions />\n                    </Grid>\n                  ) : undefined}\n                  {groupedResponses.configMaps.length > 0 ? (\n                    <Grid item>\n                      <ConfigmapsAccordions />\n                    </Grid>\n                  ) : undefined}\n                  {groupedResponses.cronJobs.length > 0 ? (\n                    <Grid item>\n                      <CronJobsAccordions />\n                    </Grid>\n                  ) : undefined}\n                </Grid>\n              </AccordionDetails>\n            </Accordion>\n          </PodNamesWithErrorsContext.Provider>\n        </PodMetricsContext.Provider>\n      </GroupedResponsesContext.Provider>\n    </ClusterContext.Provider>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ConfigmapsAccordions/ConfigmapsDrawer.esm.js

@@ -6,6 +6,8 @@ import '@material-ui/core/FormControlLabel';
 import '@material-ui/core/Switch';
 import 'js-yaml';
 import 'react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { kubernetesReactTranslationRef } from '../../translation.esm.js';
 import Typography from '@material-ui/core/Typography';
 import Grid from '@material-ui/core/Grid';
 import Chip from '@material-ui/core/Chip';
@@ -14,6 +16,7 @@ const ConfigmapsDrawer = ({
   configmap,
   expanded
 }) => {
+  const { t } = useTranslationRef(kubernetesReactTranslationRef);
   const namespace = configmap.metadata?.namespace;
   return /* @__PURE__ */ jsx(
     KubernetesStructuredMetadataTableDrawer,
@@ -35,7 +38,13 @@ const ConfigmapsDrawer = ({
           children: [
             /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { variant: "body1", children: configmap.metadata?.name ?? "unknown object" }) }),
             /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { color: "textSecondary", variant: "subtitle1", children: "ConfigMap" }) }),
-            namespace && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Chip, { size: "small", label: `namespace: ${namespace}` }) })
+            namespace && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+              Chip,
+              {
+                size: "small",
+                label: t("namespace.labelWithValue", { namespace })
+              }
+            ) })
           ]
         }
       )

package/dist/components/ConfigmapsAccordions/ConfigmapsDrawer.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigmapsDrawer.esm.js","sources":["../../../src/components/ConfigmapsAccordions/ConfigmapsDrawer.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 */\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';\nimport type { V1ConfigMap } from '@kubernetes/client-node';\n\nexport const ConfigmapsDrawer = ({\n  configmap,\n  expanded,\n}: {\n  configmap: V1ConfigMap;\n  expanded?: boolean;\n}) => {\n  const namespace = configmap.metadata?.namespace;\n  return (\n    <KubernetesStructuredMetadataTableDrawer\n      object={configmap}\n      expanded={expanded}\n      kind=\"ConfigMap\"\n      renderObject={(configmapObject: V1ConfigMap) => {\n        return configmapObject || {};\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            {configmap.metadata?.name ?? 'unknown object'}\n          </Typography>\n        </Grid>\n        <Grid item>\n          <Typography color=\"textSecondary\" variant=\"subtitle1\">\n            ConfigMap\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":";;;;;;;;;;;;AAqBO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,SAAA;AAAA,EACA;AACF,CAAA,KAGM;AACJ,EAAA,MAAM,SAAA,GAAY,UAAU,QAAA,EAAU,SAAA;AACtC,EAAA,uBACE,GAAA;AAAA,IAAC,uCAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,SAAA;AAAA,MACR,QAAA;AAAA,MACA,IAAA,EAAK,WAAA;AAAA,MACL,YAAA,EAAc,CAAC,eAAA,KAAiC;AAC9C,QAAA,OAAO,mBAAmB,EAAC;AAAA,MAC7B,CAAA;AAAA,MAEA,QAAA,kBAAA,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAS,IAAA;AAAA,UACT,SAAA,EAAU,QAAA;AAAA,UACV,cAAA,EAAe,YAAA;AAAA,UACf,UAAA,EAAW,YAAA;AAAA,UACX,OAAA,EAAS,CAAA;AAAA,UAET,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EACjB,QAAA,EAAA,SAAA,CAAU,QAAA,EAAU,IAAA,IAAQ,gBAAA,EAC/B,CAAA,EACF,CAAA;AAAA,4BACA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAM,eAAA,EAAgB,OAAA,EAAQ,WAAA,EAAY,QAAA,EAAA,WAAA,EAEtD,CAAA,EACF,CAAA;AAAA,YACC,SAAA,oBACC,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,KAAA,EAAO,CAAA,WAAA,EAAc,SAAS,IAAI,CAAA,EACvD;AAAA;AAAA;AAAA;AAEJ;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"ConfigmapsDrawer.esm.js","sources":["../../../src/components/ConfigmapsAccordions/ConfigmapsDrawer.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 */\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';\nimport type { V1ConfigMap } from '@kubernetes/client-node';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { kubernetesReactTranslationRef } from '../../translation';\n\nexport const ConfigmapsDrawer = ({\n  configmap,\n  expanded,\n}: {\n  configmap: V1ConfigMap;\n  expanded?: boolean;\n}) => {\n  const { t } = useTranslationRef(kubernetesReactTranslationRef);\n  const namespace = configmap.metadata?.namespace;\n  return (\n    <KubernetesStructuredMetadataTableDrawer\n      object={configmap}\n      expanded={expanded}\n      kind=\"ConfigMap\"\n      renderObject={(configmapObject: V1ConfigMap) => {\n        return configmapObject || {};\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            {configmap.metadata?.name ?? 'unknown object'}\n          </Typography>\n        </Grid>\n        <Grid item>\n          <Typography color=\"textSecondary\" variant=\"subtitle1\">\n            ConfigMap\n          </Typography>\n        </Grid>\n        {namespace && (\n          <Grid item>\n            <Chip\n              size=\"small\"\n              label={t('namespace.labelWithValue', { namespace })}\n            />\n          </Grid>\n        )}\n      </Grid>\n    </KubernetesStructuredMetadataTableDrawer>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAuBO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,SAAA;AAAA,EACA;AACF,CAAA,KAGM;AACJ,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,6BAA6B,CAAA;AAC7D,EAAA,MAAM,SAAA,GAAY,UAAU,QAAA,EAAU,SAAA;AACtC,EAAA,uBACE,GAAA;AAAA,IAAC,uCAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,SAAA;AAAA,MACR,QAAA;AAAA,MACA,IAAA,EAAK,WAAA;AAAA,MACL,YAAA,EAAc,CAAC,eAAA,KAAiC;AAC9C,QAAA,OAAO,mBAAmB,EAAC;AAAA,MAC7B,CAAA;AAAA,MAEA,QAAA,kBAAA,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAS,IAAA;AAAA,UACT,SAAA,EAAU,QAAA;AAAA,UACV,cAAA,EAAe,YAAA;AAAA,UACf,UAAA,EAAW,YAAA;AAAA,UACX,OAAA,EAAS,CAAA;AAAA,UAET,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EACjB,QAAA,EAAA,SAAA,CAAU,QAAA,EAAU,IAAA,IAAQ,gBAAA,EAC/B,CAAA,EACF,CAAA;AAAA,4BACA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAM,eAAA,EAAgB,OAAA,EAAQ,WAAA,EAAY,QAAA,EAAA,WAAA,EAEtD,CAAA,EACF,CAAA;AAAA,YACC,SAAA,oBACC,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,OAAA;AAAA,gBACL,KAAA,EAAO,CAAA,CAAE,0BAAA,EAA4B,EAAE,WAAW;AAAA;AAAA,aACpD,EACF;AAAA;AAAA;AAAA;AAEJ;AAAA,GACF;AAEJ;;;;"}

package/dist/components/CronJobsAccordions/CronJobsDrawer.esm.js

@@ -6,6 +6,8 @@ import '@material-ui/core/FormControlLabel';
 import '@material-ui/core/Switch';
 import 'js-yaml';
 import 'react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { kubernetesReactTranslationRef } from '../../translation.esm.js';
 import Typography from '@material-ui/core/Typography';
 import Grid from '@material-ui/core/Grid';
 import Chip from '@material-ui/core/Chip';
@@ -14,6 +16,7 @@ const CronJobDrawer = ({
   cronJob,
   expanded
 }) => {
+  const { t } = useTranslationRef(kubernetesReactTranslationRef);
   const namespace = cronJob.metadata?.namespace;
   return /* @__PURE__ */ jsx(
     KubernetesStructuredMetadataTableDrawer,
@@ -38,7 +41,13 @@ const CronJobDrawer = ({
           children: [
             /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { variant: "body1", children: cronJob.metadata?.name ?? "unknown object" }) }),
             /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { color: "textSecondary", variant: "subtitle1", children: "CronJob" }) }),
-            namespace && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Chip, { size: "small", label: `namespace: ${namespace}` }) })
+            namespace && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+              Chip,
+              {
+                size: "small",
+                label: t("namespace.labelWithValue", { namespace })
+              }
+            ) })
           ]
         }
       )

package/dist/components/CronJobsAccordions/CronJobsDrawer.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CronJobsDrawer.esm.js","sources":["../../../src/components/CronJobsAccordions/CronJobsDrawer.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 type { V1CronJob } 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 CronJobDrawer = ({\n  cronJob,\n  expanded,\n}: {\n  cronJob: V1CronJob;\n  expanded?: boolean;\n}) => {\n  const namespace = cronJob.metadata?.namespace;\n  return (\n    <KubernetesStructuredMetadataTableDrawer\n      object={cronJob}\n      expanded={expanded}\n      kind=\"CronJob\"\n      renderObject={(cronJobObj: V1CronJob) => ({\n        schedule: cronJobObj.spec?.schedule ?? '???',\n        startingDeadlineSeconds:\n          cronJobObj.spec?.startingDeadlineSeconds ?? '???',\n        concurrencyPolicy: cronJobObj.spec?.concurrencyPolicy ?? '???',\n        lastScheduleTime: cronJobObj.status?.lastScheduleTime ?? '???',\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            {cronJob.metadata?.name ?? 'unknown object'}\n          </Typography>\n        </Grid>\n        <Grid item>\n          <Typography color=\"textSecondary\" variant=\"subtitle1\">\n            CronJob\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":";;;;;;;;;;;;AAqBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,OAAA;AAAA,EACA;AACF,CAAA,KAGM;AACJ,EAAA,MAAM,SAAA,GAAY,QAAQ,QAAA,EAAU,SAAA;AACpC,EAAA,uBACE,GAAA;AAAA,IAAC,uCAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,OAAA;AAAA,MACR,QAAA;AAAA,MACA,IAAA,EAAK,SAAA;AAAA,MACL,YAAA,EAAc,CAAC,UAAA,MAA2B;AAAA,QACxC,QAAA,EAAU,UAAA,CAAW,IAAA,EAAM,QAAA,IAAY,KAAA;AAAA,QACvC,uBAAA,EACE,UAAA,CAAW,IAAA,EAAM,uBAAA,IAA2B,KAAA;AAAA,QAC9C,iBAAA,EAAmB,UAAA,CAAW,IAAA,EAAM,iBAAA,IAAqB,KAAA;AAAA,QACzD,gBAAA,EAAkB,UAAA,CAAW,MAAA,EAAQ,gBAAA,IAAoB;AAAA,OAC3D,CAAA;AAAA,MAEA,QAAA,kBAAA,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAS,IAAA;AAAA,UACT,SAAA,EAAU,QAAA;AAAA,UACV,cAAA,EAAe,YAAA;AAAA,UACf,UAAA,EAAW,YAAA;AAAA,UACX,OAAA,EAAS,CAAA;AAAA,UAET,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EACjB,QAAA,EAAA,OAAA,CAAQ,QAAA,EAAU,IAAA,IAAQ,gBAAA,EAC7B,CAAA,EACF,CAAA;AAAA,4BACA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAM,eAAA,EAAgB,OAAA,EAAQ,WAAA,EAAY,QAAA,EAAA,SAAA,EAEtD,CAAA,EACF,CAAA;AAAA,YACC,SAAA,oBACC,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,KAAA,EAAO,CAAA,WAAA,EAAc,SAAS,IAAI,CAAA,EACvD;AAAA;AAAA;AAAA;AAEJ;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"CronJobsDrawer.esm.js","sources":["../../../src/components/CronJobsAccordions/CronJobsDrawer.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 type { V1CronJob } 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';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { kubernetesReactTranslationRef } from '../../translation';\n\nexport const CronJobDrawer = ({\n  cronJob,\n  expanded,\n}: {\n  cronJob: V1CronJob;\n  expanded?: boolean;\n}) => {\n  const { t } = useTranslationRef(kubernetesReactTranslationRef);\n  const namespace = cronJob.metadata?.namespace;\n  return (\n    <KubernetesStructuredMetadataTableDrawer\n      object={cronJob}\n      expanded={expanded}\n      kind=\"CronJob\"\n      renderObject={(cronJobObj: V1CronJob) => ({\n        schedule: cronJobObj.spec?.schedule ?? '???',\n        startingDeadlineSeconds:\n          cronJobObj.spec?.startingDeadlineSeconds ?? '???',\n        concurrencyPolicy: cronJobObj.spec?.concurrencyPolicy ?? '???',\n        lastScheduleTime: cronJobObj.status?.lastScheduleTime ?? '???',\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            {cronJob.metadata?.name ?? 'unknown object'}\n          </Typography>\n        </Grid>\n        <Grid item>\n          <Typography color=\"textSecondary\" variant=\"subtitle1\">\n            CronJob\n          </Typography>\n        </Grid>\n        {namespace && (\n          <Grid item>\n            <Chip\n              size=\"small\"\n              label={t('namespace.labelWithValue', { namespace })}\n            />\n          </Grid>\n        )}\n      </Grid>\n    </KubernetesStructuredMetadataTableDrawer>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAuBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,OAAA;AAAA,EACA;AACF,CAAA,KAGM;AACJ,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,6BAA6B,CAAA;AAC7D,EAAA,MAAM,SAAA,GAAY,QAAQ,QAAA,EAAU,SAAA;AACpC,EAAA,uBACE,GAAA;AAAA,IAAC,uCAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,OAAA;AAAA,MACR,QAAA;AAAA,MACA,IAAA,EAAK,SAAA;AAAA,MACL,YAAA,EAAc,CAAC,UAAA,MAA2B;AAAA,QACxC,QAAA,EAAU,UAAA,CAAW,IAAA,EAAM,QAAA,IAAY,KAAA;AAAA,QACvC,uBAAA,EACE,UAAA,CAAW,IAAA,EAAM,uBAAA,IAA2B,KAAA;AAAA,QAC9C,iBAAA,EAAmB,UAAA,CAAW,IAAA,EAAM,iBAAA,IAAqB,KAAA;AAAA,QACzD,gBAAA,EAAkB,UAAA,CAAW,MAAA,EAAQ,gBAAA,IAAoB;AAAA,OAC3D,CAAA;AAAA,MAEA,QAAA,kBAAA,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAS,IAAA;AAAA,UACT,SAAA,EAAU,QAAA;AAAA,UACV,cAAA,EAAe,YAAA;AAAA,UACf,UAAA,EAAW,YAAA;AAAA,UACX,OAAA,EAAS,CAAA;AAAA,UAET,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EACjB,QAAA,EAAA,OAAA,CAAQ,QAAA,EAAU,IAAA,IAAQ,gBAAA,EAC7B,CAAA,EACF,CAAA;AAAA,4BACA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAM,eAAA,EAAgB,OAAA,EAAQ,WAAA,EAAY,QAAA,EAAA,SAAA,EAEtD,CAAA,EACF,CAAA;AAAA,YACC,SAAA,oBACC,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,OAAA;AAAA,gBACL,KAAA,EAAO,CAAA,CAAE,0BAAA,EAA4B,EAAE,WAAW;AAAA;AAAA,aACpD,EACF;AAAA;AAAA;AAAA;AAEJ;AAAA,GACF;AAEJ;;;;"}

package/dist/components/CustomResources/ArgoRollouts/Rollout.esm.js

@@ -28,6 +28,8 @@ import '../../../hooks/useMatchingErrors.esm.js';
 import '@material-ui/icons/OpenInBrowser';
 import '../../KubernetesDialog/KubernetesDialog.esm.js';
 import '../../PodExecTerminal/PodExecTerminal.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { kubernetesReactTranslationRef } from '../../../translation.esm.js';
 import '@material-ui/core/Paper';
 import '@material-ui/lab/Skeleton';
 import '@material-ui/icons/Subject';
@@ -73,6 +75,7 @@ const RolloutSummary = ({
   numberOfPodsWithErrors,
   hpa
 }) => {
+  const { t } = useTranslationRef(kubernetesReactTranslationRef);
   const pauseTime = rollout.status?.pauseConditions?.find(
     (p) => p.reason === "CanaryPauseStep"
   )?.startTime;
@@ -103,23 +106,16 @@ const RolloutSummary = ({
             alignItems: "flex-start",
             spacing: 0,
             children: [
-              /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", children: [
-                "min replicas ",
-                hpa.spec?.minReplicas ?? "?",
-                " / max replicas",
-                " ",
-                hpa.spec?.maxReplicas ?? "?"
-              ] }) }),
-              /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", children: [
-                "current CPU usage: ",
-                cpuUtil ?? "?",
-                "%"
-              ] }) }),
-              /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", children: [
-                "target CPU usage: ",
-                specCpuUtil ?? "?",
-                "%"
-              ] }) })
+              /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: t("hpa.replicasSummary", {
+                min: String(hpa.spec?.minReplicas ?? "?"),
+                max: String(hpa.spec?.maxReplicas ?? "?")
+              }) }) }),
+              /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: t("hpa.currentCpuUsageLabel", {
+                value: String(cpuUtil ?? "?")
+              }) }) }),
+              /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: t("hpa.targetCpuUsageLabel", {
+                value: String(specCpuUtil ?? "?")
+              }) }) })
             ]
           }
         ) }) }),
@@ -134,16 +130,8 @@ const RolloutSummary = ({
             alignItems: "flex-end",
             spacing: 0,
             children: [
-              /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(StatusOK, { children: [
-                numberOfCurrentPods,
-                " pods"
-              ] }) }),
-              /* @__PURE__ */ jsx(Grid, { item: true, children: numberOfPodsWithErrors > 0 ? /* @__PURE__ */ jsxs(StatusError, { children: [
-                numberOfPodsWithErrors,
-                " pod",
-                numberOfPodsWithErrors > 1 ? "s" : "",
-                " with errors"
-              ] }) : /* @__PURE__ */ jsx(StatusOK, { children: "No pods with errors" }) })
+              /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(StatusOK, { children: t("pods.pods", { count: numberOfCurrentPods }) }) }),
+              /* @__PURE__ */ jsx(Grid, { item: true, children: numberOfPodsWithErrors > 0 ? /* @__PURE__ */ jsx(StatusError, { children: t("cluster.podsWithErrors", { count: numberOfPodsWithErrors }) }) : /* @__PURE__ */ jsx(StatusOK, { children: t("cluster.noPodsWithErrors") }) })
             ]
           }
         ),

package/dist/components/CustomResources/ArgoRollouts/Rollout.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rollout.esm.js","sources":["../../../../src/components/CustomResources/ArgoRollouts/Rollout.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 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 type { V1Pod, V2HorizontalPodAutoscaler } from '@kubernetes/client-node';\nimport { PodsTable } from '../../Pods';\nimport { HorizontalPodAutoscalerDrawer } from '../../HorizontalPodAutoscalers';\nimport { RolloutDrawer } from './RolloutDrawer';\nimport PauseIcon from '@material-ui/icons/Pause';\nimport ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';\nimport { DateTime } from 'luxon';\nimport { StepsProgress } from './StepsProgress';\nimport {\n  PodNamesWithErrorsContext,\n  GroupedResponsesContext,\n} from '../../../hooks';\nimport {\n  getMatchingHpa,\n  getOwnedPodsThroughReplicaSets,\n} from '../../../utils/owner';\nimport { StatusError, StatusOK } from '@backstage/core-components';\nimport { READY_COLUMNS, RESOURCE_COLUMNS } from '../../Pods/PodsTable';\n\ntype RolloutAccordionsProps = {\n  rollouts: any[];\n  defaultExpanded?: boolean;\n  children?: ReactNode;\n};\n\ntype RolloutAccordionProps = {\n  rollout: any;\n  ownedPods: V1Pod[];\n  defaultExpanded?: boolean;\n  matchingHpa?: V2HorizontalPodAutoscaler;\n  children?: ReactNode;\n};\n\ntype RolloutSummaryProps = {\n  rollout: any;\n  numberOfCurrentPods: number;\n  numberOfPodsWithErrors: number;\n  hpa?: V2HorizontalPodAutoscaler;\n  children?: ReactNode;\n};\n\nconst AbortedTitle = (\n  <div\n    style={{\n      display: 'flex',\n      alignItems: 'center',\n      flexWrap: 'wrap',\n    }}\n  >\n    <ErrorOutlineIcon />\n    <Typography variant=\"subtitle1\">Aborted</Typography>\n  </div>\n);\n\nconst findAbortedMessage = (rollout: any): string | undefined =>\n  rollout.status?.conditions?.find(\n    (c: any) =>\n      c.type === 'Progressing' &&\n      c.status === 'False' &&\n      c.reason === 'RolloutAborted',\n  )?.message;\n\nconst RolloutSummary = ({\n  rollout,\n  numberOfCurrentPods,\n  numberOfPodsWithErrors,\n  hpa,\n}: RolloutSummaryProps) => {\n  const pauseTime: string | undefined = rollout.status?.pauseConditions?.find(\n    (p: any) => p.reason === 'CanaryPauseStep',\n  )?.startTime;\n  const abortedMessage = findAbortedMessage(rollout);\n  const specCpuUtil = hpa?.spec?.metrics?.find(\n    metric => metric.type === 'Resource' && metric.resource?.name === 'cpu',\n  )?.resource?.target.averageUtilization;\n\n  const cpuUtil = hpa?.status?.currentMetrics?.find(\n    metric => metric.type === 'Resource' && metric.resource?.name === 'cpu',\n  )?.resource?.current.averageUtilization;\n\n  return (\n    <Grid\n      container\n      direction=\"row\"\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      spacing={0}\n    >\n      <Grid xs={6} item>\n        <RolloutDrawer rollout={rollout} />\n      </Grid>\n      {hpa && (\n        <Grid item xs={3}>\n          <HorizontalPodAutoscalerDrawer hpa={hpa}>\n            <Grid\n              item\n              container\n              direction=\"column\"\n              justifyContent=\"flex-start\"\n              alignItems=\"flex-start\"\n              spacing={0}\n            >\n              <Grid item>\n                <Typography variant=\"subtitle2\">\n                  min replicas {hpa.spec?.minReplicas ?? '?'} / max replicas{' '}\n                  {hpa.spec?.maxReplicas ?? '?'}\n                </Typography>\n              </Grid>\n              <Grid item>\n                <Typography variant=\"subtitle2\">\n                  current CPU usage: {cpuUtil ?? '?'}%\n                </Typography>\n              </Grid>\n              <Grid item>\n                <Typography variant=\"subtitle2\">\n                  target CPU usage: {specCpuUtil ?? '?'}%\n                </Typography>\n              </Grid>\n            </Grid>\n          </HorizontalPodAutoscalerDrawer>\n        </Grid>\n      )}\n      <Grid\n        item\n        container\n        xs={3}\n        direction=\"column\"\n        justifyContent=\"flex-start\"\n        alignItems=\"flex-end\"\n        spacing={0}\n      >\n        <Grid item>\n          <StatusOK>{numberOfCurrentPods} pods</StatusOK>\n        </Grid>\n        <Grid item>\n          {numberOfPodsWithErrors > 0 ? (\n            <StatusError>\n              {numberOfPodsWithErrors} pod\n              {numberOfPodsWithErrors > 1 ? 's' : ''} with errors\n            </StatusError>\n          ) : (\n            <StatusOK>No pods with errors</StatusOK>\n          )}\n        </Grid>\n      </Grid>\n      {pauseTime && (\n        <Grid item xs={3}>\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              flexWrap: 'wrap',\n            }}\n          >\n            <PauseIcon />\n            <Typography variant=\"subtitle1\">\n              Paused ({DateTime.fromISO(pauseTime).toRelative({ locale: 'en' })}\n              )\n            </Typography>\n          </div>\n        </Grid>\n      )}\n      {abortedMessage && (\n        <Grid item xs={3}>\n          {AbortedTitle}\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nconst RolloutAccordion = ({\n  rollout,\n  ownedPods,\n  matchingHpa,\n  defaultExpanded,\n}: RolloutAccordionProps) => {\n  const podNamesWithErrors = useContext(PodNamesWithErrorsContext);\n\n  const podsWithErrors = ownedPods.filter(p =>\n    podNamesWithErrors.has(p.metadata?.name ?? ''),\n  );\n\n  const currentStepIndex = rollout.status?.currentStepIndex ?? 0;\n  const abortedMessage = findAbortedMessage(rollout);\n\n  return (\n    <Accordion\n      defaultExpanded={defaultExpanded}\n      TransitionProps={{ unmountOnExit: true }}\n      variant=\"outlined\"\n    >\n      <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n        <RolloutSummary\n          rollout={rollout}\n          numberOfCurrentPods={ownedPods.length}\n          numberOfPodsWithErrors={podsWithErrors.length}\n          hpa={matchingHpa}\n        />\n      </AccordionSummary>\n      <AccordionDetails>\n        <div style={{ width: '100%' }}>\n          <div>\n            <Typography variant=\"h6\">Rollout status</Typography>\n          </div>\n          <div style={{ margin: '1rem' }}>\n            {abortedMessage && (\n              <>\n                {AbortedTitle}\n                <Typography variant=\"subtitle2\">{abortedMessage}</Typography>\n              </>\n            )}\n            <StepsProgress\n              aborted={abortedMessage !== undefined}\n              steps={rollout.spec?.strategy?.canary?.steps ?? []}\n              currentStepIndex={currentStepIndex}\n            />\n          </div>\n          <div>\n            <PodsTable\n              pods={ownedPods}\n              extraColumns={[READY_COLUMNS, RESOURCE_COLUMNS]}\n            />\n          </div>\n        </div>\n      </AccordionDetails>\n    </Accordion>\n  );\n};\n\nexport const RolloutAccordions = ({\n  rollouts,\n  defaultExpanded = false,\n}: RolloutAccordionsProps) => {\n  const groupedResponses = useContext(GroupedResponsesContext);\n\n  return (\n    <Grid\n      container\n      direction=\"column\"\n      justifyContent=\"flex-start\"\n      alignItems=\"flex-start\"\n    >\n      {rollouts.map((rollout, i) => (\n        <Grid container item key={i} xs>\n          <Grid item xs>\n            <RolloutAccordion\n              defaultExpanded={defaultExpanded}\n              matchingHpa={getMatchingHpa(\n                {\n                  name: rollout.metadata?.name,\n                  namespace: rollout.metadata?.namespace,\n                  kind: 'rollout',\n                },\n                groupedResponses.horizontalPodAutoscalers,\n              )}\n              ownedPods={getOwnedPodsThroughReplicaSets(\n                rollout,\n                groupedResponses.replicaSets,\n                groupedResponses.pods,\n              )}\n              rollout={rollout}\n            />\n          </Grid>\n        </Grid>\n      ))}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Rollout.esm.js","sources":["../../../../src/components/CustomResources/ArgoRollouts/Rollout.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 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 type { V1Pod, V2HorizontalPodAutoscaler } from '@kubernetes/client-node';\nimport { PodsTable } from '../../Pods';\nimport { HorizontalPodAutoscalerDrawer } from '../../HorizontalPodAutoscalers';\nimport { RolloutDrawer } from './RolloutDrawer';\nimport PauseIcon from '@material-ui/icons/Pause';\nimport ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';\nimport { DateTime } from 'luxon';\nimport { StepsProgress } from './StepsProgress';\nimport {\n  PodNamesWithErrorsContext,\n  GroupedResponsesContext,\n} from '../../../hooks';\nimport {\n  getMatchingHpa,\n  getOwnedPodsThroughReplicaSets,\n} from '../../../utils/owner';\nimport { StatusError, StatusOK } from '@backstage/core-components';\nimport { READY_COLUMNS, RESOURCE_COLUMNS } from '../../Pods/PodsTable';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { kubernetesReactTranslationRef } from '../../../translation';\n\ntype RolloutAccordionsProps = {\n  rollouts: any[];\n  defaultExpanded?: boolean;\n  children?: ReactNode;\n};\n\ntype RolloutAccordionProps = {\n  rollout: any;\n  ownedPods: V1Pod[];\n  defaultExpanded?: boolean;\n  matchingHpa?: V2HorizontalPodAutoscaler;\n  children?: ReactNode;\n};\n\ntype RolloutSummaryProps = {\n  rollout: any;\n  numberOfCurrentPods: number;\n  numberOfPodsWithErrors: number;\n  hpa?: V2HorizontalPodAutoscaler;\n  children?: ReactNode;\n};\n\nconst AbortedTitle = (\n  <div\n    style={{\n      display: 'flex',\n      alignItems: 'center',\n      flexWrap: 'wrap',\n    }}\n  >\n    <ErrorOutlineIcon />\n    <Typography variant=\"subtitle1\">Aborted</Typography>\n  </div>\n);\n\nconst findAbortedMessage = (rollout: any): string | undefined =>\n  rollout.status?.conditions?.find(\n    (c: any) =>\n      c.type === 'Progressing' &&\n      c.status === 'False' &&\n      c.reason === 'RolloutAborted',\n  )?.message;\n\nconst RolloutSummary = ({\n  rollout,\n  numberOfCurrentPods,\n  numberOfPodsWithErrors,\n  hpa,\n}: RolloutSummaryProps) => {\n  const { t } = useTranslationRef(kubernetesReactTranslationRef);\n  const pauseTime: string | undefined = rollout.status?.pauseConditions?.find(\n    (p: any) => p.reason === 'CanaryPauseStep',\n  )?.startTime;\n  const abortedMessage = findAbortedMessage(rollout);\n  const specCpuUtil = hpa?.spec?.metrics?.find(\n    metric => metric.type === 'Resource' && metric.resource?.name === 'cpu',\n  )?.resource?.target.averageUtilization;\n\n  const cpuUtil = hpa?.status?.currentMetrics?.find(\n    metric => metric.type === 'Resource' && metric.resource?.name === 'cpu',\n  )?.resource?.current.averageUtilization;\n\n  return (\n    <Grid\n      container\n      direction=\"row\"\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      spacing={0}\n    >\n      <Grid xs={6} item>\n        <RolloutDrawer rollout={rollout} />\n      </Grid>\n      {hpa && (\n        <Grid item xs={3}>\n          <HorizontalPodAutoscalerDrawer hpa={hpa}>\n            <Grid\n              item\n              container\n              direction=\"column\"\n              justifyContent=\"flex-start\"\n              alignItems=\"flex-start\"\n              spacing={0}\n            >\n              <Grid item>\n                <Typography variant=\"subtitle2\">\n                  {t('hpa.replicasSummary', {\n                    min: String(hpa.spec?.minReplicas ?? '?'),\n                    max: String(hpa.spec?.maxReplicas ?? '?'),\n                  })}\n                </Typography>\n              </Grid>\n              <Grid item>\n                <Typography variant=\"subtitle2\">\n                  {t('hpa.currentCpuUsageLabel', {\n                    value: String(cpuUtil ?? '?'),\n                  })}\n                </Typography>\n              </Grid>\n              <Grid item>\n                <Typography variant=\"subtitle2\">\n                  {t('hpa.targetCpuUsageLabel', {\n                    value: String(specCpuUtil ?? '?'),\n                  })}\n                </Typography>\n              </Grid>\n            </Grid>\n          </HorizontalPodAutoscalerDrawer>\n        </Grid>\n      )}\n      <Grid\n        item\n        container\n        xs={3}\n        direction=\"column\"\n        justifyContent=\"flex-start\"\n        alignItems=\"flex-end\"\n        spacing={0}\n      >\n        <Grid item>\n          <StatusOK>{t('pods.pods', { count: numberOfCurrentPods })}</StatusOK>\n        </Grid>\n        <Grid item>\n          {numberOfPodsWithErrors > 0 ? (\n            <StatusError>\n              {t('cluster.podsWithErrors', { count: numberOfPodsWithErrors })}\n            </StatusError>\n          ) : (\n            <StatusOK>{t('cluster.noPodsWithErrors')}</StatusOK>\n          )}\n        </Grid>\n      </Grid>\n      {pauseTime && (\n        <Grid item xs={3}>\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              flexWrap: 'wrap',\n            }}\n          >\n            <PauseIcon />\n            <Typography variant=\"subtitle1\">\n              Paused ({DateTime.fromISO(pauseTime).toRelative({ locale: 'en' })}\n              )\n            </Typography>\n          </div>\n        </Grid>\n      )}\n      {abortedMessage && (\n        <Grid item xs={3}>\n          {AbortedTitle}\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nconst RolloutAccordion = ({\n  rollout,\n  ownedPods,\n  matchingHpa,\n  defaultExpanded,\n}: RolloutAccordionProps) => {\n  const podNamesWithErrors = useContext(PodNamesWithErrorsContext);\n\n  const podsWithErrors = ownedPods.filter(p =>\n    podNamesWithErrors.has(p.metadata?.name ?? ''),\n  );\n\n  const currentStepIndex = rollout.status?.currentStepIndex ?? 0;\n  const abortedMessage = findAbortedMessage(rollout);\n\n  return (\n    <Accordion\n      defaultExpanded={defaultExpanded}\n      TransitionProps={{ unmountOnExit: true }}\n      variant=\"outlined\"\n    >\n      <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n        <RolloutSummary\n          rollout={rollout}\n          numberOfCurrentPods={ownedPods.length}\n          numberOfPodsWithErrors={podsWithErrors.length}\n          hpa={matchingHpa}\n        />\n      </AccordionSummary>\n      <AccordionDetails>\n        <div style={{ width: '100%' }}>\n          <div>\n            <Typography variant=\"h6\">Rollout status</Typography>\n          </div>\n          <div style={{ margin: '1rem' }}>\n            {abortedMessage && (\n              <>\n                {AbortedTitle}\n                <Typography variant=\"subtitle2\">{abortedMessage}</Typography>\n              </>\n            )}\n            <StepsProgress\n              aborted={abortedMessage !== undefined}\n              steps={rollout.spec?.strategy?.canary?.steps ?? []}\n              currentStepIndex={currentStepIndex}\n            />\n          </div>\n          <div>\n            <PodsTable\n              pods={ownedPods}\n              extraColumns={[READY_COLUMNS, RESOURCE_COLUMNS]}\n            />\n          </div>\n        </div>\n      </AccordionDetails>\n    </Accordion>\n  );\n};\n\nexport const RolloutAccordions = ({\n  rollouts,\n  defaultExpanded = false,\n}: RolloutAccordionsProps) => {\n  const groupedResponses = useContext(GroupedResponsesContext);\n\n  return (\n    <Grid\n      container\n      direction=\"column\"\n      justifyContent=\"flex-start\"\n      alignItems=\"flex-start\"\n    >\n      {rollouts.map((rollout, i) => (\n        <Grid container item key={i} xs>\n          <Grid item xs>\n            <RolloutAccordion\n              defaultExpanded={defaultExpanded}\n              matchingHpa={getMatchingHpa(\n                {\n                  name: rollout.metadata?.name,\n                  namespace: rollout.metadata?.namespace,\n                  kind: 'rollout',\n                },\n                groupedResponses.horizontalPodAutoscalers,\n              )}\n              ownedPods={getOwnedPodsThroughReplicaSets(\n                rollout,\n                groupedResponses.replicaSets,\n                groupedResponses.pods,\n              )}\n              rollout={rollout}\n            />\n          </Grid>\n        </Grid>\n      ))}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/CustomResources/ArgoRollouts/RolloutDrawer.esm.js

@@ -6,6 +6,8 @@ import '@material-ui/core/FormControlLabel';
 import '@material-ui/core/Switch';
 import 'js-yaml';
 import 'react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { kubernetesReactTranslationRef } from '../../../translation.esm.js';
 import Typography from '@material-ui/core/Typography';
 import Grid from '@material-ui/core/Grid';
 import Chip from '@material-ui/core/Chip';
@@ -14,6 +16,7 @@ const RolloutDrawer = ({
   rollout,
   expanded
 }) => {
+  const { t } = useTranslationRef(kubernetesReactTranslationRef);
   const namespace = rollout.metadata?.namespace;
   return /* @__PURE__ */ jsx(
     KubernetesStructuredMetadataTableDrawer,
@@ -33,7 +36,13 @@ const RolloutDrawer = ({
           children: [
             /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { variant: "body1", children: rollout.metadata?.name ?? "unknown object" }) }),
             /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { color: "textSecondary", variant: "subtitle1", children: "Rollout" }) }),
-            namespace && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Chip, { size: "small", label: `namespace: ${namespace}` }) })
+            namespace && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+              Chip,
+              {
+                size: "small",
+                label: t("namespace.labelWithValue", { namespace })
+              }
+            ) })
           ]
         }
       )

package/dist/components/CustomResources/ArgoRollouts/RolloutDrawer.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RolloutDrawer.esm.js","sources":["../../../../src/components/CustomResources/ArgoRollouts/RolloutDrawer.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 { 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 RolloutDrawer = ({\n  rollout,\n  expanded,\n}: {\n  rollout: any;\n  expanded?: boolean;\n}) => {\n  const namespace = rollout.metadata?.namespace;\n  return (\n    <KubernetesStructuredMetadataTableDrawer\n      object={rollout}\n      expanded={expanded}\n      kind=\"Rollout\"\n      renderObject={() => ({})}\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            {rollout.metadata?.name ?? 'unknown object'}\n          </Typography>\n        </Grid>\n        <Grid item>\n          <Typography color=\"textSecondary\" variant=\"subtitle1\">\n            Rollout\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":";;;;;;;;;;;;AAqBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,OAAA;AAAA,EACA;AACF,CAAA,KAGM;AACJ,EAAA,MAAM,SAAA,GAAY,QAAQ,QAAA,EAAU,SAAA;AACpC,EAAA,uBACE,GAAA;AAAA,IAAC,uCAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,OAAA;AAAA,MACR,QAAA;AAAA,MACA,IAAA,EAAK,SAAA;AAAA,MACL,YAAA,EAAc,OAAO,EAAC,CAAA;AAAA,MAEtB,QAAA,kBAAA,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAS,IAAA;AAAA,UACT,SAAA,EAAU,QAAA;AAAA,UACV,cAAA,EAAe,YAAA;AAAA,UACf,UAAA,EAAW,YAAA;AAAA,UACX,OAAA,EAAS,CAAA;AAAA,UAET,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EACjB,QAAA,EAAA,OAAA,CAAQ,QAAA,EAAU,IAAA,IAAQ,gBAAA,EAC7B,CAAA,EACF,CAAA;AAAA,4BACA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAM,eAAA,EAAgB,OAAA,EAAQ,WAAA,EAAY,QAAA,EAAA,SAAA,EAEtD,CAAA,EACF,CAAA;AAAA,YACC,SAAA,oBACC,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,KAAA,EAAO,CAAA,WAAA,EAAc,SAAS,IAAI,CAAA,EACvD;AAAA;AAAA;AAAA;AAEJ;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"RolloutDrawer.esm.js","sources":["../../../../src/components/CustomResources/ArgoRollouts/RolloutDrawer.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 { KubernetesStructuredMetadataTableDrawer } from '../../KubernetesDrawer';\nimport Typography from '@material-ui/core/Typography';\nimport Grid from '@material-ui/core/Grid';\nimport Chip from '@material-ui/core/Chip';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { kubernetesReactTranslationRef } from '../../../translation';\n\nexport const RolloutDrawer = ({\n  rollout,\n  expanded,\n}: {\n  rollout: any;\n  expanded?: boolean;\n}) => {\n  const { t } = useTranslationRef(kubernetesReactTranslationRef);\n  const namespace = rollout.metadata?.namespace;\n  return (\n    <KubernetesStructuredMetadataTableDrawer\n      object={rollout}\n      expanded={expanded}\n      kind=\"Rollout\"\n      renderObject={() => ({})}\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            {rollout.metadata?.name ?? 'unknown object'}\n          </Typography>\n        </Grid>\n        <Grid item>\n          <Typography color=\"textSecondary\" variant=\"subtitle1\">\n            Rollout\n          </Typography>\n        </Grid>\n        {namespace && (\n          <Grid item>\n            <Chip\n              size=\"small\"\n              label={t('namespace.labelWithValue', { namespace })}\n            />\n          </Grid>\n        )}\n      </Grid>\n    </KubernetesStructuredMetadataTableDrawer>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAuBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,OAAA;AAAA,EACA;AACF,CAAA,KAGM;AACJ,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,6BAA6B,CAAA;AAC7D,EAAA,MAAM,SAAA,GAAY,QAAQ,QAAA,EAAU,SAAA;AACpC,EAAA,uBACE,GAAA;AAAA,IAAC,uCAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,OAAA;AAAA,MACR,QAAA;AAAA,MACA,IAAA,EAAK,SAAA;AAAA,MACL,YAAA,EAAc,OAAO,EAAC,CAAA;AAAA,MAEtB,QAAA,kBAAA,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAS,IAAA;AAAA,UACT,SAAA,EAAU,QAAA;AAAA,UACV,cAAA,EAAe,YAAA;AAAA,UACf,UAAA,EAAW,YAAA;AAAA,UACX,OAAA,EAAS,CAAA;AAAA,UAET,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EACjB,QAAA,EAAA,OAAA,CAAQ,QAAA,EAAU,IAAA,IAAQ,gBAAA,EAC7B,CAAA,EACF,CAAA;AAAA,4BACA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAM,eAAA,EAAgB,OAAA,EAAQ,WAAA,EAAY,QAAA,EAAA,SAAA,EAEtD,CAAA,EACF,CAAA;AAAA,YACC,SAAA,oBACC,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,OAAA;AAAA,gBACL,KAAA,EAAO,CAAA,CAAE,0BAAA,EAA4B,EAAE,WAAW;AAAA;AAAA,aACpD,EACF;AAAA;AAAA;AAAA;AAEJ;AAAA,GACF;AAEJ;;;;"}

package/dist/components/CustomResources/DefaultCustomResourceDrawer.esm.js

@@ -6,6 +6,8 @@ import '@material-ui/core/FormControlLabel';
 import '@material-ui/core/Switch';
 import 'js-yaml';
 import 'react';
+import '@backstage/core-plugin-api/alpha';
+import '../../translation.esm.js';
 import Typography from '@material-ui/core/Typography';
 import Grid from '@material-ui/core/Grid';
 

package/dist/components/CustomResources/DefaultCustomResourceDrawer.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultCustomResourceDrawer.esm.js","sources":["../../../src/components/CustomResources/DefaultCustomResourceDrawer.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 { KubernetesStructuredMetadataTableDrawer } from '../KubernetesDrawer';\nimport Typography from '@material-ui/core/Typography';\nimport Grid from '@material-ui/core/Grid';\n\nconst capitalize = (str: string) =>\n  str.charAt(0).toLocaleUpperCase('en-US') + str.slice(1);\n\nexport const DefaultCustomResourceDrawer = ({\n  customResource,\n  customResourceName,\n  expanded,\n}: {\n  customResource: any;\n  customResourceName: string;\n  expanded?: boolean;\n}) => {\n  const capitalizedName = capitalize(customResourceName);\n\n  return (\n    <KubernetesStructuredMetadataTableDrawer\n      object={customResource}\n      expanded={expanded}\n      kind={capitalizedName}\n      renderObject={cr => cr}\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            {customResource.metadata?.name ?? 'unknown object'}\n          </Typography>\n        </Grid>\n        <Grid item>\n          <Typography color=\"textSecondary\" variant=\"subtitle1\">\n            {capitalizedName}\n          </Typography>\n        </Grid>\n      </Grid>\n    </KubernetesStructuredMetadataTableDrawer>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAoBA,MAAM,UAAA,GAAa,CAAC,GAAA,KAClB,GAAA,CAAI,MAAA,CAAO,CAAC,CAAA,CAAE,iBAAA,CAAkB,OAAO,CAAA,GAAI,GAAA,CAAI,KAAA,CAAM,CAAC,CAAA;AAEjD,MAAM,8BAA8B,CAAC;AAAA,EAC1C,cAAA;AAAA,EACA,kBAAA;AAAA,EACA;AACF,CAAA,KAIM;AACJ,EAAA,MAAM,eAAA,GAAkB,WAAW,kBAAkB,CAAA;AAErD,EAAA,uBACE,GAAA;AAAA,IAAC,uCAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,cAAA;AAAA,MACR,QAAA;AAAA,MACA,IAAA,EAAM,eAAA;AAAA,MACN,cAAc,CAAA,EAAA,KAAM,EAAA;AAAA,MAEpB,QAAA,kBAAA,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAS,IAAA;AAAA,UACT,SAAA,EAAU,QAAA;AAAA,UACV,cAAA,EAAe,YAAA;AAAA,UACf,UAAA,EAAW,YAAA;AAAA,UACX,OAAA,EAAS,CAAA;AAAA,UAET,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EACjB,QAAA,EAAA,cAAA,CAAe,QAAA,EAAU,IAAA,IAAQ,gBAAA,EACpC,CAAA,EACF,CAAA;AAAA,4BACA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAM,eAAA,EAAgB,OAAA,EAAQ,WAAA,EACvC,QAAA,EAAA,eAAA,EACH,CAAA,EACF;AAAA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"DefaultCustomResourceDrawer.esm.js","sources":["../../../src/components/CustomResources/DefaultCustomResourceDrawer.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 { KubernetesStructuredMetadataTableDrawer } from '../KubernetesDrawer';\nimport Typography from '@material-ui/core/Typography';\nimport Grid from '@material-ui/core/Grid';\n\nconst capitalize = (str: string) =>\n  str.charAt(0).toLocaleUpperCase('en-US') + str.slice(1);\n\nexport const DefaultCustomResourceDrawer = ({\n  customResource,\n  customResourceName,\n  expanded,\n}: {\n  customResource: any;\n  customResourceName: string;\n  expanded?: boolean;\n}) => {\n  const capitalizedName = capitalize(customResourceName);\n\n  return (\n    <KubernetesStructuredMetadataTableDrawer\n      object={customResource}\n      expanded={expanded}\n      kind={capitalizedName}\n      renderObject={cr => cr}\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            {customResource.metadata?.name ?? 'unknown object'}\n          </Typography>\n        </Grid>\n        <Grid item>\n          <Typography color=\"textSecondary\" variant=\"subtitle1\">\n            {capitalizedName}\n          </Typography>\n        </Grid>\n      </Grid>\n    </KubernetesStructuredMetadataTableDrawer>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAoBA,MAAM,UAAA,GAAa,CAAC,GAAA,KAClB,GAAA,CAAI,MAAA,CAAO,CAAC,CAAA,CAAE,iBAAA,CAAkB,OAAO,CAAA,GAAI,GAAA,CAAI,KAAA,CAAM,CAAC,CAAA;AAEjD,MAAM,8BAA8B,CAAC;AAAA,EAC1C,cAAA;AAAA,EACA,kBAAA;AAAA,EACA;AACF,CAAA,KAIM;AACJ,EAAA,MAAM,eAAA,GAAkB,WAAW,kBAAkB,CAAA;AAErD,EAAA,uBACE,GAAA;AAAA,IAAC,uCAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,cAAA;AAAA,MACR,QAAA;AAAA,MACA,IAAA,EAAM,eAAA;AAAA,MACN,cAAc,CAAA,EAAA,KAAM,EAAA;AAAA,MAEpB,QAAA,kBAAA,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAS,IAAA;AAAA,UACT,SAAA,EAAU,QAAA;AAAA,UACV,cAAA,EAAe,YAAA;AAAA,UACf,UAAA,EAAW,YAAA;AAAA,UACX,OAAA,EAAS,CAAA;AAAA,UAET,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EACjB,QAAA,EAAA,cAAA,CAAe,QAAA,EAAU,IAAA,IAAQ,gBAAA,EACpC,CAAA,EACF,CAAA;AAAA,4BACA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAM,eAAA,EAAgB,OAAA,EAAQ,WAAA,EACvC,QAAA,EAAA,eAAA,EACH,CAAA,EACF;AAAA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}

package/dist/components/DaemonSetsAccordions/DaemonSetsAccordions.esm.js

@@ -28,6 +28,8 @@ import '../../hooks/useMatchingErrors.esm.js';
 import '@material-ui/icons/OpenInBrowser';
 import '../KubernetesDialog/KubernetesDialog.esm.js';
 import '../PodExecTerminal/PodExecTerminal.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { kubernetesReactTranslationRef } from '../../translation.esm.js';
 import '@material-ui/core/Paper';
 import '@material-ui/lab/Skeleton';
 import '@material-ui/icons/Subject';
@@ -51,6 +53,7 @@ const DaemonSetSummary = ({
   numberOfCurrentPods,
   numberOfPodsWithErrors
 }) => {
+  const { t } = useTranslationRef(kubernetesReactTranslationRef);
   return /* @__PURE__ */ jsxs(
     Grid,
     {
@@ -72,16 +75,8 @@ const DaemonSetSummary = ({
             alignItems: "flex-end",
             spacing: 0,
             children: [
-              /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(StatusOK, { children: [
-                numberOfCurrentPods,
-                " pods"
-              ] }) }),
-              /* @__PURE__ */ jsx(Grid, { item: true, children: numberOfPodsWithErrors > 0 ? /* @__PURE__ */ jsxs(StatusError, { children: [
-                numberOfPodsWithErrors,
-                " pod",
-                numberOfPodsWithErrors > 1 ? "s" : "",
-                " with errors"
-              ] }) : /* @__PURE__ */ jsx(StatusOK, { children: "No pods with errors" }) })
+              /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(StatusOK, { children: t("pods.pods", { count: numberOfCurrentPods }) }) }),
+              /* @__PURE__ */ jsx(Grid, { item: true, children: numberOfPodsWithErrors > 0 ? /* @__PURE__ */ jsx(StatusError, { children: t("cluster.podsWithErrors", { count: numberOfPodsWithErrors }) }) : /* @__PURE__ */ jsx(StatusOK, { children: t("cluster.noPodsWithErrors") }) })
             ]
           }
         )