@backstage-community/plugin-ocm 5.4.4 → 5.5.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 ### Dependencies
 
+## 5.5.0
+
+### Minor Changes
+
+- fde918d: Backstage version bump to v1.38.1
+
+### Patch Changes
+
+- Updated dependencies [fde918d]
+  - @backstage-community/plugin-ocm-common@3.9.0
+
 ## 5.4.4
 
 ### Patch Changes

package/dist/components/ClusterAvailableResourcesCard/ClusterAvailableResourcesCard.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { RequirePermission } from '@backstage/plugin-permission-react';
 import { ocmEntityReadPermission } from '@backstage-community/plugin-ocm-common';
 import { useCluster } from '../ClusterContext/ClusterContext.esm.js';
@@ -17,14 +17,14 @@ const ClusterAvailableResourceCard = () => {
     ["memorySize", "Memory size"],
     ["numberOfPods", "Number of pods"]
   ]);
-  return /* @__PURE__ */ React.createElement(RequirePermission, { permission: ocmEntityReadPermission }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(RequirePermission, { permission: ocmEntityReadPermission, children: /* @__PURE__ */ jsx(
     TableCardFromData,
     {
       data: data.availableResources,
       title: "Available",
       nameMap
     }
-  ));
+  ) });
 };
 
 export { ClusterAvailableResourceCard };

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

@@ -1 +1 @@
-{"version":3,"file":"ClusterAvailableResourcesCard.esm.js","sources":["../../../src/components/ClusterAvailableResourcesCard/ClusterAvailableResourcesCard.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 { RequirePermission } from '@backstage/plugin-permission-react';\n\nimport { ocmEntityReadPermission } from '@backstage-community/plugin-ocm-common';\n\nimport { useCluster } from '../ClusterContext';\nimport { TableCardFromData } from '../TableCardFromData';\n\n/**\n * @public\n */\nexport const ClusterAvailableResourceCard = (): any => {\n  const { data } = useCluster();\n\n  if (!data) {\n    return null;\n  }\n\n  if (!('availableResources' in data!)) {\n    return null;\n  }\n\n  const nameMap = new Map<string, string>([\n    ['cpuCores', 'CPU cores'],\n    ['memorySize', 'Memory size'],\n    ['numberOfPods', 'Number of pods'],\n  ]);\n  return (\n    <RequirePermission permission={ocmEntityReadPermission}>\n      <TableCardFromData\n        data={data.availableResources}\n        title=\"Available\"\n        nameMap={nameMap}\n      />\n    </RequirePermission>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA2BO,MAAM,+BAA+B,MAAW;AACrD,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,UAAW,EAAA;AAE5B,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAO,OAAA,IAAA;AAAA;AAGT,EAAI,IAAA,EAAE,wBAAwB,IAAQ,CAAA,EAAA;AACpC,IAAO,OAAA,IAAA;AAAA;AAGT,EAAM,MAAA,OAAA,uBAAc,GAAoB,CAAA;AAAA,IACtC,CAAC,YAAY,WAAW,CAAA;AAAA,IACxB,CAAC,cAAc,aAAa,CAAA;AAAA,IAC5B,CAAC,gBAAgB,gBAAgB;AAAA,GAClC,CAAA;AACD,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,iBAAkB,EAAA,EAAA,UAAA,EAAY,uBAC7B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,MAAM,IAAK,CAAA,kBAAA;AAAA,MACX,KAAM,EAAA,WAAA;AAAA,MACN;AAAA;AAAA,GAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ClusterAvailableResourcesCard.esm.js","sources":["../../../src/components/ClusterAvailableResourcesCard/ClusterAvailableResourcesCard.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 { RequirePermission } from '@backstage/plugin-permission-react';\n\nimport { ocmEntityReadPermission } from '@backstage-community/plugin-ocm-common';\n\nimport { useCluster } from '../ClusterContext';\nimport { TableCardFromData } from '../TableCardFromData';\n\n/**\n * @public\n */\nexport const ClusterAvailableResourceCard = (): any => {\n  const { data } = useCluster();\n\n  if (!data) {\n    return null;\n  }\n\n  if (!('availableResources' in data!)) {\n    return null;\n  }\n\n  const nameMap = new Map<string, string>([\n    ['cpuCores', 'CPU cores'],\n    ['memorySize', 'Memory size'],\n    ['numberOfPods', 'Number of pods'],\n  ]);\n  return (\n    <RequirePermission permission={ocmEntityReadPermission}>\n      <TableCardFromData\n        data={data.availableResources}\n        title=\"Available\"\n        nameMap={nameMap}\n      />\n    </RequirePermission>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAyBO,MAAM,+BAA+B,MAAW;AACrD,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,UAAW,EAAA;AAE5B,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAO,OAAA,IAAA;AAAA;AAGT,EAAI,IAAA,EAAE,wBAAwB,IAAQ,CAAA,EAAA;AACpC,IAAO,OAAA,IAAA;AAAA;AAGT,EAAM,MAAA,OAAA,uBAAc,GAAoB,CAAA;AAAA,IACtC,CAAC,YAAY,WAAW,CAAA;AAAA,IACxB,CAAC,cAAc,aAAa,CAAA;AAAA,IAC5B,CAAC,gBAAgB,gBAAgB;AAAA,GAClC,CAAA;AACD,EACE,uBAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,UAAA,EAAY,uBAC7B,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,MAAM,IAAK,CAAA,kBAAA;AAAA,MACX,KAAM,EAAA,WAAA;AAAA,MACN;AAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/ClusterContext/ClusterContext.esm.js

@@ -1,4 +1,5 @@
-import React, { createContext, useMemo, useContext } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { createContext, useMemo, useContext } from 'react';
 import useAsyncFn from 'react-use/lib/useAsyncFn';
 import useDebounce from 'react-use/lib/useDebounce';
 import { useApi } from '@backstage/core-plugin-api';
@@ -41,9 +42,9 @@ const ClusterContextProvider = (props) => {
     [cluster, isError, loading, error]
   );
   if (!providerId) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, props.children);
+    return /* @__PURE__ */ jsx(Fragment, { children: props.children });
   }
-  return /* @__PURE__ */ React.createElement(ClusterContext.Provider, { value }, props.children);
+  return /* @__PURE__ */ jsx(ClusterContext.Provider, { value, children: props.children });
 };
 const useCluster = () => useContext(ClusterContext);
 

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

@@ -1 +1 @@
-{"version":3,"file":"ClusterContext.esm.js","sources":["../../../src/components/ClusterContext/ClusterContext.tsx"],"sourcesContent":["/*\n * Copyright 2024 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, { createContext, useContext, useMemo } from 'react';\nimport useAsyncFn from 'react-use/lib/useAsyncFn';\nimport useDebounce from 'react-use/lib/useDebounce';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { ErrorResponseBody } from '@backstage/errors';\nimport { useEntity } from '@backstage/plugin-catalog-react';\n\nimport {\n  ANNOTATION_PROVIDER_ID,\n  Cluster,\n} from '@backstage-community/plugin-ocm-common';\n\nimport { OcmApiRef } from '../../api';\n\n/**\n * @public\n */\nexport type ClusterContextType = {\n  data: Cluster | null;\n  loading: boolean;\n  error: Error | null;\n};\n\nconst ClusterContext = createContext<ClusterContextType>(\n  {} as ClusterContextType,\n);\n\n/**\n * @public\n */\nexport const ClusterContextProvider = (props: any) => {\n  const { entity } = useEntity();\n  const ocmApi = useApi(OcmApiRef);\n  const providerId = entity.metadata.annotations![ANNOTATION_PROVIDER_ID];\n  const [{ value: cluster, loading, error: asyncError }, refresh] = useAsyncFn(\n    async () => {\n      if (providerId) {\n        const cl = await ocmApi.getClusterByName(\n          providerId,\n          entity.metadata.name,\n        );\n        return cl;\n      }\n      return null;\n    },\n    [providerId, entity.metadata.name],\n    { loading: true },\n  );\n  useDebounce(refresh, 10);\n  const isError = Boolean(asyncError || (cluster && 'error' in cluster));\n  const error = isError\n    ? asyncError ||\n      Object.assign(new Error((cluster as ErrorResponseBody)?.error?.message), {\n        ...(cluster as ErrorResponseBody)?.error,\n      })\n    : null;\n\n  const value = useMemo(\n    () => ({\n      data: isError || loading ? null : (cluster as Cluster),\n      loading,\n      error,\n    }),\n    [cluster, isError, loading, error],\n  );\n\n  if (!providerId) {\n    return <>{props.children}</>;\n  }\n\n  return (\n    <ClusterContext.Provider value={value}>\n      {props.children}\n    </ClusterContext.Provider>\n  );\n};\n\n/**\n * @public\n */\nexport const useCluster = () => useContext(ClusterContext);\n"],"names":[],"mappings":";;;;;;;;AAuCA,MAAM,cAAiB,GAAA,aAAA;AAAA,EACrB;AACF,CAAA;AAKa,MAAA,sBAAA,GAAyB,CAAC,KAAe,KAAA;AACpD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAM,MAAA,MAAA,GAAS,OAAO,SAAS,CAAA;AAC/B,EAAA,MAAM,UAAa,GAAA,MAAA,CAAO,QAAS,CAAA,WAAA,CAAa,sBAAsB,CAAA;AACtE,EAAM,MAAA,CAAC,EAAE,KAAO,EAAA,OAAA,EAAS,SAAS,KAAO,EAAA,UAAA,EAAc,EAAA,OAAO,CAAI,GAAA,UAAA;AAAA,IAChE,YAAY;AACV,MAAA,IAAI,UAAY,EAAA;AACd,QAAM,MAAA,EAAA,GAAK,MAAM,MAAO,CAAA,gBAAA;AAAA,UACtB,UAAA;AAAA,UACA,OAAO,QAAS,CAAA;AAAA,SAClB;AACA,QAAO,OAAA,EAAA;AAAA;AAET,MAAO,OAAA,IAAA;AAAA,KACT;AAAA,IACA,CAAC,UAAA,EAAY,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACjC,EAAE,SAAS,IAAK;AAAA,GAClB;AACA,EAAA,WAAA,CAAY,SAAS,EAAE,CAAA;AACvB,EAAA,MAAM,OAAU,GAAA,OAAA,CAAQ,UAAe,IAAA,OAAA,IAAW,WAAW,OAAQ,CAAA;AACrE,EAAM,MAAA,KAAA,GAAQ,OACV,GAAA,UAAA,IACA,MAAO,CAAA,MAAA,CAAO,IAAI,KAAO,CAAA,OAAA,EAA+B,KAAO,EAAA,OAAO,CAAG,EAAA;AAAA,IACvE,GAAI,OAA+B,EAAA;AAAA,GACpC,CACD,GAAA,IAAA;AAEJ,EAAA,MAAM,KAAQ,GAAA,OAAA;AAAA,IACZ,OAAO;AAAA,MACL,IAAA,EAAM,OAAW,IAAA,OAAA,GAAU,IAAQ,GAAA,OAAA;AAAA,MACnC,OAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,OAAA,EAAS,OAAS,EAAA,OAAA,EAAS,KAAK;AAAA,GACnC;AAEA,EAAA,IAAI,CAAC,UAAY,EAAA;AACf,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAG,MAAM,QAAS,CAAA;AAAA;AAG3B,EAAA,2CACG,cAAe,CAAA,QAAA,EAAf,EAAwB,KAAA,EAAA,EACtB,MAAM,QACT,CAAA;AAEJ;AAKa,MAAA,UAAA,GAAa,MAAM,UAAA,CAAW,cAAc;;;;"}
+{"version":3,"file":"ClusterContext.esm.js","sources":["../../../src/components/ClusterContext/ClusterContext.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 { createContext, useContext, useMemo } from 'react';\nimport useAsyncFn from 'react-use/lib/useAsyncFn';\nimport useDebounce from 'react-use/lib/useDebounce';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { ErrorResponseBody } from '@backstage/errors';\nimport { useEntity } from '@backstage/plugin-catalog-react';\n\nimport {\n  ANNOTATION_PROVIDER_ID,\n  Cluster,\n} from '@backstage-community/plugin-ocm-common';\n\nimport { OcmApiRef } from '../../api';\n\n/**\n * @public\n */\nexport type ClusterContextType = {\n  data: Cluster | null;\n  loading: boolean;\n  error: Error | null;\n};\n\nconst ClusterContext = createContext<ClusterContextType>(\n  {} as ClusterContextType,\n);\n\n/**\n * @public\n */\nexport const ClusterContextProvider = (props: any) => {\n  const { entity } = useEntity();\n  const ocmApi = useApi(OcmApiRef);\n  const providerId = entity.metadata.annotations![ANNOTATION_PROVIDER_ID];\n  const [{ value: cluster, loading, error: asyncError }, refresh] = useAsyncFn(\n    async () => {\n      if (providerId) {\n        const cl = await ocmApi.getClusterByName(\n          providerId,\n          entity.metadata.name,\n        );\n        return cl;\n      }\n      return null;\n    },\n    [providerId, entity.metadata.name],\n    { loading: true },\n  );\n  useDebounce(refresh, 10);\n  const isError = Boolean(asyncError || (cluster && 'error' in cluster));\n  const error = isError\n    ? asyncError ||\n      Object.assign(new Error((cluster as ErrorResponseBody)?.error?.message), {\n        ...(cluster as ErrorResponseBody)?.error,\n      })\n    : null;\n\n  const value = useMemo(\n    () => ({\n      data: isError || loading ? null : (cluster as Cluster),\n      loading,\n      error,\n    }),\n    [cluster, isError, loading, error],\n  );\n\n  if (!providerId) {\n    return <>{props.children}</>;\n  }\n\n  return (\n    <ClusterContext.Provider value={value}>\n      {props.children}\n    </ClusterContext.Provider>\n  );\n};\n\n/**\n * @public\n */\nexport const useCluster = () => useContext(ClusterContext);\n"],"names":[],"mappings":";;;;;;;;;AAuCA,MAAM,cAAiB,GAAA,aAAA;AAAA,EACrB;AACF,CAAA;AAKa,MAAA,sBAAA,GAAyB,CAAC,KAAe,KAAA;AACpD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAM,MAAA,MAAA,GAAS,OAAO,SAAS,CAAA;AAC/B,EAAA,MAAM,UAAa,GAAA,MAAA,CAAO,QAAS,CAAA,WAAA,CAAa,sBAAsB,CAAA;AACtE,EAAM,MAAA,CAAC,EAAE,KAAO,EAAA,OAAA,EAAS,SAAS,KAAO,EAAA,UAAA,EAAc,EAAA,OAAO,CAAI,GAAA,UAAA;AAAA,IAChE,YAAY;AACV,MAAA,IAAI,UAAY,EAAA;AACd,QAAM,MAAA,EAAA,GAAK,MAAM,MAAO,CAAA,gBAAA;AAAA,UACtB,UAAA;AAAA,UACA,OAAO,QAAS,CAAA;AAAA,SAClB;AACA,QAAO,OAAA,EAAA;AAAA;AAET,MAAO,OAAA,IAAA;AAAA,KACT;AAAA,IACA,CAAC,UAAA,EAAY,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACjC,EAAE,SAAS,IAAK;AAAA,GAClB;AACA,EAAA,WAAA,CAAY,SAAS,EAAE,CAAA;AACvB,EAAA,MAAM,OAAU,GAAA,OAAA,CAAQ,UAAe,IAAA,OAAA,IAAW,WAAW,OAAQ,CAAA;AACrE,EAAM,MAAA,KAAA,GAAQ,OACV,GAAA,UAAA,IACA,MAAO,CAAA,MAAA,CAAO,IAAI,KAAO,CAAA,OAAA,EAA+B,KAAO,EAAA,OAAO,CAAG,EAAA;AAAA,IACvE,GAAI,OAA+B,EAAA;AAAA,GACpC,CACD,GAAA,IAAA;AAEJ,EAAA,MAAM,KAAQ,GAAA,OAAA;AAAA,IACZ,OAAO;AAAA,MACL,IAAA,EAAM,OAAW,IAAA,OAAA,GAAU,IAAQ,GAAA,OAAA;AAAA,MACnC,OAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,OAAA,EAAS,OAAS,EAAA,OAAA,EAAS,KAAK;AAAA,GACnC;AAEA,EAAA,IAAI,CAAC,UAAY,EAAA;AACf,IAAO,uBAAA,GAAA,CAAA,QAAA,EAAA,EAAG,gBAAM,QAAS,EAAA,CAAA;AAAA;AAG3B,EAAA,2BACG,cAAe,CAAA,QAAA,EAAf,EAAwB,KAAA,EACtB,gBAAM,QACT,EAAA,CAAA;AAEJ;AAKa,MAAA,UAAA,GAAa,MAAM,UAAA,CAAW,cAAc;;;;"}

package/dist/components/ClusterInfoCard/ClusterInfoCard.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { RequirePermission } from '@backstage/plugin-permission-react';
 import { ocmEntityReadPermission } from '@backstage-community/plugin-ocm-common';
 import { useCluster } from '../ClusterContext/ClusterContext.esm.js';
@@ -10,8 +10,8 @@ const ClusterInfoCard = () => {
   if (!data) {
     return null;
   }
-  data.openshiftVersion = /* @__PURE__ */ React.createElement(Update, { data: { version: data.openshiftVersion, update: data.update } });
-  data.status = /* @__PURE__ */ React.createElement(Status, { status: data.status });
+  data.openshiftVersion = /* @__PURE__ */ jsx(Update, { data: { version: data.openshiftVersion, update: data.update } });
+  data.status = /* @__PURE__ */ jsx(Status, { status: data.status });
   const nameMap = /* @__PURE__ */ new Map([
     ["name", "Name"],
     ["status", "Status"],
@@ -20,7 +20,7 @@ const ClusterInfoCard = () => {
     ["openshiftVersion", "OpenShift version"],
     ["platform", "Platform"]
   ]);
-  return /* @__PURE__ */ React.createElement(RequirePermission, { permission: ocmEntityReadPermission }, /* @__PURE__ */ React.createElement(TableCardFromData, { data, title: "Cluster Info", nameMap }));
+  return /* @__PURE__ */ jsx(RequirePermission, { permission: ocmEntityReadPermission, children: /* @__PURE__ */ jsx(TableCardFromData, { data, title: "Cluster Info", nameMap }) });
 };
 
 export { ClusterInfoCard };

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

@@ -1 +1 @@
-{"version":3,"file":"ClusterInfoCard.esm.js","sources":["../../../src/components/ClusterInfoCard/ClusterInfoCard.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 { RequirePermission } from '@backstage/plugin-permission-react';\n\nimport { ocmEntityReadPermission } from '@backstage-community/plugin-ocm-common';\n\nimport { useCluster } from '../ClusterContext';\nimport { Status, Update } from '../common';\nimport { TableCardFromData } from '../TableCardFromData';\n\n/**\n * @public\n */\nexport const ClusterInfoCard = () => {\n  const { data } = useCluster();\n\n  if (!data) {\n    return null;\n  }\n\n  data.openshiftVersion = (\n    <Update data={{ version: data.openshiftVersion!, update: data.update! }} />\n  ) as any;\n  data.status = (<Status status={data.status} />) as any;\n  const nameMap = new Map<string, string>([\n    ['name', 'Name'],\n    ['status', 'Status'],\n    ['kubernetesVersion', 'Kubernetes version'],\n    ['openshiftId', 'OpenShift ID'],\n    ['openshiftVersion', 'OpenShift version'],\n    ['platform', 'Platform'],\n  ]);\n  return (\n    <RequirePermission permission={ocmEntityReadPermission}>\n      <TableCardFromData data={data} title=\"Cluster Info\" nameMap={nameMap} />\n    </RequirePermission>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA4BO,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,UAAW,EAAA;AAE5B,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAO,OAAA,IAAA;AAAA;AAGT,EAAK,IAAA,CAAA,gBAAA,mBACF,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,IAAM,EAAA,EAAE,OAAS,EAAA,IAAA,CAAK,gBAAmB,EAAA,MAAA,EAAQ,IAAK,CAAA,MAAA,EAAW,EAAA,CAAA;AAE3E,EAAA,IAAA,CAAK,MAAU,mBAAA,KAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,MAAA,EAAQ,KAAK,MAAQ,EAAA,CAAA;AAC5C,EAAM,MAAA,OAAA,uBAAc,GAAoB,CAAA;AAAA,IACtC,CAAC,QAAQ,MAAM,CAAA;AAAA,IACf,CAAC,UAAU,QAAQ,CAAA;AAAA,IACnB,CAAC,qBAAqB,oBAAoB,CAAA;AAAA,IAC1C,CAAC,eAAe,cAAc,CAAA;AAAA,IAC9B,CAAC,oBAAoB,mBAAmB,CAAA;AAAA,IACxC,CAAC,YAAY,UAAU;AAAA,GACxB,CAAA;AACD,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,iBAAkB,EAAA,EAAA,UAAA,EAAY,uBAC7B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,qBAAkB,IAAY,EAAA,KAAA,EAAM,cAAe,EAAA,OAAA,EAAkB,CACxE,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ClusterInfoCard.esm.js","sources":["../../../src/components/ClusterInfoCard/ClusterInfoCard.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 { RequirePermission } from '@backstage/plugin-permission-react';\n\nimport { ocmEntityReadPermission } from '@backstage-community/plugin-ocm-common';\n\nimport { useCluster } from '../ClusterContext';\nimport { Status, Update } from '../common';\nimport { TableCardFromData } from '../TableCardFromData';\n\n/**\n * @public\n */\nexport const ClusterInfoCard = () => {\n  const { data } = useCluster();\n\n  if (!data) {\n    return null;\n  }\n\n  data.openshiftVersion = (\n    <Update data={{ version: data.openshiftVersion!, update: data.update! }} />\n  ) as any;\n  data.status = (<Status status={data.status} />) as any;\n  const nameMap = new Map<string, string>([\n    ['name', 'Name'],\n    ['status', 'Status'],\n    ['kubernetesVersion', 'Kubernetes version'],\n    ['openshiftId', 'OpenShift ID'],\n    ['openshiftVersion', 'OpenShift version'],\n    ['platform', 'Platform'],\n  ]);\n  return (\n    <RequirePermission permission={ocmEntityReadPermission}>\n      <TableCardFromData data={data} title=\"Cluster Info\" nameMap={nameMap} />\n    </RequirePermission>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA0BO,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,UAAW,EAAA;AAE5B,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAO,OAAA,IAAA;AAAA;AAGT,EAAK,IAAA,CAAA,gBAAA,mBACF,GAAA,CAAA,MAAA,EAAA,EAAO,IAAM,EAAA,EAAE,OAAS,EAAA,IAAA,CAAK,gBAAmB,EAAA,MAAA,EAAQ,IAAK,CAAA,MAAA,EAAW,EAAA,CAAA;AAE3E,EAAA,IAAA,CAAK,MAAU,mBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,MAAA,EAAQ,KAAK,MAAQ,EAAA,CAAA;AAC5C,EAAM,MAAA,OAAA,uBAAc,GAAoB,CAAA;AAAA,IACtC,CAAC,QAAQ,MAAM,CAAA;AAAA,IACf,CAAC,UAAU,QAAQ,CAAA;AAAA,IACnB,CAAC,qBAAqB,oBAAoB,CAAA;AAAA,IAC1C,CAAC,eAAe,cAAc,CAAA;AAAA,IAC9B,CAAC,oBAAoB,mBAAmB,CAAA;AAAA,IACxC,CAAC,YAAY,UAAU;AAAA,GACxB,CAAA;AACD,EACE,uBAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,UAAA,EAAY,uBAC7B,EAAA,QAAA,kBAAA,GAAA,CAAC,qBAAkB,IAAY,EAAA,KAAA,EAAM,cAAe,EAAA,OAAA,EAAkB,CACxE,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/ClusterStatusPage/ClusterStatusPage.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import useAsyncFn from 'react-use/lib/useAsyncFn';
 import useDebounce from 'react-use/lib/useDebounce';
 import { Page, Header, Content, WarningPanel, CodeSnippet, Table, StatusOK, StatusError, StatusAborted } from '@backstage/core-components';
@@ -34,10 +34,10 @@ const NodeChip = ({
   if (!count) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Chip,
     {
-      label: /* @__PURE__ */ React.createElement(IndicatorComponent, null, count),
+      label: /* @__PURE__ */ jsx(IndicatorComponent, { children: count }),
       variant: "outlined"
     }
   );
@@ -48,15 +48,19 @@ const NodeChips = ({ nodes }) => {
     (node) => node.status === "False"
   ).length;
   if (nodes.length === 0) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, "-");
+    return /* @__PURE__ */ jsx(Fragment, { children: "-" });
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(NodeChip, { count: readyChipsNodes, indicatorComponent: StatusOK }), /* @__PURE__ */ React.createElement(NodeChip, { count: notReadyNodesCount, indicatorComponent: StatusError }), /* @__PURE__ */ React.createElement(
-    NodeChip,
-    {
-      count: nodes.length - readyChipsNodes - notReadyNodesCount,
-      indicatorComponent: StatusAborted
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(NodeChip, { count: readyChipsNodes, indicatorComponent: StatusOK }),
+    /* @__PURE__ */ jsx(NodeChip, { count: notReadyNodesCount, indicatorComponent: StatusError }),
+    /* @__PURE__ */ jsx(
+      NodeChip,
+      {
+        count: nodes.length - readyChipsNodes - notReadyNodesCount,
+        indicatorComponent: StatusAborted
+      }
+    )
+  ] });
 };
 const CatalogClusters = () => {
   const catalogApi = useApi(catalogApiRef);
@@ -89,17 +93,17 @@ const CatalogClusters = () => {
   );
   useDebounce(refresh, 10);
   if (error) {
-    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: "Could not fetch clusters from Hub." }, /* @__PURE__ */ React.createElement(CodeSnippet, { language: "text", text: error.toString() }));
+    return /* @__PURE__ */ jsx(WarningPanel, { severity: "error", title: "Could not fetch clusters from Hub.", children: /* @__PURE__ */ jsx(CodeSnippet, { language: "text", text: error.toString() }) });
   }
   if (loading) {
-    return /* @__PURE__ */ React.createElement(CircularProgress, null);
+    return /* @__PURE__ */ jsx(CircularProgress, {});
   }
   const data = clusterEntities ? clusterEntities.map((ce) => {
     return {
-      name: /* @__PURE__ */ React.createElement(EntityRefLink, { entityRef: ce.entity }, ce.cluster.name),
-      status: /* @__PURE__ */ React.createElement(Status, { status: ce.cluster.status }),
+      name: /* @__PURE__ */ jsx(EntityRefLink, { entityRef: ce.entity, children: ce.cluster.name }),
+      status: /* @__PURE__ */ jsx(Status, { status: ce.cluster.status }),
       infrastructure: ce.cluster.platform,
-      version: /* @__PURE__ */ React.createElement(
+      version: /* @__PURE__ */ jsx(
         Update,
         {
           data: {
@@ -108,10 +112,10 @@ const CatalogClusters = () => {
           }
         }
       ),
-      nodes: /* @__PURE__ */ React.createElement(NodeChips, { nodes: ce.cluster.nodes })
+      nodes: /* @__PURE__ */ jsx(NodeChips, { nodes: ce.cluster.nodes })
     };
   }) : [];
-  return /* @__PURE__ */ React.createElement("div", { className: classes.container }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: classes.container, children: /* @__PURE__ */ jsx(
     Table,
     {
       options: { paging: false },
@@ -119,11 +123,17 @@ const CatalogClusters = () => {
       columns,
       title: "All"
     }
-  ));
+  ) });
 };
 const ClusterStatusPage = ({ logo }) => {
   const { container } = useStyles();
-  return /* @__PURE__ */ React.createElement(SearchContextProvider, null, /* @__PURE__ */ React.createElement(RequirePermission, { permission: ocmClusterReadPermission }, /* @__PURE__ */ React.createElement(Page, { themeId: "clusters" }, /* @__PURE__ */ React.createElement(Header, { title: "Your Managed Clusters" }), /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "center", spacing: 6 }, logo && /* @__PURE__ */ React.createElement(HomePageCompanyLogo, { className: container, logo }), /* @__PURE__ */ React.createElement(Grid, { container: true, item: true, xs: 12, justifyContent: "center" }, /* @__PURE__ */ React.createElement(CatalogClusters, null)))))));
+  return /* @__PURE__ */ jsx(SearchContextProvider, { children: /* @__PURE__ */ jsx(RequirePermission, { permission: ocmClusterReadPermission, children: /* @__PURE__ */ jsxs(Page, { themeId: "clusters", children: [
+    /* @__PURE__ */ jsx(Header, { title: "Your Managed Clusters" }),
+    /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsxs(Grid, { container: true, justifyContent: "center", spacing: 6, children: [
+      logo && /* @__PURE__ */ jsx(HomePageCompanyLogo, { className: container, logo }),
+      /* @__PURE__ */ jsx(Grid, { container: true, item: true, xs: 12, justifyContent: "center", children: /* @__PURE__ */ jsx(CatalogClusters, {}) })
+    ] }) })
+  ] }) }) });
 };
 
 export { ClusterStatusPage, ClusterStatusPage as default };

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

@@ -1 +1 @@
-{"version":3,"file":"ClusterStatusPage.esm.js","sources":["../../../src/components/ClusterStatusPage/ClusterStatusPage.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport useAsyncFn from 'react-use/lib/useAsyncFn';\nimport useDebounce from 'react-use/lib/useDebounce';\n\nimport {\n  CodeSnippet,\n  Content,\n  Header,\n  Page,\n  StatusAborted,\n  StatusError,\n  StatusOK,\n  Table,\n  WarningPanel,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef, EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { HomePageCompanyLogo } from '@backstage/plugin-home';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { SearchContextProvider } from '@backstage/plugin-search-react';\n\nimport { Chip, CircularProgress, Grid, makeStyles } from '@material-ui/core';\n\nimport {\n  ClusterNodesStatus,\n  ClusterOverview,\n  ocmClusterReadPermission,\n} from '@backstage-community/plugin-ocm-common';\n\nimport { OcmApiRef } from '../../api';\nimport { ClusterStatusRowData } from '../../types';\nimport { Status, Update } from '../common';\nimport { columns } from './tableHeading';\n\nconst useStylesTwo = makeStyles({\n  container: {\n    width: '100%',\n  },\n});\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    margin: theme.spacing(5, 0),\n    '& > svg': {\n      width: 'auto',\n      height: 150,\n    },\n  },\n}));\n\nconst NodeChip = ({\n  count,\n  indicatorComponent: IndicatorComponent,\n}: {\n  count: number;\n  indicatorComponent: React.FC<React.PropsWithChildren<{}>>;\n}) => {\n  if (!count) {\n    return null;\n  }\n  return (\n    <Chip\n      label={<IndicatorComponent>{count}</IndicatorComponent>}\n      variant=\"outlined\"\n    />\n  );\n};\n\nconst NodeChips = ({ nodes }: { nodes: ClusterNodesStatus[] }) => {\n  const readyChipsNodes = nodes.filter(node => node.status === 'True').length;\n  // TODO: Check if not ready correctly\n  const notReadyNodesCount = nodes.filter(\n    node => node.status === 'False',\n  ).length;\n\n  if (nodes.length === 0) {\n    return <>-</>;\n  }\n\n  return (\n    <>\n      <NodeChip count={readyChipsNodes} indicatorComponent={StatusOK} />\n      <NodeChip count={notReadyNodesCount} indicatorComponent={StatusError} />\n      <NodeChip\n        count={nodes.length - readyChipsNodes - notReadyNodesCount}\n        indicatorComponent={StatusAborted}\n      />\n    </>\n  );\n};\n\nconst CatalogClusters = () => {\n  const catalogApi = useApi(catalogApiRef);\n  const ocmApi = useApi(OcmApiRef);\n  const classes = useStylesTwo();\n\n  const [{ value: clusterEntities, loading, error }, refresh] = useAsyncFn(\n    async () => {\n      const clusterResourceEntities = await catalogApi.getEntities({\n        filter: { kind: 'Resource', 'spec.type': 'kubernetes-cluster' },\n      });\n\n      const clusters = await ocmApi.getClusters();\n\n      if ('error' in clusters) {\n        throw new Error(clusters.error.message);\n      }\n\n      const clusterEntityMappings = clusterResourceEntities.items.map(\n        entity => {\n          const cluster = (clusters as ClusterOverview[]).find(\n            cd => cd.name === entity.metadata.name,\n          );\n          return {\n            cluster: cluster!,\n            entity: entity,\n          };\n        },\n      );\n      return clusterEntityMappings;\n    },\n    [catalogApi],\n    { loading: true },\n  );\n  useDebounce(refresh, 10);\n\n  if (error) {\n    return (\n      <WarningPanel severity=\"error\" title=\"Could not fetch clusters from Hub.\">\n        <CodeSnippet language=\"text\" text={error.toString()} />\n      </WarningPanel>\n    );\n  }\n\n  if (loading) {\n    return <CircularProgress />;\n  }\n\n  const data: ClusterStatusRowData[] = clusterEntities\n    ? clusterEntities.map(ce => {\n        return {\n          name: (\n            <EntityRefLink entityRef={ce.entity}>\n              {ce.cluster.name}\n            </EntityRefLink>\n          ),\n          status: <Status status={ce.cluster.status} />,\n          infrastructure: ce.cluster.platform,\n          version: (\n            <Update\n              data={{\n                version: ce.cluster.openshiftVersion,\n                update: ce.cluster.update,\n              }}\n            />\n          ),\n          nodes: <NodeChips nodes={ce.cluster.nodes} />,\n        };\n      })\n    : [];\n\n  return (\n    <div className={classes.container}>\n      <Table\n        options={{ paging: false }}\n        data={data}\n        columns={columns}\n        title=\"All\"\n      />\n    </div>\n  );\n};\n\nexport const ClusterStatusPage = ({ logo }: { logo?: React.ReactNode }) => {\n  const { container } = useStyles();\n\n  return (\n    <SearchContextProvider>\n      <RequirePermission permission={ocmClusterReadPermission}>\n        <Page themeId=\"clusters\">\n          <Header title=\"Your Managed Clusters\" />\n          <Content>\n            <Grid container justifyContent=\"center\" spacing={6}>\n              {logo && (\n                <HomePageCompanyLogo className={container} logo={logo} />\n              )}\n              <Grid container item xs={12} justifyContent=\"center\">\n                <CatalogClusters />\n              </Grid>\n            </Grid>\n          </Content>\n        </Page>\n      </RequirePermission>\n    </SearchContextProvider>\n  );\n};\n\nexport default ClusterStatusPage;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ClusterStatusPage.esm.js","sources":["../../../src/components/ClusterStatusPage/ClusterStatusPage.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 { FC, PropsWithChildren, ReactNode } from 'react';\nimport useAsyncFn from 'react-use/lib/useAsyncFn';\nimport useDebounce from 'react-use/lib/useDebounce';\n\nimport {\n  CodeSnippet,\n  Content,\n  Header,\n  Page,\n  StatusAborted,\n  StatusError,\n  StatusOK,\n  Table,\n  WarningPanel,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef, EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { HomePageCompanyLogo } from '@backstage/plugin-home';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { SearchContextProvider } from '@backstage/plugin-search-react';\n\nimport { Chip, CircularProgress, Grid, makeStyles } from '@material-ui/core';\n\nimport {\n  ClusterNodesStatus,\n  ClusterOverview,\n  ocmClusterReadPermission,\n} from '@backstage-community/plugin-ocm-common';\n\nimport { OcmApiRef } from '../../api';\nimport { ClusterStatusRowData } from '../../types';\nimport { Status, Update } from '../common';\nimport { columns } from './tableHeading';\n\nconst useStylesTwo = makeStyles({\n  container: {\n    width: '100%',\n  },\n});\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    margin: theme.spacing(5, 0),\n    '& > svg': {\n      width: 'auto',\n      height: 150,\n    },\n  },\n}));\n\nconst NodeChip = ({\n  count,\n  indicatorComponent: IndicatorComponent,\n}: {\n  count: number;\n  indicatorComponent: FC<PropsWithChildren<{}>>;\n}) => {\n  if (!count) {\n    return null;\n  }\n  return (\n    <Chip\n      label={<IndicatorComponent>{count}</IndicatorComponent>}\n      variant=\"outlined\"\n    />\n  );\n};\n\nconst NodeChips = ({ nodes }: { nodes: ClusterNodesStatus[] }) => {\n  const readyChipsNodes = nodes.filter(node => node.status === 'True').length;\n  // TODO: Check if not ready correctly\n  const notReadyNodesCount = nodes.filter(\n    node => node.status === 'False',\n  ).length;\n\n  if (nodes.length === 0) {\n    return <>-</>;\n  }\n\n  return (\n    <>\n      <NodeChip count={readyChipsNodes} indicatorComponent={StatusOK} />\n      <NodeChip count={notReadyNodesCount} indicatorComponent={StatusError} />\n      <NodeChip\n        count={nodes.length - readyChipsNodes - notReadyNodesCount}\n        indicatorComponent={StatusAborted}\n      />\n    </>\n  );\n};\n\nconst CatalogClusters = () => {\n  const catalogApi = useApi(catalogApiRef);\n  const ocmApi = useApi(OcmApiRef);\n  const classes = useStylesTwo();\n\n  const [{ value: clusterEntities, loading, error }, refresh] = useAsyncFn(\n    async () => {\n      const clusterResourceEntities = await catalogApi.getEntities({\n        filter: { kind: 'Resource', 'spec.type': 'kubernetes-cluster' },\n      });\n\n      const clusters = await ocmApi.getClusters();\n\n      if ('error' in clusters) {\n        throw new Error(clusters.error.message);\n      }\n\n      const clusterEntityMappings = clusterResourceEntities.items.map(\n        entity => {\n          const cluster = (clusters as ClusterOverview[]).find(\n            cd => cd.name === entity.metadata.name,\n          );\n          return {\n            cluster: cluster!,\n            entity: entity,\n          };\n        },\n      );\n      return clusterEntityMappings;\n    },\n    [catalogApi],\n    { loading: true },\n  );\n  useDebounce(refresh, 10);\n\n  if (error) {\n    return (\n      <WarningPanel severity=\"error\" title=\"Could not fetch clusters from Hub.\">\n        <CodeSnippet language=\"text\" text={error.toString()} />\n      </WarningPanel>\n    );\n  }\n\n  if (loading) {\n    return <CircularProgress />;\n  }\n\n  const data: ClusterStatusRowData[] = clusterEntities\n    ? clusterEntities.map(ce => {\n        return {\n          name: (\n            <EntityRefLink entityRef={ce.entity}>\n              {ce.cluster.name}\n            </EntityRefLink>\n          ),\n          status: <Status status={ce.cluster.status} />,\n          infrastructure: ce.cluster.platform,\n          version: (\n            <Update\n              data={{\n                version: ce.cluster.openshiftVersion,\n                update: ce.cluster.update,\n              }}\n            />\n          ),\n          nodes: <NodeChips nodes={ce.cluster.nodes} />,\n        };\n      })\n    : [];\n\n  return (\n    <div className={classes.container}>\n      <Table\n        options={{ paging: false }}\n        data={data}\n        columns={columns}\n        title=\"All\"\n      />\n    </div>\n  );\n};\n\nexport const ClusterStatusPage = ({ logo }: { logo?: ReactNode }) => {\n  const { container } = useStyles();\n\n  return (\n    <SearchContextProvider>\n      <RequirePermission permission={ocmClusterReadPermission}>\n        <Page themeId=\"clusters\">\n          <Header title=\"Your Managed Clusters\" />\n          <Content>\n            <Grid container justifyContent=\"center\" spacing={6}>\n              {logo && (\n                <HomePageCompanyLogo className={container} logo={logo} />\n              )}\n              <Grid container item xs={12} justifyContent=\"center\">\n                <CatalogClusters />\n              </Grid>\n            </Grid>\n          </Content>\n        </Page>\n      </RequirePermission>\n    </SearchContextProvider>\n  );\n};\n\nexport default ClusterStatusPage;\n"],"names":[],"mappings":"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"}

package/dist/components/TableCardFromData/TableCardFromData.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Table, Link } from '@backstage/core-components';
 import { Card, CardHeader, CardContent } from '@material-ui/core';
 
@@ -14,7 +14,7 @@ const valueFormatter = (value) => {
     if (value.endsWith("Ki")) {
       return convertToGibibytes(value);
     } else if (value.startsWith("http")) {
-      return /* @__PURE__ */ React.createElement(Link, { to: value }, value);
+      return /* @__PURE__ */ jsx(Link, { to: value, children: value });
     }
   }
   return value;
@@ -41,28 +41,31 @@ const TableCardFromData = ({
   if (parsedData.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, { title }), /* @__PURE__ */ React.createElement(CardContent, { style: { padding: 0 } }, /* @__PURE__ */ React.createElement(
-    Table,
-    {
-      options: {
-        search: false,
-        paging: false,
-        toolbar: false,
-        header: false,
-        padding: "dense"
-      },
-      data: parsedData,
-      columns: [
-        {
-          field: "name",
-          highlight: true,
-          width: "15%",
-          cellStyle: { whiteSpace: "nowrap" }
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(CardHeader, { title }),
+    /* @__PURE__ */ jsx(CardContent, { style: { padding: 0 }, children: /* @__PURE__ */ jsx(
+      Table,
+      {
+        options: {
+          search: false,
+          paging: false,
+          toolbar: false,
+          header: false,
+          padding: "dense"
         },
-        { field: "value" }
-      ]
-    }
-  )));
+        data: parsedData,
+        columns: [
+          {
+            field: "name",
+            highlight: true,
+            width: "15%",
+            cellStyle: { whiteSpace: "nowrap" }
+          },
+          { field: "value" }
+        ]
+      }
+    ) })
+  ] });
 };
 
 export { TableCardFromData };

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

@@ -1 +1 @@
-{"version":3,"file":"TableCardFromData.esm.js","sources":["../../../src/components/TableCardFromData/TableCardFromData.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 { Link, Table } from '@backstage/core-components';\n\nimport { Card, CardContent, CardHeader } from '@material-ui/core';\n\nconst convertToGibibytes = (kibibytes: string): string => {\n  const sizeInKibibytes = parseInt(\n    kibibytes.substring(0, kibibytes.length - 2),\n    10,\n  );\n  return `${(sizeInKibibytes / 2 ** 20).toFixed(0)} Gi`;\n};\n\nconst valueFormatter = (value: any): any => {\n  if (typeof value === 'string') {\n    if (value.endsWith('Ki')) {\n      return convertToGibibytes(value);\n    } else if (value.startsWith('http')) {\n      return <Link to={value}>{value}</Link>;\n    }\n  }\n  return value;\n};\n\nexport const TableCardFromData = ({\n  data,\n  title,\n  nameMap,\n}: {\n  data: any;\n  title: string;\n  nameMap: Map<string, string>;\n}) => {\n  const parsedData: { name: string; value: any }[] = [];\n  const entries = Object.entries(data);\n\n  nameMap.forEach((_, key) => {\n    const entry = entries.find(e => e[0] === key)!;\n    // If key of the map doesn't have an prop in the cluster object, continue\n    if (entry === undefined) {\n      return;\n    }\n    parsedData.push({\n      // entry[0] === name of the prop\n      name: nameMap.get(entry[0])!,\n      // entry[1] === value of the prop\n      value: valueFormatter(entry[1]),\n    });\n  });\n\n  if (parsedData.length === 0) {\n    return null;\n  }\n\n  return (\n    <Card>\n      <CardHeader title={title} />\n      <CardContent style={{ padding: 0 }}>\n        <Table\n          options={{\n            search: false,\n            paging: false,\n            toolbar: false,\n            header: false,\n            padding: 'dense',\n          }}\n          data={parsedData}\n          columns={[\n            {\n              field: 'name',\n              highlight: true,\n              width: '15%',\n              cellStyle: { whiteSpace: 'nowrap' },\n            },\n            { field: 'value' },\n          ]}\n        />\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;AAqBA,MAAM,kBAAA,GAAqB,CAAC,SAA8B,KAAA;AACxD,EAAA,MAAM,eAAkB,GAAA,QAAA;AAAA,IACtB,SAAU,CAAA,SAAA,CAAU,CAAG,EAAA,SAAA,CAAU,SAAS,CAAC,CAAA;AAAA,IAC3C;AAAA,GACF;AACA,EAAA,OAAO,IAAI,eAAkB,GAAA,CAAA,IAAK,EAAI,EAAA,OAAA,CAAQ,CAAC,CAAC,CAAA,GAAA,CAAA;AAClD,CAAA;AAEA,MAAM,cAAA,GAAiB,CAAC,KAAoB,KAAA;AAC1C,EAAI,IAAA,OAAO,UAAU,QAAU,EAAA;AAC7B,IAAI,IAAA,KAAA,CAAM,QAAS,CAAA,IAAI,CAAG,EAAA;AACxB,MAAA,OAAO,mBAAmB,KAAK,CAAA;AAAA,KACtB,MAAA,IAAA,KAAA,CAAM,UAAW,CAAA,MAAM,CAAG,EAAA;AACnC,MAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,KAAA,EAAA,EAAQ,KAAM,CAAA;AAAA;AACjC;AAEF,EAAO,OAAA,KAAA;AACT,CAAA;AAEO,MAAM,oBAAoB,CAAC;AAAA,EAChC,IAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAIM,KAAA;AACJ,EAAA,MAAM,aAA6C,EAAC;AACpD,EAAM,MAAA,OAAA,GAAU,MAAO,CAAA,OAAA,CAAQ,IAAI,CAAA;AAEnC,EAAQ,OAAA,CAAA,OAAA,CAAQ,CAAC,CAAA,EAAG,GAAQ,KAAA;AAC1B,IAAA,MAAM,QAAQ,OAAQ,CAAA,IAAA,CAAK,OAAK,CAAE,CAAA,CAAC,MAAM,GAAG,CAAA;AAE5C,IAAA,IAAI,UAAU,SAAW,EAAA;AACvB,MAAA;AAAA;AAEF,IAAA,UAAA,CAAW,IAAK,CAAA;AAAA;AAAA,MAEd,IAAM,EAAA,OAAA,CAAQ,GAAI,CAAA,KAAA,CAAM,CAAC,CAAC,CAAA;AAAA;AAAA,MAE1B,KAAO,EAAA,cAAA,CAAe,KAAM,CAAA,CAAC,CAAC;AAAA,KAC/B,CAAA;AAAA,GACF,CAAA;AAED,EAAI,IAAA,UAAA,CAAW,WAAW,CAAG,EAAA;AAC3B,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAc,EAAA,CAAA,kBACzB,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,KAAO,EAAA,EAAE,OAAS,EAAA,CAAA,EAC7B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA;AAAA,QACP,MAAQ,EAAA,KAAA;AAAA,QACR,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA,KAAA;AAAA,QACT,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA;AAAA,OACX;AAAA,MACA,IAAM,EAAA,UAAA;AAAA,MACN,OAAS,EAAA;AAAA,QACP;AAAA,UACE,KAAO,EAAA,MAAA;AAAA,UACP,SAAW,EAAA,IAAA;AAAA,UACX,KAAO,EAAA,KAAA;AAAA,UACP,SAAA,EAAW,EAAE,UAAA,EAAY,QAAS;AAAA,SACpC;AAAA,QACA,EAAE,OAAO,OAAQ;AAAA;AACnB;AAAA,GAEJ,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TableCardFromData.esm.js","sources":["../../../src/components/TableCardFromData/TableCardFromData.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 { Link, Table } from '@backstage/core-components';\n\nimport { Card, CardContent, CardHeader } from '@material-ui/core';\n\nconst convertToGibibytes = (kibibytes: string): string => {\n  const sizeInKibibytes = parseInt(\n    kibibytes.substring(0, kibibytes.length - 2),\n    10,\n  );\n  return `${(sizeInKibibytes / 2 ** 20).toFixed(0)} Gi`;\n};\n\nconst valueFormatter = (value: any): any => {\n  if (typeof value === 'string') {\n    if (value.endsWith('Ki')) {\n      return convertToGibibytes(value);\n    } else if (value.startsWith('http')) {\n      return <Link to={value}>{value}</Link>;\n    }\n  }\n  return value;\n};\n\nexport const TableCardFromData = ({\n  data,\n  title,\n  nameMap,\n}: {\n  data: any;\n  title: string;\n  nameMap: Map<string, string>;\n}) => {\n  const parsedData: { name: string; value: any }[] = [];\n  const entries = Object.entries(data);\n\n  nameMap.forEach((_, key) => {\n    const entry = entries.find(e => e[0] === key)!;\n    // If key of the map doesn't have an prop in the cluster object, continue\n    if (entry === undefined) {\n      return;\n    }\n    parsedData.push({\n      // entry[0] === name of the prop\n      name: nameMap.get(entry[0])!,\n      // entry[1] === value of the prop\n      value: valueFormatter(entry[1]),\n    });\n  });\n\n  if (parsedData.length === 0) {\n    return null;\n  }\n\n  return (\n    <Card>\n      <CardHeader title={title} />\n      <CardContent style={{ padding: 0 }}>\n        <Table\n          options={{\n            search: false,\n            paging: false,\n            toolbar: false,\n            header: false,\n            padding: 'dense',\n          }}\n          data={parsedData}\n          columns={[\n            {\n              field: 'name',\n              highlight: true,\n              width: '15%',\n              cellStyle: { whiteSpace: 'nowrap' },\n            },\n            { field: 'value' },\n          ]}\n        />\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;AAmBA,MAAM,kBAAA,GAAqB,CAAC,SAA8B,KAAA;AACxD,EAAA,MAAM,eAAkB,GAAA,QAAA;AAAA,IACtB,SAAU,CAAA,SAAA,CAAU,CAAG,EAAA,SAAA,CAAU,SAAS,CAAC,CAAA;AAAA,IAC3C;AAAA,GACF;AACA,EAAA,OAAO,IAAI,eAAkB,GAAA,CAAA,IAAK,EAAI,EAAA,OAAA,CAAQ,CAAC,CAAC,CAAA,GAAA,CAAA;AAClD,CAAA;AAEA,MAAM,cAAA,GAAiB,CAAC,KAAoB,KAAA;AAC1C,EAAI,IAAA,OAAO,UAAU,QAAU,EAAA;AAC7B,IAAI,IAAA,KAAA,CAAM,QAAS,CAAA,IAAI,CAAG,EAAA;AACxB,MAAA,OAAO,mBAAmB,KAAK,CAAA;AAAA,KACtB,MAAA,IAAA,KAAA,CAAM,UAAW,CAAA,MAAM,CAAG,EAAA;AACnC,MAAA,uBAAQ,GAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,KAAA,EAAQ,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA;AACjC;AAEF,EAAO,OAAA,KAAA;AACT,CAAA;AAEO,MAAM,oBAAoB,CAAC;AAAA,EAChC,IAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAIM,KAAA;AACJ,EAAA,MAAM,aAA6C,EAAC;AACpD,EAAM,MAAA,OAAA,GAAU,MAAO,CAAA,OAAA,CAAQ,IAAI,CAAA;AAEnC,EAAQ,OAAA,CAAA,OAAA,CAAQ,CAAC,CAAA,EAAG,GAAQ,KAAA;AAC1B,IAAA,MAAM,QAAQ,OAAQ,CAAA,IAAA,CAAK,OAAK,CAAE,CAAA,CAAC,MAAM,GAAG,CAAA;AAE5C,IAAA,IAAI,UAAU,SAAW,EAAA;AACvB,MAAA;AAAA;AAEF,IAAA,UAAA,CAAW,IAAK,CAAA;AAAA;AAAA,MAEd,IAAM,EAAA,OAAA,CAAQ,GAAI,CAAA,KAAA,CAAM,CAAC,CAAC,CAAA;AAAA;AAAA,MAE1B,KAAO,EAAA,cAAA,CAAe,KAAM,CAAA,CAAC,CAAC;AAAA,KAC/B,CAAA;AAAA,GACF,CAAA;AAED,EAAI,IAAA,UAAA,CAAW,WAAW,CAAG,EAAA;AAC3B,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,4BACG,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAW,KAAc,EAAA,CAAA;AAAA,wBACzB,WAAY,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,GAC7B,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,OAAS,EAAA;AAAA,UACP,MAAQ,EAAA,KAAA;AAAA,UACR,MAAQ,EAAA,KAAA;AAAA,UACR,OAAS,EAAA,KAAA;AAAA,UACT,MAAQ,EAAA,KAAA;AAAA,UACR,OAAS,EAAA;AAAA,SACX;AAAA,QACA,IAAM,EAAA,UAAA;AAAA,QACN,OAAS,EAAA;AAAA,UACP;AAAA,YACE,KAAO,EAAA,MAAA;AAAA,YACP,SAAW,EAAA,IAAA;AAAA,YACX,KAAO,EAAA,KAAA;AAAA,YACP,SAAA,EAAW,EAAE,UAAA,EAAY,QAAS;AAAA,WACpC;AAAA,UACA,EAAE,OAAO,OAAQ;AAAA;AACnB;AAAA,KAEJ,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/common.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { StatusAborted, StatusOK, StatusError } from '@backstage/core-components';
 import { makeStyles, Grid, Tooltip, Button } from '@material-ui/core';
 import ArrowCircleUpIcon from '@mui/icons-material/ArrowCircleUp';
@@ -14,26 +14,29 @@ const useStyles = makeStyles({
 });
 const Status = ({ status }) => {
   if (!status) {
-    return /* @__PURE__ */ React.createElement(StatusAborted, null, "Unknown");
+    return /* @__PURE__ */ jsx(StatusAborted, { children: "Unknown" });
   } else if (status.available) {
-    return /* @__PURE__ */ React.createElement(StatusOK, null, "Ready");
+    return /* @__PURE__ */ jsx(StatusOK, { children: "Ready" });
   }
-  return /* @__PURE__ */ React.createElement(StatusError, null, "Not Ready");
+  return /* @__PURE__ */ jsx(StatusError, { children: "Not Ready" });
 };
 const Update = ({ data }) => {
   const classes = useStyles();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, data.update.available ? /* @__PURE__ */ React.createElement(Grid, { container: true, direction: "column", spacing: 0 }, /* @__PURE__ */ React.createElement(Grid, { item: true }, data.version), /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Tooltip, { title: `Version ${data.update.version} available` }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "text",
-      color: "primary",
-      startIcon: /* @__PURE__ */ React.createElement(ArrowCircleUpIcon, null),
-      className: classes.button,
-      href: data.update.url,
-      size: "small"
-    },
-    "Upgrade available"
-  )))) : data.version);
+  return /* @__PURE__ */ jsx(Fragment, { children: data.update.available ? /* @__PURE__ */ jsxs(Grid, { container: true, direction: "column", spacing: 0, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, children: data.version }),
+    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Tooltip, { title: `Version ${data.update.version} available`, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "text",
+        color: "primary",
+        startIcon: /* @__PURE__ */ jsx(ArrowCircleUpIcon, {}),
+        className: classes.button,
+        href: data.update.url,
+        size: "small",
+        children: "Upgrade available"
+      }
+    ) }) })
+  ] }) : data.version });
 };
 
 export { Status, Update };

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

@@ -1 +1 @@
-{"version":3,"file":"common.esm.js","sources":["../../src/components/common.tsx"],"sourcesContent":["/*\n * Copyright 2024 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  StatusAborted,\n  StatusError,\n  StatusOK,\n} from '@backstage/core-components';\n\nimport { Button, Grid, makeStyles, Tooltip } from '@material-ui/core';\nimport ArrowCircleUpIcon from '@mui/icons-material/ArrowCircleUp';\n\nimport { ClusterStatus } from '@backstage-community/plugin-ocm-common';\n\nimport { versionDetails } from '../types';\n\nconst useStyles = makeStyles({\n  button: {\n    textTransform: 'none',\n    borderRadius: 16,\n    margin: '0px',\n    paddingLeft: '4px',\n    paddingRight: '4px',\n  },\n});\n\nexport const Status = ({ status }: { status: ClusterStatus }) => {\n  if (!status) {\n    return <StatusAborted>Unknown</StatusAborted>;\n  } else if (status.available) {\n    return <StatusOK>Ready</StatusOK>;\n  }\n  return <StatusError>Not Ready</StatusError>;\n};\n\nexport const Update = ({ data }: { data: versionDetails }) => {\n  const classes = useStyles();\n  return (\n    <>\n      {data.update.available ? (\n        <Grid container direction=\"column\" spacing={0}>\n          <Grid item>{data.version}</Grid>\n          <Grid item>\n            <Tooltip title={`Version ${data.update.version!} available`}>\n              <Button\n                variant=\"text\"\n                color=\"primary\"\n                startIcon={<ArrowCircleUpIcon />}\n                className={classes.button}\n                href={data.update.url}\n                size=\"small\"\n              >\n                Upgrade available\n              </Button>\n            </Tooltip>\n          </Grid>\n        </Grid>\n      ) : (\n        data.version\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AA8BA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,MAAQ,EAAA;AAAA,IACN,aAAe,EAAA,MAAA;AAAA,IACf,YAAc,EAAA,EAAA;AAAA,IACd,MAAQ,EAAA,KAAA;AAAA,IACR,WAAa,EAAA,KAAA;AAAA,IACb,YAAc,EAAA;AAAA;AAElB,CAAC,CAAA;AAEM,MAAM,MAAS,GAAA,CAAC,EAAE,MAAA,EAAwC,KAAA;AAC/D,EAAA,IAAI,CAAC,MAAQ,EAAA;AACX,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,qBAAc,SAAO,CAAA;AAAA,GAC/B,MAAA,IAAW,OAAO,SAAW,EAAA;AAC3B,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,gBAAS,OAAK,CAAA;AAAA;AAExB,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,mBAAY,WAAS,CAAA;AAC/B;AAEO,MAAM,MAAS,GAAA,CAAC,EAAE,IAAA,EAAqC,KAAA;AAC5D,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,uBAEK,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,IAAA,CAAK,MAAO,CAAA,SAAA,mBACV,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAU,EAAA,QAAA,EAAS,OAAS,EAAA,CAAA,EAAA,sCACzC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAE,EAAA,EAAA,IAAA,CAAK,OAAQ,CAAA,kBACxB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAA,kBACP,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,QAAA,EAAW,IAAK,CAAA,MAAA,CAAO,OAAQ,CAC7C,UAAA,CAAA,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,MAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,SAAA,sCAAY,iBAAkB,EAAA,IAAA,CAAA;AAAA,MAC9B,WAAW,OAAQ,CAAA,MAAA;AAAA,MACnB,IAAA,EAAM,KAAK,MAAO,CAAA,GAAA;AAAA,MAClB,IAAK,EAAA;AAAA,KAAA;AAAA,IACN;AAAA,GAGH,CACF,CACF,CAAA,GAEA,KAAK,OAET,CAAA;AAEJ;;;;"}
+{"version":3,"file":"common.esm.js","sources":["../../src/components/common.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 {\n  StatusAborted,\n  StatusError,\n  StatusOK,\n} from '@backstage/core-components';\n\nimport { Button, Grid, makeStyles, Tooltip } from '@material-ui/core';\nimport ArrowCircleUpIcon from '@mui/icons-material/ArrowCircleUp';\n\nimport { ClusterStatus } from '@backstage-community/plugin-ocm-common';\n\nimport { versionDetails } from '../types';\n\nconst useStyles = makeStyles({\n  button: {\n    textTransform: 'none',\n    borderRadius: 16,\n    margin: '0px',\n    paddingLeft: '4px',\n    paddingRight: '4px',\n  },\n});\n\nexport const Status = ({ status }: { status: ClusterStatus }) => {\n  if (!status) {\n    return <StatusAborted>Unknown</StatusAborted>;\n  } else if (status.available) {\n    return <StatusOK>Ready</StatusOK>;\n  }\n  return <StatusError>Not Ready</StatusError>;\n};\n\nexport const Update = ({ data }: { data: versionDetails }) => {\n  const classes = useStyles();\n  return (\n    <>\n      {data.update.available ? (\n        <Grid container direction=\"column\" spacing={0}>\n          <Grid item>{data.version}</Grid>\n          <Grid item>\n            <Tooltip title={`Version ${data.update.version!} available`}>\n              <Button\n                variant=\"text\"\n                color=\"primary\"\n                startIcon={<ArrowCircleUpIcon />}\n                className={classes.button}\n                href={data.update.url}\n                size=\"small\"\n              >\n                Upgrade available\n              </Button>\n            </Tooltip>\n          </Grid>\n        </Grid>\n      ) : (\n        data.version\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AA4BA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,MAAQ,EAAA;AAAA,IACN,aAAe,EAAA,MAAA;AAAA,IACf,YAAc,EAAA,EAAA;AAAA,IACd,MAAQ,EAAA,KAAA;AAAA,IACR,WAAa,EAAA,KAAA;AAAA,IACb,YAAc,EAAA;AAAA;AAElB,CAAC,CAAA;AAEM,MAAM,MAAS,GAAA,CAAC,EAAE,MAAA,EAAwC,KAAA;AAC/D,EAAA,IAAI,CAAC,MAAQ,EAAA;AACX,IAAO,uBAAA,GAAA,CAAC,iBAAc,QAAO,EAAA,SAAA,EAAA,CAAA;AAAA,GAC/B,MAAA,IAAW,OAAO,SAAW,EAAA;AAC3B,IAAO,uBAAA,GAAA,CAAC,YAAS,QAAK,EAAA,OAAA,EAAA,CAAA;AAAA;AAExB,EAAO,uBAAA,GAAA,CAAC,eAAY,QAAS,EAAA,WAAA,EAAA,CAAA;AAC/B;AAEO,MAAM,MAAS,GAAA,CAAC,EAAE,IAAA,EAAqC,KAAA;AAC5D,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EACE,uBAAA,GAAA,CAAA,QAAA,EAAA,EACG,QAAK,EAAA,IAAA,CAAA,MAAA,CAAO,SACX,mBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,SAAA,EAAU,QAAS,EAAA,OAAA,EAAS,CAC1C,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAE,EAAA,QAAA,EAAA,IAAA,CAAK,OAAQ,EAAA,CAAA;AAAA,oBACzB,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,QAAA,kBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAW,QAAA,EAAA,IAAA,CAAK,MAAO,CAAA,OAAQ,CAC7C,UAAA,CAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,MAAA;AAAA,QACR,KAAM,EAAA,SAAA;AAAA,QACN,SAAA,sBAAY,iBAAkB,EAAA,EAAA,CAAA;AAAA,QAC9B,WAAW,OAAQ,CAAA,MAAA;AAAA,QACnB,IAAA,EAAM,KAAK,MAAO,CAAA,GAAA;AAAA,QAClB,IAAK,EAAA,OAAA;AAAA,QACN,QAAA,EAAA;AAAA;AAAA,OAGH,CACF,EAAA;AAAA,GACF,EAAA,CAAA,GAEA,KAAK,OAET,EAAA,CAAA;AAEJ;;;;"}

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default from 'react';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { IconComponent } from '@backstage/core-plugin-api';
 import { Cluster } from '@backstage-community/plugin-ocm-common';
@@ -16,7 +16,7 @@ declare const ocmPlugin: _backstage_core_plugin_api.BackstagePlugin<{
  */
 declare const OcmPage: ({ logo }: {
     logo?: react.ReactNode;
-}) => react.JSX.Element;
+}) => react_jsx_runtime.JSX.Element;
 /**
  * @public
  */
@@ -38,7 +38,7 @@ type ClusterContextType = {
 /**
  * @public
  */
-declare const ClusterContextProvider: (props: any) => react__default.JSX.Element;
+declare const ClusterContextProvider: (props: any) => react_jsx_runtime.JSX.Element;
 /**
  * @public
  */
@@ -47,6 +47,6 @@ declare const useCluster: () => ClusterContextType;
 /**
  * @public
  */
-declare const ClusterInfoCard: () => react__default.JSX.Element | null;
+declare const ClusterInfoCard: () => react_jsx_runtime.JSX.Element | null;
 
 export { ClusterAvailableResourceCard, ClusterContextProvider, type ClusterContextType, ClusterInfoCard, OcmIcon, OcmPage, ocmPlugin, useCluster };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-ocm",
-  "version": "5.4.4",
+  "version": "5.5.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",
@@ -34,16 +34,16 @@
     "prettier:fix": "prettier --ignore-unknown --write ."
   },
   "dependencies": {
-    "@backstage-community/plugin-ocm-common": "^3.8.3",
+    "@backstage-community/plugin-ocm-common": "^3.9.0",
     "@backstage/catalog-model": "^1.7.3",
-    "@backstage/core-components": "^0.16.4",
-    "@backstage/core-plugin-api": "^1.10.4",
+    "@backstage/core-components": "^0.17.1",
+    "@backstage/core-plugin-api": "^1.10.6",
     "@backstage/errors": "^1.2.7",
-    "@backstage/plugin-catalog-react": "^1.15.2",
-    "@backstage/plugin-home": "^0.8.5",
-    "@backstage/plugin-permission-react": "^0.4.31",
-    "@backstage/plugin-search-react": "^1.8.6",
-    "@backstage/theme": "^0.6.4",
+    "@backstage/plugin-catalog-react": "^1.17.0",
+    "@backstage/plugin-home": "^0.8.7",
+    "@backstage/plugin-permission-react": "^0.4.33",
+    "@backstage/plugin-search-react": "^1.8.8",
+    "@backstage/theme": "^0.6.5",
     "@material-ui/core": "^4.9.13",
     "@material-ui/icons": "^4.11.3",
     "@mui/icons-material": "^5.16.4",
@@ -56,11 +56,11 @@
     "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.30.0",
-    "@backstage/core-app-api": "^1.15.5",
-    "@backstage/dev-utils": "^1.1.7",
-    "@backstage/plugin-catalog": "^1.27.0",
-    "@backstage/test-utils": "^1.7.5",
+    "@backstage/cli": "^0.32.0",
+    "@backstage/core-app-api": "^1.16.1",
+    "@backstage/dev-utils": "^1.1.9",
+    "@backstage/plugin-catalog": "^1.29.0",
+    "@backstage/test-utils": "^1.7.7",
     "@redhat-developer/red-hat-developer-hub-theme": "0.4.0",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
@@ -96,8 +96,8 @@
   "author": "Red Hat",
   "typesVersions": {
     "*": {
-      "index": [
-        "dist/index.d.ts"
+      "package.json": [
+        "package.json"
       ]
     }
   },