@backstage/plugin-kubernetes-react 0.3.0 → 0.3.1-next.1

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @backstage/plugin-kubernetes-react
 
+## 0.3.1-next.1
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/core-components@0.14.1-next.1
+  - @backstage/core-plugin-api@1.9.1-next.1
+  - @backstage/catalog-model@1.4.5-next.0
+  - @backstage/errors@1.2.4-next.0
+  - @backstage/types@1.1.1
+  - @backstage/plugin-kubernetes-common@0.7.5-next.1
+
+## 0.3.1-next.0
+
+### Patch Changes
+
+- 4642cb7: Add support to fetch data for Daemon Sets and display an accordion in the same way as with Deployments
+- Updated dependencies
+  - @backstage/errors@1.2.4-next.0
+  - @backstage/core-components@0.14.1-next.0
+  - @backstage/plugin-kubernetes-common@0.7.5-next.0
+  - @backstage/catalog-model@1.4.5-next.0
+  - @backstage/core-plugin-api@1.9.1-next.0
+  - @backstage/types@1.1.1
+
 ## 0.3.0
 
 ### Minor Changes

package/dist/index.esm.js

@@ -330,6 +330,7 @@ const GroupedResponsesContext = React__default.createContext({
   pods: [],
   replicaSets: [],
   deployments: [],
+  daemonSets: [],
   services: [],
   configMaps: [],
   horizontalPodAutoscalers: [],
@@ -3182,6 +3183,125 @@ const CustomResources = ({}) => {
   }));
 };
 
+const DaemonSetDrawer = ({
+  daemonset,
+  expanded
+}) => {
+  var _a, _b, _c;
+  const namespace = (_a = daemonset.metadata) == null ? void 0 : _a.namespace;
+  return /* @__PURE__ */ React__default.createElement(
+    KubernetesStructuredMetadataTableDrawer,
+    {
+      object: daemonset,
+      expanded,
+      kind: "DaemonSet",
+      renderObject: (daemonsetObj) => {
+        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+        return {
+          updateStrategyType: (_c2 = (_b2 = (_a2 = daemonsetObj.spec) == null ? void 0 : _a2.updateStrategy) == null ? void 0 : _b2.type) != null ? _c2 : "???",
+          minReadySeconds: (_e = (_d = daemonsetObj.spec) == null ? void 0 : _d.minReadySeconds) != null ? _e : "???",
+          revisionHistoryLimit: (_g = (_f = daemonsetObj.spec) == null ? void 0 : _f.revisionHistoryLimit) != null ? _g : "???",
+          currentNumberScheduled: (_i = (_h = daemonsetObj.status) == null ? void 0 : _h.currentNumberScheduled) != null ? _i : "???",
+          desiredNumberScheduled: (_k = (_j = daemonsetObj.status) == null ? void 0 : _j.desiredNumberScheduled) != null ? _k : "???",
+          numberAvailable: (_m = (_l = daemonsetObj.status) == null ? void 0 : _l.numberAvailable) != null ? _m : "???",
+          numberMisscheduled: (_o = (_n = daemonsetObj.status) == null ? void 0 : _n.numberMisscheduled) != null ? _o : "???",
+          numberReady: (_q = (_p = daemonsetObj.status) == null ? void 0 : _p.numberReady) != null ? _q : "???"
+        };
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Grid,
+      {
+        container: true,
+        direction: "column",
+        justifyContent: "flex-start",
+        alignItems: "flex-start",
+        spacing: 0
+      },
+      /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "body1" }, (_c = (_b = daemonset.metadata) == null ? void 0 : _b.name) != null ? _c : "unknown object")),
+      /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { color: "textSecondary", variant: "subtitle1" }, "DaemonSet")),
+      namespace && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Chip, { size: "small", label: `namespace: ${namespace}` }))
+    )
+  );
+};
+
+const DaemonSetSummary = ({
+  daemonset,
+  numberOfCurrentPods,
+  numberOfPodsWithErrors
+}) => {
+  return /* @__PURE__ */ React__default.createElement(
+    Grid,
+    {
+      container: true,
+      direction: "row",
+      justifyContent: "space-between",
+      alignItems: "center",
+      spacing: 0
+    },
+    /* @__PURE__ */ React__default.createElement(Grid, { xs: 4, item: true }, /* @__PURE__ */ React__default.createElement(DaemonSetDrawer, { daemonset })),
+    /* @__PURE__ */ React__default.createElement(
+      Grid,
+      {
+        item: true,
+        container: true,
+        xs: 4,
+        direction: "column",
+        justifyContent: "flex-start",
+        alignItems: "flex-end",
+        spacing: 0
+      },
+      /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(StatusOK, null, numberOfCurrentPods, " pods")),
+      /* @__PURE__ */ React__default.createElement(Grid, { item: true }, numberOfPodsWithErrors > 0 ? /* @__PURE__ */ React__default.createElement(StatusError, null, numberOfPodsWithErrors, " pod", numberOfPodsWithErrors > 1 ? "s" : "", " with errors") : /* @__PURE__ */ React__default.createElement(StatusOK, null, "No pods with errors"))
+    )
+  );
+};
+const DaemonSetAccordion = ({
+  daemonset,
+  ownedPods
+}) => {
+  const podNamesWithErrors = useContext(PodNamesWithErrorsContext);
+  const podsWithErrors = ownedPods.filter(
+    (p) => {
+      var _a, _b;
+      return podNamesWithErrors.has((_b = (_a = p.metadata) == null ? void 0 : _a.name) != null ? _b : "");
+    }
+  );
+  return /* @__PURE__ */ React__default.createElement(Accordion, { TransitionProps: { unmountOnExit: true }, variant: "outlined" }, /* @__PURE__ */ React__default.createElement(AccordionSummary, { expandIcon: /* @__PURE__ */ React__default.createElement(ExpandMoreIcon, null) }, /* @__PURE__ */ React__default.createElement(
+    DaemonSetSummary,
+    {
+      daemonset,
+      numberOfCurrentPods: ownedPods.length,
+      numberOfPodsWithErrors: podsWithErrors.length
+    }
+  )), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement(
+    PodsTable,
+    {
+      pods: ownedPods,
+      extraColumns: [READY_COLUMNS, RESOURCE_COLUMNS]
+    }
+  )));
+};
+const DaemonSetsAccordions = ({}) => {
+  const groupedResponses = useContext(GroupedResponsesContext);
+  return /* @__PURE__ */ React__default.createElement(
+    Grid,
+    {
+      container: true,
+      direction: "column",
+      justifyContent: "flex-start",
+      alignItems: "flex-start"
+    },
+    groupedResponses.daemonSets.map((daemonset, i) => /* @__PURE__ */ React__default.createElement(Grid, { container: true, item: true, key: i, xs: true }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: true }, /* @__PURE__ */ React__default.createElement(
+      DaemonSetAccordion,
+      {
+        ownedPods: getOwnedResources(daemonset, groupedResponses.pods),
+        daemonset
+      }
+    ))))
+  );
+};
+
 const ClusterSummary = ({
   clusterName,
   totalNumberOfPods,
@@ -3236,7 +3356,7 @@ const Cluster = ({ clusterObjects, podsWithErrors }) => {
       totalNumberOfPods: groupedResponses.pods.length,
       numberOfPodsWithErrors: podsWithErrors.size
     }
-  )), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement(Grid, { container: true, direction: "column" }, groupedResponses.customResources.length > 0 ? /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(CustomResources, null)) : void 0, groupedResponses.deployments.length > 0 ? /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(DeploymentsAccordions, null)) : void 0, groupedResponses.statefulsets.length > 0 ? /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(StatefulSetsAccordions, null)) : void 0, groupedResponses.ingresses.length > 0 ? /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(IngressesAccordions, null)) : void 0, groupedResponses.services.length > 0 ? /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(ServicesAccordions, null)) : void 0, groupedResponses.cronJobs.length > 0 ? /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(CronJobsAccordions, null)) : void 0)))))));
+  )), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement(Grid, { container: true, direction: "column" }, groupedResponses.customResources.length > 0 ? /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(CustomResources, null)) : void 0, groupedResponses.deployments.length > 0 ? /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(DeploymentsAccordions, null)) : void 0, groupedResponses.daemonSets.length > 0 ? /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(DaemonSetsAccordions, null)) : void 0, groupedResponses.statefulsets.length > 0 ? /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(StatefulSetsAccordions, null)) : void 0, groupedResponses.ingresses.length > 0 ? /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(IngressesAccordions, null)) : void 0, groupedResponses.services.length > 0 ? /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(ServicesAccordions, null)) : void 0, groupedResponses.cronJobs.length > 0 ? /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(CronJobsAccordions, null)) : void 0)))))));
 };
 
 const clustersWithErrorsToErrorMessage = (clustersWithErrors) => {