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

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

@@ -1 +1 @@
-{"version":3,"file":"IngressesAccordions.esm.js","sources":["../../../src/components/IngressesAccordions/IngressesAccordions.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { useContext } from 'react';\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport Grid from '@material-ui/core/Grid';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { V1Ingress } from '@kubernetes/client-node';\nimport { IngressDrawer } from './IngressDrawer';\nimport { GroupedResponsesContext } from '../../hooks';\nimport { StructuredMetadataTable } from '@backstage/core-components';\n\n/**\n *\n *\n * @public\n */\nexport type IngressesAccordionsProps = {};\n\ntype IngressAccordionProps = {\n  ingress: V1Ingress;\n};\n\ntype IngressSummaryProps = {\n  ingress: V1Ingress;\n};\n\nconst IngressSummary = ({ ingress }: IngressSummaryProps) => {\n  return (\n    <Grid\n      container\n      direction=\"row\"\n      justifyContent=\"flex-start\"\n      alignItems=\"center\"\n    >\n      <Grid xs={12} item>\n        <IngressDrawer ingress={ingress} />\n      </Grid>\n    </Grid>\n  );\n};\n\ntype IngressCardProps = {\n  ingress: V1Ingress;\n};\n\nconst IngressCard = ({ ingress }: IngressCardProps) => {\n  return (\n    <StructuredMetadataTable\n      metadata={{\n        ...ingress.spec,\n      }}\n      options={{\n        nestedValuesAsYaml: true,\n      }}\n    />\n  );\n};\n\nconst IngressAccordion = ({ ingress }: IngressAccordionProps) => {\n  return (\n    <Accordion TransitionProps={{ unmountOnExit: true }}>\n      <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n        <IngressSummary ingress={ingress} />\n      </AccordionSummary>\n      <AccordionDetails>\n        <IngressCard ingress={ingress} />\n      </AccordionDetails>\n    </Accordion>\n  );\n};\n\n/**\n *\n *\n * @public\n */\nexport const IngressesAccordions = ({}: IngressesAccordionsProps) => {\n  const groupedResponses = useContext(GroupedResponsesContext);\n  return (\n    <Grid\n      container\n      direction=\"row\"\n      justifyContent=\"flex-start\"\n      alignItems=\"flex-start\"\n    >\n      {groupedResponses.ingresses.map((ingress, i) => (\n        <Grid item key={i} xs>\n          <IngressAccordion ingress={ingress} />\n        </Grid>\n      ))}\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0CA,MAAM,cAAiB,GAAA,CAAC,EAAE,OAAA,EAAmC,KAAA;AAC3D,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,SAAU,EAAA,KAAA;AAAA,MACV,cAAe,EAAA,YAAA;AAAA,MACf,UAAW,EAAA;AAAA,KAAA;AAAA,oBAEXA,cAAA,CAAA,aAAA,CAAC,QAAK,EAAI,EAAA,EAAA,EAAI,MAAI,IAChB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,aAAc,EAAA,EAAA,OAAA,EAAkB,CACnC;AAAA,GACF;AAEJ,CAAA;AAMA,MAAM,WAAc,GAAA,CAAC,EAAE,OAAA,EAAgC,KAAA;AACrD,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA;AAAA,QACR,GAAG,OAAQ,CAAA;AAAA,OACb;AAAA,MACA,OAAS,EAAA;AAAA,QACP,kBAAoB,EAAA;AAAA;AACtB;AAAA,GACF;AAEJ,CAAA;AAEA,MAAM,gBAAmB,GAAA,CAAC,EAAE,OAAA,EAAqC,KAAA;AAC/D,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,SAAU,EAAA,EAAA,eAAA,EAAiB,EAAE,aAAA,EAAe,MAC3C,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAiB,EAAA,EAAA,UAAA,kBAAaA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,IAAe,qBAC3CA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,OAAkB,EAAA,CACpC,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,wCACEA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,OAAkB,EAAA,CACjC,CACF,CAAA;AAEJ,CAAA;AAOa,MAAA,mBAAA,GAAsB,CAAC,EAAiC,KAAA;AACnE,EAAM,MAAA,gBAAA,GAAmB,WAAW,uBAAuB,CAAA;AAC3D,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,SAAU,EAAA,KAAA;AAAA,MACV,cAAe,EAAA,YAAA;AAAA,MACf,UAAW,EAAA;AAAA,KAAA;AAAA,IAEV,iBAAiB,SAAU,CAAA,GAAA,CAAI,CAAC,OAAS,EAAA,CAAA,kDACvC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,GAAA,EAAK,GAAG,EAAE,EAAA,IAAA,EAAA,+CAClB,gBAAiB,EAAA,EAAA,OAAA,EAAkB,CACtC,CACD;AAAA,GACH;AAEJ;;;;"}
+{"version":3,"file":"IngressesAccordions.esm.js","sources":["../../../src/components/IngressesAccordions/IngressesAccordions.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useContext } from 'react';\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport Grid from '@material-ui/core/Grid';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { V1Ingress } from '@kubernetes/client-node';\nimport { IngressDrawer } from './IngressDrawer';\nimport { GroupedResponsesContext } from '../../hooks';\nimport { StructuredMetadataTable } from '@backstage/core-components';\n\n/**\n *\n *\n * @public\n */\nexport type IngressesAccordionsProps = {};\n\ntype IngressAccordionProps = {\n  ingress: V1Ingress;\n};\n\ntype IngressSummaryProps = {\n  ingress: V1Ingress;\n};\n\nconst IngressSummary = ({ ingress }: IngressSummaryProps) => {\n  return (\n    <Grid\n      container\n      direction=\"row\"\n      justifyContent=\"flex-start\"\n      alignItems=\"center\"\n    >\n      <Grid xs={12} item>\n        <IngressDrawer ingress={ingress} />\n      </Grid>\n    </Grid>\n  );\n};\n\ntype IngressCardProps = {\n  ingress: V1Ingress;\n};\n\nconst IngressCard = ({ ingress }: IngressCardProps) => {\n  return (\n    <StructuredMetadataTable\n      metadata={{\n        ...ingress.spec,\n      }}\n      options={{\n        nestedValuesAsYaml: true,\n      }}\n    />\n  );\n};\n\nconst IngressAccordion = ({ ingress }: IngressAccordionProps) => {\n  return (\n    <Accordion TransitionProps={{ unmountOnExit: true }}>\n      <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n        <IngressSummary ingress={ingress} />\n      </AccordionSummary>\n      <AccordionDetails>\n        <IngressCard ingress={ingress} />\n      </AccordionDetails>\n    </Accordion>\n  );\n};\n\n/**\n *\n *\n * @public\n */\nexport const IngressesAccordions = ({}: IngressesAccordionsProps) => {\n  const groupedResponses = useContext(GroupedResponsesContext);\n  return (\n    <Grid\n      container\n      direction=\"row\"\n      justifyContent=\"flex-start\"\n      alignItems=\"flex-start\"\n    >\n      {groupedResponses.ingresses.map((ingress, i) => (\n        <Grid item key={i} xs>\n          <IngressAccordion ingress={ingress} />\n        </Grid>\n      ))}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0CA,MAAM,cAAiB,GAAA,CAAC,EAAE,OAAA,EAAmC,KAAA;AAC3D,EACE,uBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,SAAU,EAAA,KAAA;AAAA,MACV,cAAe,EAAA,YAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MAEX,QAAA,kBAAA,GAAA,CAAC,QAAK,EAAI,EAAA,EAAA,EAAI,MAAI,IAChB,EAAA,QAAA,kBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,OAAA,EAAkB,CACnC,EAAA;AAAA;AAAA,GACF;AAEJ,CAAA;AAMA,MAAM,WAAc,GAAA,CAAC,EAAE,OAAA,EAAgC,KAAA;AACrD,EACE,uBAAA,GAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA;AAAA,QACR,GAAG,OAAQ,CAAA;AAAA,OACb;AAAA,MACA,OAAS,EAAA;AAAA,QACP,kBAAoB,EAAA;AAAA;AACtB;AAAA,GACF;AAEJ,CAAA;AAEA,MAAM,gBAAmB,GAAA,CAAC,EAAE,OAAA,EAAqC,KAAA;AAC/D,EAAA,4BACG,SAAU,EAAA,EAAA,eAAA,EAAiB,EAAE,aAAA,EAAe,MAC3C,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,gBAAA,EAAA,EAAiB,4BAAa,GAAA,CAAA,cAAA,EAAA,EAAe,GAC5C,QAAC,kBAAA,GAAA,CAAA,cAAA,EAAA,EAAe,SAAkB,CACpC,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,gBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,WAAA,EAAA,EAAY,SAAkB,CACjC,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ,CAAA;AAOa,MAAA,mBAAA,GAAsB,CAAC,EAAiC,KAAA;AACnE,EAAM,MAAA,gBAAA,GAAmB,WAAW,uBAAuB,CAAA;AAC3D,EACE,uBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,SAAU,EAAA,KAAA;AAAA,MACV,cAAe,EAAA,YAAA;AAAA,MACf,UAAW,EAAA,YAAA;AAAA,MAEV,2BAAiB,SAAU,CAAA,GAAA,CAAI,CAAC,OAAA,EAAS,sBACvC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAS,IAAE,IACnB,EAAA,QAAA,kBAAA,GAAA,CAAC,oBAAiB,OAAkB,EAAA,CAAA,EAAA,EADtB,CAEhB,CACD;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/components/JobsAccordions/JobsAccordions.esm.js

@@ -1,4 +1,5 @@
-import React__default, { useContext } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useContext } from 'react';
 import Accordion from '@material-ui/core/Accordion';
 import AccordionDetails from '@material-ui/core/AccordionDetails';
 import AccordionSummary from '@material-ui/core/AccordionSummary';
@@ -46,53 +47,70 @@ import { JobDrawer } from './JobsDrawer.esm.js';
 import { getOwnedResources } from '../../utils/owner.esm.js';
 
 const JobSummary = ({ job }) => {
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsxs(
     Grid,
     {
       container: true,
       direction: "row",
       justifyContent: "space-between",
       alignItems: "center",
-      spacing: 0
-    },
-    /* @__PURE__ */ React__default.createElement(Grid, { xs: 6, item: true }, /* @__PURE__ */ React__default.createElement(JobDrawer, { job })),
-    /* @__PURE__ */ React__default.createElement(
-      Grid,
-      {
-        item: true,
-        container: true,
-        xs: 6,
-        direction: "column",
-        justifyContent: "flex-start",
-        alignItems: "flex-end",
-        spacing: 0
-      },
-      /* @__PURE__ */ React__default.createElement(Grid, { item: true }, job.status?.succeeded && /* @__PURE__ */ React__default.createElement(StatusOK, null, "Succeeded"), job.status?.active && /* @__PURE__ */ React__default.createElement(StatusPending, null, "Running"), job.status?.failed && /* @__PURE__ */ React__default.createElement(StatusError, null, "Failed")),
-      /* @__PURE__ */ React__default.createElement(Grid, { item: true }, "Start time: ", job.status?.startTime?.toString()),
-      job.status?.completionTime && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, "Completion time: ", job.status.completionTime.toString())
-    )
+      spacing: 0,
+      children: [
+        /* @__PURE__ */ jsx(Grid, { xs: 6, item: true, children: /* @__PURE__ */ jsx(JobDrawer, { job }) }),
+        /* @__PURE__ */ jsxs(
+          Grid,
+          {
+            item: true,
+            container: true,
+            xs: 6,
+            direction: "column",
+            justifyContent: "flex-start",
+            alignItems: "flex-end",
+            spacing: 0,
+            children: [
+              /* @__PURE__ */ jsxs(Grid, { item: true, children: [
+                job.status?.succeeded && /* @__PURE__ */ jsx(StatusOK, { children: "Succeeded" }),
+                job.status?.active && /* @__PURE__ */ jsx(StatusPending, { children: "Running" }),
+                job.status?.failed && /* @__PURE__ */ jsx(StatusError, { children: "Failed" })
+              ] }),
+              /* @__PURE__ */ jsxs(Grid, { item: true, children: [
+                "Start time: ",
+                job.status?.startTime?.toString()
+              ] }),
+              job.status?.completionTime && /* @__PURE__ */ jsxs(Grid, { item: true, children: [
+                "Completion time: ",
+                job.status.completionTime.toString()
+              ] })
+            ]
+          }
+        )
+      ]
+    }
   );
 };
 const JobAccordion = ({ job, ownedPods }) => {
-  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(JobSummary, { job })), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement(PodsTable, { pods: ownedPods })));
+  return /* @__PURE__ */ jsxs(Accordion, { TransitionProps: { unmountOnExit: true }, variant: "outlined", children: [
+    /* @__PURE__ */ jsx(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}), children: /* @__PURE__ */ jsx(JobSummary, { job }) }),
+    /* @__PURE__ */ jsx(AccordionDetails, { children: /* @__PURE__ */ jsx(PodsTable, { pods: ownedPods }) })
+  ] });
 };
 const JobsAccordions = ({ jobs }) => {
   const groupedResponses = useContext(GroupedResponsesContext);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     Grid,
     {
       container: true,
       direction: "column",
       justifyContent: "flex-start",
-      alignItems: "flex-start"
-    },
-    jobs.map((job, 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(
-      JobAccordion,
-      {
-        ownedPods: getOwnedResources(job, groupedResponses.pods),
-        job
-      }
-    ))))
+      alignItems: "flex-start",
+      children: jobs.map((job, i) => /* @__PURE__ */ jsx(Grid, { container: true, item: true, xs: true, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(
+        JobAccordion,
+        {
+          ownedPods: getOwnedResources(job, groupedResponses.pods),
+          job
+        }
+      ) }) }, i))
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"JobsAccordions.esm.js","sources":["../../../src/components/JobsAccordions/JobsAccordions.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 React, { useContext } from 'react';\nimport Accordion from '@material-ui/core/Accordion';\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\nimport Grid from '@material-ui/core/Grid';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { V1Job, V1Pod } from '@kubernetes/client-node';\nimport { PodsTable } from '../Pods';\nimport { JobDrawer } from './JobsDrawer';\nimport { getOwnedResources } from '../../utils/owner';\nimport { GroupedResponsesContext } from '../../hooks';\nimport {\n  StatusError,\n  StatusOK,\n  StatusPending,\n} from '@backstage/core-components';\n\n/**\n *\n *\n * @public\n */\nexport type JobsAccordionsProps = {\n  jobs: V1Job[];\n  children?: React.ReactNode;\n};\n\ntype JobAccordionProps = {\n  job: V1Job;\n  ownedPods: V1Pod[];\n  children?: React.ReactNode;\n};\n\ntype JobSummaryProps = {\n  job: V1Job;\n  children?: React.ReactNode;\n};\n\nconst JobSummary = ({ job }: JobSummaryProps) => {\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        <JobDrawer job={job} />\n      </Grid>\n      <Grid\n        item\n        container\n        xs={6}\n        direction=\"column\"\n        justifyContent=\"flex-start\"\n        alignItems=\"flex-end\"\n        spacing={0}\n      >\n        <Grid item>\n          {job.status?.succeeded && <StatusOK>Succeeded</StatusOK>}\n          {job.status?.active && <StatusPending>Running</StatusPending>}\n          {job.status?.failed && <StatusError>Failed</StatusError>}\n        </Grid>\n        <Grid item>Start time: {job.status?.startTime?.toString()}</Grid>\n        {job.status?.completionTime && (\n          <Grid item>\n            Completion time: {job.status.completionTime.toString()}\n          </Grid>\n        )}\n      </Grid>\n    </Grid>\n  );\n};\n\nconst JobAccordion = ({ job, ownedPods }: JobAccordionProps) => {\n  return (\n    <Accordion TransitionProps={{ unmountOnExit: true }} variant=\"outlined\">\n      <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n        <JobSummary job={job} />\n      </AccordionSummary>\n      <AccordionDetails>\n        <PodsTable pods={ownedPods} />\n      </AccordionDetails>\n    </Accordion>\n  );\n};\n\n/**\n *\n *\n * @public\n */\nexport const JobsAccordions = ({ jobs }: JobsAccordionsProps) => {\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      {jobs.map((job, i) => (\n        <Grid container item key={i} xs>\n          <Grid item xs>\n            <JobAccordion\n              ownedPods={getOwnedResources(job, groupedResponses.pods)}\n              job={job}\n            />\n          </Grid>\n        </Grid>\n      ))}\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"JobsAccordions.esm.js","sources":["../../../src/components/JobsAccordions/JobsAccordions.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 { 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 ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { V1Job, V1Pod } from '@kubernetes/client-node';\nimport { PodsTable } from '../Pods';\nimport { JobDrawer } from './JobsDrawer';\nimport { getOwnedResources } from '../../utils/owner';\nimport { GroupedResponsesContext } from '../../hooks';\nimport {\n  StatusError,\n  StatusOK,\n  StatusPending,\n} from '@backstage/core-components';\n\n/**\n *\n *\n * @public\n */\nexport type JobsAccordionsProps = {\n  jobs: V1Job[];\n  children?: ReactNode;\n};\n\ntype JobAccordionProps = {\n  job: V1Job;\n  ownedPods: V1Pod[];\n  children?: ReactNode;\n};\n\ntype JobSummaryProps = {\n  job: V1Job;\n  children?: ReactNode;\n};\n\nconst JobSummary = ({ job }: JobSummaryProps) => {\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        <JobDrawer job={job} />\n      </Grid>\n      <Grid\n        item\n        container\n        xs={6}\n        direction=\"column\"\n        justifyContent=\"flex-start\"\n        alignItems=\"flex-end\"\n        spacing={0}\n      >\n        <Grid item>\n          {job.status?.succeeded && <StatusOK>Succeeded</StatusOK>}\n          {job.status?.active && <StatusPending>Running</StatusPending>}\n          {job.status?.failed && <StatusError>Failed</StatusError>}\n        </Grid>\n        <Grid item>Start time: {job.status?.startTime?.toString()}</Grid>\n        {job.status?.completionTime && (\n          <Grid item>\n            Completion time: {job.status.completionTime.toString()}\n          </Grid>\n        )}\n      </Grid>\n    </Grid>\n  );\n};\n\nconst JobAccordion = ({ job, ownedPods }: JobAccordionProps) => {\n  return (\n    <Accordion TransitionProps={{ unmountOnExit: true }} variant=\"outlined\">\n      <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n        <JobSummary job={job} />\n      </AccordionSummary>\n      <AccordionDetails>\n        <PodsTable pods={ownedPods} />\n      </AccordionDetails>\n    </Accordion>\n  );\n};\n\n/**\n *\n *\n * @public\n */\nexport const JobsAccordions = ({ jobs }: JobsAccordionsProps) => {\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      {jobs.map((job, i) => (\n        <Grid container item key={i} xs>\n          <Grid item xs>\n            <JobAccordion\n              ownedPods={getOwnedResources(job, groupedResponses.pods)}\n              job={job}\n            />\n          </Grid>\n        </Grid>\n      ))}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/JobsAccordions/JobsDrawer.esm.js

@@ -1,10 +1,11 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { KubernetesStructuredMetadataTableDrawer } from '../KubernetesDrawer/KubernetesStructuredMetadataTableDrawer.esm.js';
 import '../KubernetesDrawer/KubernetesDrawer.esm.js';
 import '@backstage/core-components';
 import '@material-ui/core/FormControlLabel';
 import '@material-ui/core/Switch';
 import 'js-yaml';
+import 'react';
 import Typography from '@material-ui/core/Typography';
 import Grid from '@material-ui/core/Grid';
 
@@ -12,7 +13,7 @@ const JobDrawer = ({
   job,
   expanded
 }) => {
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     KubernetesStructuredMetadataTableDrawer,
     {
       object: job,
@@ -25,20 +26,22 @@ const JobDrawer = ({
           backoffLimit: jobObj.spec?.backoffLimit ?? "???",
           startTime: jobObj.status?.startTime ?? "???"
         };
-      }
-    },
-    /* @__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" }, job.metadata?.name ?? "unknown object")),
-      /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { color: "textSecondary", variant: "subtitle1" }, "Job"))
-    )
+      children: /* @__PURE__ */ jsxs(
+        Grid,
+        {
+          container: true,
+          direction: "column",
+          justifyContent: "flex-start",
+          alignItems: "flex-start",
+          spacing: 0,
+          children: [
+            /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { variant: "body1", children: job.metadata?.name ?? "unknown object" }) }),
+            /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { color: "textSecondary", variant: "subtitle1", children: "Job" }) })
+          ]
+        }
+      )
+    }
   );
 };
 

package/dist/components/JobsAccordions/JobsDrawer.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"JobsDrawer.esm.js","sources":["../../../src/components/JobsAccordions/JobsDrawer.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 React from 'react';\nimport { V1Job } from '@kubernetes/client-node';\nimport { KubernetesStructuredMetadataTableDrawer } from '../KubernetesDrawer';\nimport Typography from '@material-ui/core/Typography';\nimport Grid from '@material-ui/core/Grid';\n\nexport const JobDrawer = ({\n  job,\n  expanded,\n}: {\n  job: V1Job;\n  expanded?: boolean;\n}) => {\n  return (\n    <KubernetesStructuredMetadataTableDrawer\n      object={job}\n      expanded={expanded}\n      kind=\"Job\"\n      renderObject={(jobObj: V1Job) => {\n        return {\n          parallelism: jobObj.spec?.parallelism ?? '???',\n          completions: jobObj.spec?.completions ?? '???',\n          backoffLimit: jobObj.spec?.backoffLimit ?? '???',\n          startTime: jobObj.status?.startTime ?? '???',\n        };\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            {job.metadata?.name ?? 'unknown object'}\n          </Typography>\n        </Grid>\n        <Grid item>\n          <Typography color=\"textSecondary\" variant=\"subtitle1\">\n            Job\n          </Typography>\n        </Grid>\n      </Grid>\n    </KubernetesStructuredMetadataTableDrawer>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AAqBO,MAAM,YAAY,CAAC;AAAA,EACxB,GAAA;AAAA,EACA;AACF,CAGM,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,uCAAA;AAAA,IAAA;AAAA,MACC,MAAQ,EAAA,GAAA;AAAA,MACR,QAAA;AAAA,MACA,IAAK,EAAA,KAAA;AAAA,MACL,YAAA,EAAc,CAAC,MAAkB,KAAA;AAC/B,QAAO,OAAA;AAAA,UACL,WAAA,EAAa,MAAO,CAAA,IAAA,EAAM,WAAe,IAAA,KAAA;AAAA,UACzC,WAAA,EAAa,MAAO,CAAA,IAAA,EAAM,WAAe,IAAA,KAAA;AAAA,UACzC,YAAA,EAAc,MAAO,CAAA,IAAA,EAAM,YAAgB,IAAA,KAAA;AAAA,UAC3C,SAAA,EAAW,MAAO,CAAA,MAAA,EAAQ,SAAa,IAAA;AAAA,SACzC;AAAA;AACF,KAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAS,EAAA,IAAA;AAAA,QACT,SAAU,EAAA,QAAA;AAAA,QACV,cAAe,EAAA,YAAA;AAAA,QACf,UAAW,EAAA,YAAA;AAAA,QACX,OAAS,EAAA;AAAA,OAAA;AAAA,sBAERA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAA,kBACPA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,EACjB,GAAI,CAAA,QAAA,EAAU,IAAQ,IAAA,gBACzB,CACF,CAAA;AAAA,sBACAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAM,eAAgB,EAAA,OAAA,EAAQ,WAAY,EAAA,EAAA,KAEtD,CACF;AAAA;AACF,GACF;AAEJ;;;;"}
+{"version":3,"file":"JobsDrawer.esm.js","sources":["../../../src/components/JobsAccordions/JobsDrawer.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 { V1Job } from '@kubernetes/client-node';\nimport { KubernetesStructuredMetadataTableDrawer } from '../KubernetesDrawer';\nimport Typography from '@material-ui/core/Typography';\nimport Grid from '@material-ui/core/Grid';\n\nexport const JobDrawer = ({\n  job,\n  expanded,\n}: {\n  job: V1Job;\n  expanded?: boolean;\n}) => {\n  return (\n    <KubernetesStructuredMetadataTableDrawer\n      object={job}\n      expanded={expanded}\n      kind=\"Job\"\n      renderObject={(jobObj: V1Job) => {\n        return {\n          parallelism: jobObj.spec?.parallelism ?? '???',\n          completions: jobObj.spec?.completions ?? '???',\n          backoffLimit: jobObj.spec?.backoffLimit ?? '???',\n          startTime: jobObj.status?.startTime ?? '???',\n        };\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            {job.metadata?.name ?? 'unknown object'}\n          </Typography>\n        </Grid>\n        <Grid item>\n          <Typography color=\"textSecondary\" variant=\"subtitle1\">\n            Job\n          </Typography>\n        </Grid>\n      </Grid>\n    </KubernetesStructuredMetadataTableDrawer>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAoBO,MAAM,YAAY,CAAC;AAAA,EACxB,GAAA;AAAA,EACA;AACF,CAGM,KAAA;AACJ,EACE,uBAAA,GAAA;AAAA,IAAC,uCAAA;AAAA,IAAA;AAAA,MACC,MAAQ,EAAA,GAAA;AAAA,MACR,QAAA;AAAA,MACA,IAAK,EAAA,KAAA;AAAA,MACL,YAAA,EAAc,CAAC,MAAkB,KAAA;AAC/B,QAAO,OAAA;AAAA,UACL,WAAA,EAAa,MAAO,CAAA,IAAA,EAAM,WAAe,IAAA,KAAA;AAAA,UACzC,WAAA,EAAa,MAAO,CAAA,IAAA,EAAM,WAAe,IAAA,KAAA;AAAA,UACzC,YAAA,EAAc,MAAO,CAAA,IAAA,EAAM,YAAgB,IAAA,KAAA;AAAA,UAC3C,SAAA,EAAW,MAAO,CAAA,MAAA,EAAQ,SAAa,IAAA;AAAA,SACzC;AAAA,OACF;AAAA,MAEA,QAAA,kBAAA,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,SAAS,EAAA,IAAA;AAAA,UACT,SAAU,EAAA,QAAA;AAAA,UACV,cAAe,EAAA,YAAA;AAAA,UACf,UAAW,EAAA,YAAA;AAAA,UACX,OAAS,EAAA,CAAA;AAAA,UAET,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EACR,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EACjB,QAAI,EAAA,GAAA,CAAA,QAAA,EAAU,IAAQ,IAAA,gBAAA,EACzB,CACF,EAAA,CAAA;AAAA,4BACA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAM,eAAgB,EAAA,OAAA,EAAQ,WAAY,EAAA,QAAA,EAAA,KAAA,EAEtD,CACF,EAAA;AAAA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}

package/dist/components/KubernetesDialog/KubernetesDialog.esm.js

@@ -1,3 +1,4 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import Button from '@material-ui/core/Button';
 import Dialog from '@material-ui/core/Dialog';
 import DialogContent from '@material-ui/core/DialogContent';
@@ -5,7 +6,7 @@ import DialogTitle from '@material-ui/core/DialogTitle';
 import IconButton from '@material-ui/core/IconButton';
 import { makeStyles, createStyles } from '@material-ui/core/styles';
 import CloseIcon from '@material-ui/icons/Close';
-import React__default, { useState } from 'react';
+import { useState } from 'react';
 
 const useStyles = makeStyles(
   (theme) => createStyles({
@@ -35,37 +36,45 @@ const KubernetesDialog = ({
   const closeDialog = () => {
     setOpen(false);
   };
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
-    Dialog,
-    {
-      maxWidth: "xl",
-      fullWidth: true,
-      open,
-      onClose: closeDialog,
-      PaperProps: { className: classes.dialogPaper }
-    },
-    /* @__PURE__ */ React__default.createElement(DialogTitle, { id: "dialog-title" }, title, /* @__PURE__ */ React__default.createElement(
-      IconButton,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      Dialog,
       {
-        "aria-label": "close",
-        className: classes.closeButton,
-        onClick: closeDialog
-      },
-      /* @__PURE__ */ React__default.createElement(CloseIcon, null)
-    )),
-    /* @__PURE__ */ React__default.createElement(DialogContent, { className: classes.dialogContent }, children)
-  ), /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      variant: "outlined",
-      "aria-label": buttonAriaLabel,
-      component: "label",
-      disabled,
-      onClick: openDialog,
-      startIcon: buttonIcon
-    },
-    buttonText
-  ));
+        maxWidth: "xl",
+        fullWidth: true,
+        open,
+        onClose: closeDialog,
+        PaperProps: { className: classes.dialogPaper },
+        children: [
+          /* @__PURE__ */ jsxs(DialogTitle, { id: "dialog-title", children: [
+            title,
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                "aria-label": "close",
+                className: classes.closeButton,
+                onClick: closeDialog,
+                children: /* @__PURE__ */ jsx(CloseIcon, {})
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(DialogContent, { className: classes.dialogContent, children })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "outlined",
+        "aria-label": buttonAriaLabel,
+        component: "label",
+        disabled,
+        onClick: openDialog,
+        startIcon: buttonIcon,
+        children: buttonText
+      }
+    )
+  ] });
 };
 
 export { KubernetesDialog };

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

@@ -1 +1 @@
-{"version":3,"file":"KubernetesDialog.esm.js","sources":["../../../src/components/KubernetesDialog/KubernetesDialog.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 */\n\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport IconButton from '@material-ui/core/IconButton';\nimport { Theme, createStyles, makeStyles } from '@material-ui/core/styles';\nimport CloseIcon from '@material-ui/icons/Close';\nimport React, { useState } from 'react';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    dialogPaper: { minHeight: 'calc(100% - 64px)' },\n    dialogContent: { flexBasis: 0 },\n    closeButton: {\n      position: 'absolute',\n      right: theme.spacing(1),\n      top: theme.spacing(1),\n      color: theme.palette.grey[500],\n    },\n  }),\n);\n\nexport interface KubernetesDialogProps {\n  buttonAriaLabel: string;\n  buttonIcon: React.ReactNode;\n  buttonText: string;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  title: string;\n}\n\n/**\n * Dialog component for use in the Kubernetes plugin\n *\n * @public\n */\nexport const KubernetesDialog = ({\n  buttonAriaLabel,\n  buttonIcon,\n  buttonText,\n  children,\n  disabled,\n  title,\n}: KubernetesDialogProps) => {\n  const classes = useStyles();\n\n  const [open, setOpen] = useState(false);\n  const openDialog = () => {\n    setOpen(true);\n  };\n  const closeDialog = () => {\n    setOpen(false);\n  };\n\n  return (\n    <>\n      <Dialog\n        maxWidth=\"xl\"\n        fullWidth\n        open={open}\n        onClose={closeDialog}\n        PaperProps={{ className: classes.dialogPaper }}\n      >\n        <DialogTitle id=\"dialog-title\">\n          {title}\n          <IconButton\n            aria-label=\"close\"\n            className={classes.closeButton}\n            onClick={closeDialog}\n          >\n            <CloseIcon />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent className={classes.dialogContent}>\n          {children}\n        </DialogContent>\n      </Dialog>\n      <Button\n        variant=\"outlined\"\n        aria-label={buttonAriaLabel}\n        component=\"label\"\n        disabled={disabled}\n        onClick={openDialog}\n        startIcon={buttonIcon}\n      >\n        {buttonText}\n      </Button>\n    </>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;AAyBA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,CAAC,UAC5B,YAAa,CAAA;AAAA,IACX,WAAA,EAAa,EAAE,SAAA,EAAW,mBAAoB,EAAA;AAAA,IAC9C,aAAA,EAAe,EAAE,SAAA,EAAW,CAAE,EAAA;AAAA,IAC9B,WAAa,EAAA;AAAA,MACX,QAAU,EAAA,UAAA;AAAA,MACV,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACtB,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACpB,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG;AAAA;AAC/B,GACD;AACH,CAAA;AAgBO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,eAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAA6B,KAAA;AAC3B,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,GACd;AACA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,GACf;AAEA,EAAA,uBAEIA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,QAAS,EAAA,IAAA;AAAA,MACT,SAAS,EAAA,IAAA;AAAA,MACT,IAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,UAAY,EAAA,EAAE,SAAW,EAAA,OAAA,CAAQ,WAAY;AAAA,KAAA;AAAA,oBAE5CA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,EAAG,EAAA,cAAA,EAAA,EACb,KACD,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,YAAW,EAAA,OAAA;AAAA,QACX,WAAW,OAAQ,CAAA,WAAA;AAAA,QACnB,OAAS,EAAA;AAAA,OAAA;AAAA,mDAER,SAAU,EAAA,IAAA;AAAA,KAEf,CAAA;AAAA,oBACCA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,SAAW,EAAA,OAAA,CAAQ,iBAC/B,QACH;AAAA,GAEF,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,UAAA;AAAA,MACR,YAAY,EAAA,eAAA;AAAA,MACZ,SAAU,EAAA,OAAA;AAAA,MACV,QAAA;AAAA,MACA,OAAS,EAAA,UAAA;AAAA,MACT,SAAW,EAAA;AAAA,KAAA;AAAA,IAEV;AAAA,GAEL,CAAA;AAEJ;;;;"}
+{"version":3,"file":"KubernetesDialog.esm.js","sources":["../../../src/components/KubernetesDialog/KubernetesDialog.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 */\n\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport IconButton from '@material-ui/core/IconButton';\nimport { Theme, createStyles, makeStyles } from '@material-ui/core/styles';\nimport CloseIcon from '@material-ui/icons/Close';\nimport { ReactNode, useState } from 'react';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    dialogPaper: { minHeight: 'calc(100% - 64px)' },\n    dialogContent: { flexBasis: 0 },\n    closeButton: {\n      position: 'absolute',\n      right: theme.spacing(1),\n      top: theme.spacing(1),\n      color: theme.palette.grey[500],\n    },\n  }),\n);\n\nexport interface KubernetesDialogProps {\n  buttonAriaLabel: string;\n  buttonIcon: ReactNode;\n  buttonText: string;\n  children?: ReactNode;\n  disabled?: boolean;\n  title: string;\n}\n\n/**\n * Dialog component for use in the Kubernetes plugin\n *\n * @public\n */\nexport const KubernetesDialog = ({\n  buttonAriaLabel,\n  buttonIcon,\n  buttonText,\n  children,\n  disabled,\n  title,\n}: KubernetesDialogProps) => {\n  const classes = useStyles();\n\n  const [open, setOpen] = useState(false);\n  const openDialog = () => {\n    setOpen(true);\n  };\n  const closeDialog = () => {\n    setOpen(false);\n  };\n\n  return (\n    <>\n      <Dialog\n        maxWidth=\"xl\"\n        fullWidth\n        open={open}\n        onClose={closeDialog}\n        PaperProps={{ className: classes.dialogPaper }}\n      >\n        <DialogTitle id=\"dialog-title\">\n          {title}\n          <IconButton\n            aria-label=\"close\"\n            className={classes.closeButton}\n            onClick={closeDialog}\n          >\n            <CloseIcon />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent className={classes.dialogContent}>\n          {children}\n        </DialogContent>\n      </Dialog>\n      <Button\n        variant=\"outlined\"\n        aria-label={buttonAriaLabel}\n        component=\"label\"\n        disabled={disabled}\n        onClick={openDialog}\n        startIcon={buttonIcon}\n      >\n        {buttonText}\n      </Button>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAyBA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,CAAC,UAC5B,YAAa,CAAA;AAAA,IACX,WAAA,EAAa,EAAE,SAAA,EAAW,mBAAoB,EAAA;AAAA,IAC9C,aAAA,EAAe,EAAE,SAAA,EAAW,CAAE,EAAA;AAAA,IAC9B,WAAa,EAAA;AAAA,MACX,QAAU,EAAA,UAAA;AAAA,MACV,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACtB,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACpB,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG;AAAA;AAC/B,GACD;AACH,CAAA;AAgBO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,eAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAA6B,KAAA;AAC3B,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,GACd;AACA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,GACf;AAEA,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,IAAA;AAAA,QACT,SAAS,EAAA,IAAA;AAAA,QACT,IAAA;AAAA,QACA,OAAS,EAAA,WAAA;AAAA,QACT,UAAY,EAAA,EAAE,SAAW,EAAA,OAAA,CAAQ,WAAY,EAAA;AAAA,QAE7C,QAAA,EAAA;AAAA,0BAAC,IAAA,CAAA,WAAA,EAAA,EAAY,IAAG,cACb,EAAA,QAAA,EAAA;AAAA,YAAA,KAAA;AAAA,4BACD,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,YAAW,EAAA,OAAA;AAAA,gBACX,WAAW,OAAQ,CAAA,WAAA;AAAA,gBACnB,OAAS,EAAA,WAAA;AAAA,gBAET,8BAAC,SAAU,EAAA,EAAA;AAAA;AAAA;AACb,WACF,EAAA,CAAA;AAAA,0BACC,GAAA,CAAA,aAAA,EAAA,EAAc,SAAW,EAAA,OAAA,CAAQ,eAC/B,QACH,EAAA;AAAA;AAAA;AAAA,KACF;AAAA,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,UAAA;AAAA,QACR,YAAY,EAAA,eAAA;AAAA,QACZ,SAAU,EAAA,OAAA;AAAA,QACV,QAAA;AAAA,QACA,OAAS,EAAA,UAAA;AAAA,QACT,SAAW,EAAA,UAAA;AAAA,QAEV,QAAA,EAAA;AAAA;AAAA;AACH,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/KubernetesDrawer/KubernetesDrawer.esm.js

@@ -1,4 +1,5 @@
-import React__default, { useState } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
 import Drawer from '@material-ui/core/Drawer';
 import Grid from '@material-ui/core/Grid';
 import IconButton from '@material-ui/core/IconButton';
@@ -33,31 +34,42 @@ const KubernetesDrawerContent = ({
 }) => {
   const classes = useDrawerContentStyles();
   const [isYaml, setIsYaml] = useState(false);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: classes.header }, /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "flex-start", alignItems: "flex-start" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 11 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, kubernetesObject.metadata?.name)), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 1 }, /* @__PURE__ */ React__default.createElement(
-    IconButton,
-    {
-      key: "dismiss",
-      title: "Close the drawer",
-      onClick: () => close(),
-      color: "inherit"
-    },
-    /* @__PURE__ */ React__default.createElement(CloseIcon, { className: classes.icon })
-  )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, header), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(
-    FormControlLabel,
-    {
-      control: /* @__PURE__ */ React__default.createElement(
-        Switch,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: classes.header, children: /* @__PURE__ */ jsxs(Grid, { container: true, justifyContent: "flex-start", alignItems: "flex-start", children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 11, children: /* @__PURE__ */ jsx(Typography, { variant: "h5", children: kubernetesObject.metadata?.name }) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 1, children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          title: "Close the drawer",
+          onClick: () => close(),
+          color: "inherit",
+          children: /* @__PURE__ */ jsx(CloseIcon, { className: classes.icon })
+        },
+        "dismiss"
+      ) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: header }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+        FormControlLabel,
         {
-          checked: isYaml,
-          onChange: (event) => {
-            setIsYaml(event.target.checked);
-          },
-          name: "YAML"
+          control: /* @__PURE__ */ jsx(
+            Switch,
+            {
+              checked: isYaml,
+              onChange: (event) => {
+                setIsYaml(event.target.checked);
+              },
+              name: "YAML"
+            }
+          ),
+          label: "YAML"
         }
-      ),
-      label: "YAML"
-    }
-  )))), /* @__PURE__ */ React__default.createElement("div", { className: classes.content }, isYaml && /* @__PURE__ */ React__default.createElement(ManifestYaml, { object: kubernetesObject }), !isYaml && children));
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: classes.content, children: [
+      isYaml && /* @__PURE__ */ jsx(ManifestYaml, { object: kubernetesObject }),
+      !isYaml && children
+    ] })
+  ] });
 };
 const useDrawerStyles = makeStyles(
   (theme) => createStyles({
@@ -89,27 +101,30 @@ const KubernetesDrawer = ({
     e.stopPropagation();
     setIsOpen(newValue);
   };
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(DrawerButton, { onClick: () => setIsOpen(true) }, label), /* @__PURE__ */ React__default.createElement(
-    Drawer,
-    {
-      classes: {
-        paper: classes.paper
-      },
-      anchor: "right",
-      open: isOpen,
-      onClose: (e) => toggleDrawer(e, false),
-      onClick: (event) => event.stopPropagation()
-    },
-    isOpen && /* @__PURE__ */ React__default.createElement(
-      KubernetesDrawerContent,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DrawerButton, { onClick: () => setIsOpen(true), children: label }),
+    /* @__PURE__ */ jsx(
+      Drawer,
       {
-        header: drawerContentsHeader,
-        kubernetesObject,
-        children,
-        close: () => setIsOpen(false)
+        classes: {
+          paper: classes.paper
+        },
+        anchor: "right",
+        open: isOpen,
+        onClose: (e) => toggleDrawer(e, false),
+        onClick: (event) => event.stopPropagation(),
+        children: isOpen && /* @__PURE__ */ jsx(
+          KubernetesDrawerContent,
+          {
+            header: drawerContentsHeader,
+            kubernetesObject,
+            children,
+            close: () => setIsOpen(false)
+          }
+        )
       }
     )
-  ));
+  ] });
 };
 
 export { KubernetesDrawer };

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

@@ -1 +1 @@
-{"version":3,"file":"KubernetesDrawer.esm.js","sources":["../../../src/components/KubernetesDrawer/KubernetesDrawer.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React, { ChangeEvent, useState } from 'react';\n\nimport { IObjectMeta } from '@kubernetes-models/apimachinery/apis/meta/v1/ObjectMeta';\nimport Drawer from '@material-ui/core/Drawer';\nimport Grid from '@material-ui/core/Grid';\nimport IconButton from '@material-ui/core/IconButton';\nimport Switch from '@material-ui/core/Switch';\nimport Typography from '@material-ui/core/Typography';\nimport Button from '@material-ui/core/Button';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport {\n  createStyles,\n  makeStyles,\n  Theme,\n  withStyles,\n} from '@material-ui/core/styles';\nimport CloseIcon from '@material-ui/icons/Close';\nimport { ManifestYaml } from './ManifestYaml';\n\nconst useDrawerContentStyles = makeStyles((_theme: Theme) =>\n  createStyles({\n    header: {\n      display: 'flex',\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n    },\n    content: {\n      height: '80%',\n    },\n    icon: {\n      fontSize: 20,\n    },\n  }),\n);\n\n/**\n * The type of object that can be represented by the Drawer\n *\n * @public\n */\nexport interface KubernetesObject {\n  kind: string;\n  metadata?: IObjectMeta;\n}\n\ninterface KubernetesDrawerContentProps {\n  close: () => void;\n  kubernetesObject: KubernetesObject;\n  header?: React.ReactNode;\n  children?: React.ReactNode;\n}\n\nconst KubernetesDrawerContent = ({\n  children,\n  header,\n  kubernetesObject,\n  close,\n}: KubernetesDrawerContentProps) => {\n  const classes = useDrawerContentStyles();\n  const [isYaml, setIsYaml] = useState<boolean>(false);\n\n  return (\n    <>\n      <div className={classes.header}>\n        <Grid container justifyContent=\"flex-start\" alignItems=\"flex-start\">\n          <Grid item xs={11}>\n            <Typography variant=\"h5\">\n              {kubernetesObject.metadata?.name}\n            </Typography>\n          </Grid>\n          <Grid item xs={1}>\n            <IconButton\n              key=\"dismiss\"\n              title=\"Close the drawer\"\n              onClick={() => close()}\n              color=\"inherit\"\n            >\n              <CloseIcon className={classes.icon} />\n            </IconButton>\n          </Grid>\n          <Grid item xs={12}>\n            {header}\n          </Grid>\n          <Grid item xs={12}>\n            <FormControlLabel\n              control={\n                <Switch\n                  checked={isYaml}\n                  onChange={event => {\n                    setIsYaml(event.target.checked);\n                  }}\n                  name=\"YAML\"\n                />\n              }\n              label=\"YAML\"\n            />\n          </Grid>\n        </Grid>\n      </div>\n      <div className={classes.content}>\n        {isYaml && <ManifestYaml object={kubernetesObject} />}\n        {!isYaml && children}\n      </div>\n    </>\n  );\n};\n\n/**\n * Props of KubernetesDrawer\n *\n * @public\n */\nexport interface KubernetesDrawerProps {\n  open?: boolean;\n  kubernetesObject: KubernetesObject;\n  label: React.ReactNode;\n  drawerContentsHeader?: React.ReactNode;\n  children?: React.ReactNode;\n}\n\nconst useDrawerStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    paper: {\n      width: '50%',\n      justifyContent: 'space-between',\n      padding: theme.spacing(2.5),\n    },\n  }),\n);\n\nconst DrawerButton = withStyles({\n  root: {\n    padding: '6px 5px',\n  },\n  label: {\n    textTransform: 'none',\n  },\n})(Button);\n\n/**\n * Button/Drawer component for Kubernetes Objects\n *\n * @public\n */\nexport const KubernetesDrawer = ({\n  open,\n  label,\n  drawerContentsHeader,\n  kubernetesObject,\n  children,\n}: KubernetesDrawerProps) => {\n  const classes = useDrawerStyles();\n  const [isOpen, setIsOpen] = useState<boolean>(open ?? false);\n\n  const toggleDrawer = (e: ChangeEvent<{}>, newValue: boolean) => {\n    e.stopPropagation();\n    setIsOpen(newValue);\n  };\n\n  return (\n    <>\n      <DrawerButton onClick={() => setIsOpen(true)}>{label}</DrawerButton>\n      <Drawer\n        classes={{\n          paper: classes.paper,\n        }}\n        anchor=\"right\"\n        open={isOpen}\n        onClose={(e: any) => toggleDrawer(e, false)}\n        onClick={event => event.stopPropagation()}\n      >\n        {isOpen && (\n          <KubernetesDrawerContent\n            header={drawerContentsHeader}\n            kubernetesObject={kubernetesObject}\n            children={children}\n            close={() => setIsOpen(false)}\n          />\n        )}\n      </Drawer>\n    </>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"KubernetesDrawer.esm.js","sources":["../../../src/components/KubernetesDrawer/KubernetesDrawer.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { ReactNode, ChangeEvent, useState } from 'react';\n\nimport { IObjectMeta } from '@kubernetes-models/apimachinery/apis/meta/v1/ObjectMeta';\nimport Drawer from '@material-ui/core/Drawer';\nimport Grid from '@material-ui/core/Grid';\nimport IconButton from '@material-ui/core/IconButton';\nimport Switch from '@material-ui/core/Switch';\nimport Typography from '@material-ui/core/Typography';\nimport Button from '@material-ui/core/Button';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport {\n  createStyles,\n  makeStyles,\n  Theme,\n  withStyles,\n} from '@material-ui/core/styles';\nimport CloseIcon from '@material-ui/icons/Close';\nimport { ManifestYaml } from './ManifestYaml';\n\nconst useDrawerContentStyles = makeStyles((_theme: Theme) =>\n  createStyles({\n    header: {\n      display: 'flex',\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n    },\n    content: {\n      height: '80%',\n    },\n    icon: {\n      fontSize: 20,\n    },\n  }),\n);\n\n/**\n * The type of object that can be represented by the Drawer\n *\n * @public\n */\nexport interface KubernetesObject {\n  kind: string;\n  metadata?: IObjectMeta;\n}\n\ninterface KubernetesDrawerContentProps {\n  close: () => void;\n  kubernetesObject: KubernetesObject;\n  header?: ReactNode;\n  children?: ReactNode;\n}\n\nconst KubernetesDrawerContent = ({\n  children,\n  header,\n  kubernetesObject,\n  close,\n}: KubernetesDrawerContentProps) => {\n  const classes = useDrawerContentStyles();\n  const [isYaml, setIsYaml] = useState<boolean>(false);\n\n  return (\n    <>\n      <div className={classes.header}>\n        <Grid container justifyContent=\"flex-start\" alignItems=\"flex-start\">\n          <Grid item xs={11}>\n            <Typography variant=\"h5\">\n              {kubernetesObject.metadata?.name}\n            </Typography>\n          </Grid>\n          <Grid item xs={1}>\n            <IconButton\n              key=\"dismiss\"\n              title=\"Close the drawer\"\n              onClick={() => close()}\n              color=\"inherit\"\n            >\n              <CloseIcon className={classes.icon} />\n            </IconButton>\n          </Grid>\n          <Grid item xs={12}>\n            {header}\n          </Grid>\n          <Grid item xs={12}>\n            <FormControlLabel\n              control={\n                <Switch\n                  checked={isYaml}\n                  onChange={event => {\n                    setIsYaml(event.target.checked);\n                  }}\n                  name=\"YAML\"\n                />\n              }\n              label=\"YAML\"\n            />\n          </Grid>\n        </Grid>\n      </div>\n      <div className={classes.content}>\n        {isYaml && <ManifestYaml object={kubernetesObject} />}\n        {!isYaml && children}\n      </div>\n    </>\n  );\n};\n\n/**\n * Props of KubernetesDrawer\n *\n * @public\n */\nexport interface KubernetesDrawerProps {\n  open?: boolean;\n  kubernetesObject: KubernetesObject;\n  label: ReactNode;\n  drawerContentsHeader?: ReactNode;\n  children?: ReactNode;\n}\n\nconst useDrawerStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    paper: {\n      width: '50%',\n      justifyContent: 'space-between',\n      padding: theme.spacing(2.5),\n    },\n  }),\n);\n\nconst DrawerButton = withStyles({\n  root: {\n    padding: '6px 5px',\n  },\n  label: {\n    textTransform: 'none',\n  },\n})(Button);\n\n/**\n * Button/Drawer component for Kubernetes Objects\n *\n * @public\n */\nexport const KubernetesDrawer = ({\n  open,\n  label,\n  drawerContentsHeader,\n  kubernetesObject,\n  children,\n}: KubernetesDrawerProps) => {\n  const classes = useDrawerStyles();\n  const [isOpen, setIsOpen] = useState<boolean>(open ?? false);\n\n  const toggleDrawer = (e: ChangeEvent<{}>, newValue: boolean) => {\n    e.stopPropagation();\n    setIsOpen(newValue);\n  };\n\n  return (\n    <>\n      <DrawerButton onClick={() => setIsOpen(true)}>{label}</DrawerButton>\n      <Drawer\n        classes={{\n          paper: classes.paper,\n        }}\n        anchor=\"right\"\n        open={isOpen}\n        onClose={(e: any) => toggleDrawer(e, false)}\n        onClick={event => event.stopPropagation()}\n      >\n        {isOpen && (\n          <KubernetesDrawerContent\n            header={drawerContentsHeader}\n            kubernetesObject={kubernetesObject}\n            children={children}\n            close={() => setIsOpen(false)}\n          />\n        )}\n      </Drawer>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}