@backstage-community/plugin-azure-devops 0.13.2 → 0.14.0

package/dist/components/BuildTable/BuildTable.esm.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
 import Box from '@material-ui/core/Box';
 import Button from '@material-ui/core/Button';
 import Typography from '@material-ui/core/Typography';
@@ -12,33 +13,63 @@ import { BuildLogDrawer } from './lib/BuildLogDrawer/BuildLogDrawer.esm.js';
 const getBuildResultComponent = (result) => {
   switch (result) {
     case BuildResult.Succeeded:
-      return /* @__PURE__ */ React.createElement(Typography, { component: "span" }, /* @__PURE__ */ React.createElement(StatusOK, null), " Succeeded");
+      return /* @__PURE__ */ jsxs(Typography, { component: "span", children: [
+        /* @__PURE__ */ jsx(StatusOK, {}),
+        " Succeeded"
+      ] });
     case BuildResult.PartiallySucceeded:
-      return /* @__PURE__ */ React.createElement(Typography, { component: "span" }, /* @__PURE__ */ React.createElement(StatusWarning, null), " Partially Succeeded");
+      return /* @__PURE__ */ jsxs(Typography, { component: "span", children: [
+        /* @__PURE__ */ jsx(StatusWarning, {}),
+        " Partially Succeeded"
+      ] });
     case BuildResult.Failed:
-      return /* @__PURE__ */ React.createElement(Typography, { component: "span" }, /* @__PURE__ */ React.createElement(StatusError, null), " Failed");
+      return /* @__PURE__ */ jsxs(Typography, { component: "span", children: [
+        /* @__PURE__ */ jsx(StatusError, {}),
+        " Failed"
+      ] });
     case BuildResult.Canceled:
-      return /* @__PURE__ */ React.createElement(Typography, { component: "span" }, /* @__PURE__ */ React.createElement(StatusAborted, null), " Canceled");
+      return /* @__PURE__ */ jsxs(Typography, { component: "span", children: [
+        /* @__PURE__ */ jsx(StatusAborted, {}),
+        " Canceled"
+      ] });
     case BuildResult.None:
     default:
-      return /* @__PURE__ */ React.createElement(Typography, { component: "span" }, /* @__PURE__ */ React.createElement(StatusWarning, null), " Unknown");
+      return /* @__PURE__ */ jsxs(Typography, { component: "span", children: [
+        /* @__PURE__ */ jsx(StatusWarning, {}),
+        " Unknown"
+      ] });
   }
 };
 const getBuildStateComponent = (status, result) => {
   switch (status) {
     case BuildStatus.InProgress:
-      return /* @__PURE__ */ React.createElement(Typography, { component: "span" }, /* @__PURE__ */ React.createElement(StatusRunning, null), " In Progress");
+      return /* @__PURE__ */ jsxs(Typography, { component: "span", children: [
+        /* @__PURE__ */ jsx(StatusRunning, {}),
+        " In Progress"
+      ] });
     case BuildStatus.Completed:
       return getBuildResultComponent(result);
     case BuildStatus.Cancelling:
-      return /* @__PURE__ */ React.createElement(Typography, { component: "span" }, /* @__PURE__ */ React.createElement(StatusAborted, null), " Cancelling");
+      return /* @__PURE__ */ jsxs(Typography, { component: "span", children: [
+        /* @__PURE__ */ jsx(StatusAborted, {}),
+        " Cancelling"
+      ] });
     case BuildStatus.Postponed:
-      return /* @__PURE__ */ React.createElement(Typography, { component: "span" }, /* @__PURE__ */ React.createElement(StatusPending, null), " Postponed");
+      return /* @__PURE__ */ jsxs(Typography, { component: "span", children: [
+        /* @__PURE__ */ jsx(StatusPending, {}),
+        " Postponed"
+      ] });
     case BuildStatus.NotStarted:
-      return /* @__PURE__ */ React.createElement(Typography, { component: "span" }, /* @__PURE__ */ React.createElement(StatusAborted, null), " Not Started");
+      return /* @__PURE__ */ jsxs(Typography, { component: "span", children: [
+        /* @__PURE__ */ jsx(StatusAborted, {}),
+        " Not Started"
+      ] });
     case BuildStatus.None:
     default:
-      return /* @__PURE__ */ React.createElement(Typography, { component: "span" }, /* @__PURE__ */ React.createElement(StatusWarning, null), " Unknown");
+      return /* @__PURE__ */ jsxs(Typography, { component: "span", children: [
+        /* @__PURE__ */ jsx(StatusWarning, {}),
+        " Unknown"
+      ] });
   }
 };
 const BuildTable = ({ items, loading, error }) => {
@@ -61,7 +92,7 @@ const BuildTable = ({ items, loading, error }) => {
     }));
   };
   if (error) {
-    return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error }));
+    return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ResponseErrorPanel, { error }) });
   }
   const columns = [
     {
@@ -74,7 +105,7 @@ const BuildTable = ({ items, loading, error }) => {
       title: "Build",
       field: "title",
       width: "auto",
-      render: (row) => /* @__PURE__ */ React.createElement(Link, { to: row.link || "" }, row.title)
+      render: (row) => /* @__PURE__ */ jsx(Link, { to: row.link || "", children: row.title })
     },
     {
       title: "Source",
@@ -84,13 +115,13 @@ const BuildTable = ({ items, loading, error }) => {
     {
       title: "State",
       width: "auto",
-      render: (row) => /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(Typography, { variant: "button" }, getBuildStateComponent(row.status, row.result)))
+      render: (row) => /* @__PURE__ */ jsx(Box, { display: "flex", alignItems: "center", children: /* @__PURE__ */ jsx(Typography, { variant: "button", children: getBuildStateComponent(row.status, row.result) }) })
     },
     {
       title: "Duration",
       field: "queueTime",
       width: "auto",
-      render: (row) => /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(Typography, null, getDurationFromDates(row.startTime, row.finishTime)))
+      render: (row) => /* @__PURE__ */ jsx(Box, { display: "flex", alignItems: "center", children: /* @__PURE__ */ jsx(Typography, { children: getDurationFromDates(row.startTime, row.finishTime) }) })
     },
     {
       title: "Age",
@@ -101,43 +132,52 @@ const BuildTable = ({ items, loading, error }) => {
     {
       title: "Logs",
       width: "auto",
-      render: (row) => /* @__PURE__ */ React.createElement(
+      render: (row) => /* @__PURE__ */ jsx(
         Button,
         {
           variant: "contained",
           color: "primary",
           size: "small",
           onClick: () => handleOpenDrawer(row.id),
-          disabled: !row.id
-        },
-        "View Logs"
+          disabled: !row.id,
+          children: "View Logs"
+        }
       )
     }
   ];
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    Table,
-    {
-      isLoading: loading,
-      columns,
-      options: {
-        search: true,
-        paging: true,
-        pageSize: 5,
-        showEmptyDataSourceMessage: !loading
-      },
-      title: /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(AzurePipelinesIcon, { style: { fontSize: 30 } }), /* @__PURE__ */ React.createElement(Box, { mr: 1 }), "Azure Pipelines - Builds (", items ? items.length : 0, ")"),
-      data: items ?? []
-    }
-  ), /* @__PURE__ */ React.createElement(
-    BuildLogDrawer,
-    {
-      buildId: selectedBuildId,
-      open: isDrawerOpen,
-      onClose: handleCloseDrawer,
-      logsCache,
-      updateCache: updateLogsCache
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Table,
+      {
+        isLoading: loading,
+        columns,
+        options: {
+          search: true,
+          paging: true,
+          pageSize: 5,
+          showEmptyDataSourceMessage: !loading
+        },
+        title: /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+          /* @__PURE__ */ jsx(AzurePipelinesIcon, { style: { fontSize: 30 } }),
+          /* @__PURE__ */ jsx(Box, { mr: 1 }),
+          "Azure Pipelines - Builds (",
+          items ? items.length : 0,
+          ")"
+        ] }),
+        data: items ?? []
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      BuildLogDrawer,
+      {
+        buildId: selectedBuildId,
+        open: isDrawerOpen,
+        onClose: handleCloseDrawer,
+        logsCache,
+        updateCache: updateLogsCache
+      }
+    )
+  ] });
 };
 
 export { BuildTable, getBuildResultComponent, getBuildStateComponent };

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

@@ -1 +1 @@
-{"version":3,"file":"BuildTable.esm.js","sources":["../../../src/components/BuildTable/BuildTable.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 { useState } from 'react';\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport Typography from '@material-ui/core/Typography';\nimport {\n  BuildResult,\n  BuildRun,\n  BuildStatus,\n} from '@backstage-community/plugin-azure-devops-common';\nimport {\n  Link,\n  ResponseErrorPanel,\n  StatusAborted,\n  StatusError,\n  StatusOK,\n  StatusPending,\n  StatusRunning,\n  StatusWarning,\n  Table,\n  TableColumn,\n} from '@backstage/core-components';\n\nimport { AzurePipelinesIcon } from '../AzurePipelinesIcon';\nimport { DateTime } from 'luxon';\nimport React from 'react';\nimport { getDurationFromDates } from '../../utils/getDurationFromDates';\nimport { BuildLogDrawer } from './lib/BuildLogDrawer';\n\nexport const getBuildResultComponent = (result: number | undefined) => {\n  switch (result) {\n    case BuildResult.Succeeded:\n      return (\n        <Typography component=\"span\">\n          <StatusOK /> Succeeded\n        </Typography>\n      );\n    case BuildResult.PartiallySucceeded:\n      return (\n        <Typography component=\"span\">\n          <StatusWarning /> Partially Succeeded\n        </Typography>\n      );\n    case BuildResult.Failed:\n      return (\n        <Typography component=\"span\">\n          <StatusError /> Failed\n        </Typography>\n      );\n    case BuildResult.Canceled:\n      return (\n        <Typography component=\"span\">\n          <StatusAborted /> Canceled\n        </Typography>\n      );\n    case BuildResult.None:\n    default:\n      return (\n        <Typography component=\"span\">\n          <StatusWarning /> Unknown\n        </Typography>\n      );\n  }\n};\n\nexport const getBuildStateComponent = (\n  status: number | undefined,\n  result: number | undefined,\n) => {\n  switch (status) {\n    case BuildStatus.InProgress:\n      return (\n        <Typography component=\"span\">\n          <StatusRunning /> In Progress\n        </Typography>\n      );\n    case BuildStatus.Completed:\n      return getBuildResultComponent(result);\n    case BuildStatus.Cancelling:\n      return (\n        <Typography component=\"span\">\n          <StatusAborted /> Cancelling\n        </Typography>\n      );\n    case BuildStatus.Postponed:\n      return (\n        <Typography component=\"span\">\n          <StatusPending /> Postponed\n        </Typography>\n      );\n    case BuildStatus.NotStarted:\n      return (\n        <Typography component=\"span\">\n          <StatusAborted /> Not Started\n        </Typography>\n      );\n    case BuildStatus.None:\n    default:\n      return (\n        <Typography component=\"span\">\n          <StatusWarning /> Unknown\n        </Typography>\n      );\n  }\n};\n\ntype BuildTableProps = {\n  items?: BuildRun[];\n  loading: boolean;\n  error?: Error;\n};\n\nexport const BuildTable = ({ items, loading, error }: BuildTableProps) => {\n  // State for log drawer\n  const [selectedBuildId, setSelectedBuildId] = useState<number | undefined>(\n    undefined,\n  );\n  const [isDrawerOpen, setIsDrawerOpen] = useState(false);\n\n  const handleOpenDrawer = (buildId?: number) => {\n    setSelectedBuildId(buildId);\n    setIsDrawerOpen(true);\n  };\n\n  const handleCloseDrawer = () => {\n    setIsDrawerOpen(false);\n  };\n\n  // Cache build logs\n  const [logsCache, setLogsCache] = useState<Record<number, string[]>>({});\n\n  const updateLogsCache = (buildId: number, logs: string[]) => {\n    setLogsCache(prev => ({\n      ...prev,\n      [buildId]: logs,\n    }));\n  };\n\n  if (error) {\n    return (\n      <div>\n        <ResponseErrorPanel error={error} />\n      </div>\n    );\n  }\n\n  const columns: TableColumn[] = [\n    {\n      title: 'ID',\n      field: 'id',\n      highlight: false,\n      width: 'auto',\n    },\n    {\n      title: 'Build',\n      field: 'title',\n      width: 'auto',\n      render: (row: Partial<BuildRun>) => (\n        <Link to={row.link || ''}>{row.title}</Link>\n      ),\n    },\n    {\n      title: 'Source',\n      field: 'source',\n      width: 'auto',\n    },\n    {\n      title: 'State',\n      width: 'auto',\n      render: (row: Partial<BuildRun>) => (\n        <Box display=\"flex\" alignItems=\"center\">\n          <Typography variant=\"button\">\n            {getBuildStateComponent(row.status, row.result)}\n          </Typography>\n        </Box>\n      ),\n    },\n    {\n      title: 'Duration',\n      field: 'queueTime',\n      width: 'auto',\n      render: (row: Partial<BuildRun>) => (\n        <Box display=\"flex\" alignItems=\"center\">\n          <Typography>\n            {getDurationFromDates(row.startTime, row.finishTime)}\n          </Typography>\n        </Box>\n      ),\n    },\n    {\n      title: 'Age',\n      field: 'queueTime',\n      width: 'auto',\n      render: (row: Partial<BuildRun>) =>\n        (row.queueTime\n          ? DateTime.fromISO(row.queueTime)\n          : DateTime.now()\n        ).toRelative(),\n    },\n    {\n      title: 'Logs',\n      width: 'auto',\n      render: (row: Partial<BuildRun>) => (\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          size=\"small\"\n          onClick={() => handleOpenDrawer(row.id)}\n          disabled={!row.id}\n        >\n          View Logs\n        </Button>\n      ),\n    },\n  ];\n\n  return (\n    <>\n      <Table\n        isLoading={loading}\n        columns={columns}\n        options={{\n          search: true,\n          paging: true,\n          pageSize: 5,\n          showEmptyDataSourceMessage: !loading,\n        }}\n        title={\n          <Box display=\"flex\" alignItems=\"center\">\n            <AzurePipelinesIcon style={{ fontSize: 30 }} />\n            <Box mr={1} />\n            Azure Pipelines - Builds ({items ? items.length : 0})\n          </Box>\n        }\n        data={items ?? []}\n      />\n\n      <BuildLogDrawer\n        buildId={selectedBuildId}\n        open={isDrawerOpen}\n        onClose={handleCloseDrawer}\n        logsCache={logsCache}\n        updateCache={updateLogsCache}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"BuildTable.esm.js","sources":["../../../src/components/BuildTable/BuildTable.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 { useState } from 'react';\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport Typography from '@material-ui/core/Typography';\nimport {\n  BuildResult,\n  BuildRun,\n  BuildStatus,\n} from '@backstage-community/plugin-azure-devops-common';\nimport {\n  Link,\n  ResponseErrorPanel,\n  StatusAborted,\n  StatusError,\n  StatusOK,\n  StatusPending,\n  StatusRunning,\n  StatusWarning,\n  Table,\n  TableColumn,\n} from '@backstage/core-components';\n\nimport { AzurePipelinesIcon } from '../AzurePipelinesIcon';\nimport { DateTime } from 'luxon';\nimport { getDurationFromDates } from '../../utils/getDurationFromDates';\nimport { BuildLogDrawer } from './lib/BuildLogDrawer';\n\nexport const getBuildResultComponent = (result: number | undefined) => {\n  switch (result) {\n    case BuildResult.Succeeded:\n      return (\n        <Typography component=\"span\">\n          <StatusOK /> Succeeded\n        </Typography>\n      );\n    case BuildResult.PartiallySucceeded:\n      return (\n        <Typography component=\"span\">\n          <StatusWarning /> Partially Succeeded\n        </Typography>\n      );\n    case BuildResult.Failed:\n      return (\n        <Typography component=\"span\">\n          <StatusError /> Failed\n        </Typography>\n      );\n    case BuildResult.Canceled:\n      return (\n        <Typography component=\"span\">\n          <StatusAborted /> Canceled\n        </Typography>\n      );\n    case BuildResult.None:\n    default:\n      return (\n        <Typography component=\"span\">\n          <StatusWarning /> Unknown\n        </Typography>\n      );\n  }\n};\n\nexport const getBuildStateComponent = (\n  status: number | undefined,\n  result: number | undefined,\n) => {\n  switch (status) {\n    case BuildStatus.InProgress:\n      return (\n        <Typography component=\"span\">\n          <StatusRunning /> In Progress\n        </Typography>\n      );\n    case BuildStatus.Completed:\n      return getBuildResultComponent(result);\n    case BuildStatus.Cancelling:\n      return (\n        <Typography component=\"span\">\n          <StatusAborted /> Cancelling\n        </Typography>\n      );\n    case BuildStatus.Postponed:\n      return (\n        <Typography component=\"span\">\n          <StatusPending /> Postponed\n        </Typography>\n      );\n    case BuildStatus.NotStarted:\n      return (\n        <Typography component=\"span\">\n          <StatusAborted /> Not Started\n        </Typography>\n      );\n    case BuildStatus.None:\n    default:\n      return (\n        <Typography component=\"span\">\n          <StatusWarning /> Unknown\n        </Typography>\n      );\n  }\n};\n\ntype BuildTableProps = {\n  items?: BuildRun[];\n  loading: boolean;\n  error?: Error;\n};\n\nexport const BuildTable = ({ items, loading, error }: BuildTableProps) => {\n  // State for log drawer\n  const [selectedBuildId, setSelectedBuildId] = useState<number | undefined>(\n    undefined,\n  );\n  const [isDrawerOpen, setIsDrawerOpen] = useState(false);\n\n  const handleOpenDrawer = (buildId?: number) => {\n    setSelectedBuildId(buildId);\n    setIsDrawerOpen(true);\n  };\n\n  const handleCloseDrawer = () => {\n    setIsDrawerOpen(false);\n  };\n\n  // Cache build logs\n  const [logsCache, setLogsCache] = useState<Record<number, string[]>>({});\n\n  const updateLogsCache = (buildId: number, logs: string[]) => {\n    setLogsCache(prev => ({\n      ...prev,\n      [buildId]: logs,\n    }));\n  };\n\n  if (error) {\n    return (\n      <div>\n        <ResponseErrorPanel error={error} />\n      </div>\n    );\n  }\n\n  const columns: TableColumn[] = [\n    {\n      title: 'ID',\n      field: 'id',\n      highlight: false,\n      width: 'auto',\n    },\n    {\n      title: 'Build',\n      field: 'title',\n      width: 'auto',\n      render: (row: Partial<BuildRun>) => (\n        <Link to={row.link || ''}>{row.title}</Link>\n      ),\n    },\n    {\n      title: 'Source',\n      field: 'source',\n      width: 'auto',\n    },\n    {\n      title: 'State',\n      width: 'auto',\n      render: (row: Partial<BuildRun>) => (\n        <Box display=\"flex\" alignItems=\"center\">\n          <Typography variant=\"button\">\n            {getBuildStateComponent(row.status, row.result)}\n          </Typography>\n        </Box>\n      ),\n    },\n    {\n      title: 'Duration',\n      field: 'queueTime',\n      width: 'auto',\n      render: (row: Partial<BuildRun>) => (\n        <Box display=\"flex\" alignItems=\"center\">\n          <Typography>\n            {getDurationFromDates(row.startTime, row.finishTime)}\n          </Typography>\n        </Box>\n      ),\n    },\n    {\n      title: 'Age',\n      field: 'queueTime',\n      width: 'auto',\n      render: (row: Partial<BuildRun>) =>\n        (row.queueTime\n          ? DateTime.fromISO(row.queueTime)\n          : DateTime.now()\n        ).toRelative(),\n    },\n    {\n      title: 'Logs',\n      width: 'auto',\n      render: (row: Partial<BuildRun>) => (\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          size=\"small\"\n          onClick={() => handleOpenDrawer(row.id)}\n          disabled={!row.id}\n        >\n          View Logs\n        </Button>\n      ),\n    },\n  ];\n\n  return (\n    <>\n      <Table\n        isLoading={loading}\n        columns={columns}\n        options={{\n          search: true,\n          paging: true,\n          pageSize: 5,\n          showEmptyDataSourceMessage: !loading,\n        }}\n        title={\n          <Box display=\"flex\" alignItems=\"center\">\n            <AzurePipelinesIcon style={{ fontSize: 30 }} />\n            <Box mr={1} />\n            Azure Pipelines - Builds ({items ? items.length : 0})\n          </Box>\n        }\n        data={items ?? []}\n      />\n\n      <BuildLogDrawer\n        buildId={selectedBuildId}\n        open={isDrawerOpen}\n        onClose={handleCloseDrawer}\n        logsCache={logsCache}\n        updateCache={updateLogsCache}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/BuildTable/lib/BuildLogDrawer/BuildLogDrawer.esm.js

@@ -1,4 +1,5 @@
-import React, { useState, useCallback, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useCallback, useEffect } from 'react';
 import Drawer from '@material-ui/core/Drawer';
 import Typography from '@material-ui/core/Typography';
 import LinearProgress from '@material-ui/core/LinearProgress';
@@ -92,7 +93,7 @@ const BuildLogDrawer = ({
       }
     }
   }, [buildId, open, fetchLogs, logsCache]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Drawer,
     {
       anchor: "right",
@@ -100,9 +101,24 @@ const BuildLogDrawer = ({
       onClose,
       classes: {
         paper: classes.logDrawer
-      }
-    },
-    /* @__PURE__ */ React.createElement("div", { className: classes.content }, /* @__PURE__ */ React.createElement("div", { className: classes.header }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, "Build Logs ", buildId ? `(Build #${buildId})` : ""), /* @__PURE__ */ React.createElement(IconButton, { onClick: onClose, "aria-label": "close" }, /* @__PURE__ */ React.createElement(CloseIcon, null))), loading && /* @__PURE__ */ React.createElement(LinearProgress, null), error && /* @__PURE__ */ React.createElement(Typography, { color: "error" }, "Error loading logs: ", error.message), !loading && !error && logs.length === 0 && /* @__PURE__ */ React.createElement(Typography, null, "No logs available"), !loading && !error && logs.length > 0 && /* @__PURE__ */ React.createElement(Box, { component: "pre", className: classes.logContainer }, logs.join("\n")))
+      },
+      children: /* @__PURE__ */ jsxs("div", { className: classes.content, children: [
+        /* @__PURE__ */ jsxs("div", { className: classes.header, children: [
+          /* @__PURE__ */ jsxs(Typography, { variant: "h6", children: [
+            "Build Logs ",
+            buildId ? `(Build #${buildId})` : ""
+          ] }),
+          /* @__PURE__ */ jsx(IconButton, { onClick: onClose, "aria-label": "close", children: /* @__PURE__ */ jsx(CloseIcon, {}) })
+        ] }),
+        loading && /* @__PURE__ */ jsx(LinearProgress, {}),
+        error && /* @__PURE__ */ jsxs(Typography, { color: "error", children: [
+          "Error loading logs: ",
+          error.message
+        ] }),
+        !loading && !error && logs.length === 0 && /* @__PURE__ */ jsx(Typography, { children: "No logs available" }),
+        !loading && !error && logs.length > 0 && /* @__PURE__ */ jsx(Box, { component: "pre", className: classes.logContainer, children: logs.join("\n") })
+      ] })
+    }
   );
 };
 

package/dist/components/BuildTable/lib/BuildLogDrawer/BuildLogDrawer.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BuildLogDrawer.esm.js","sources":["../../../../../src/components/BuildTable/lib/BuildLogDrawer/BuildLogDrawer.tsx"],"sourcesContent":["/*\n * Copyright 2025 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, { useState, useEffect, useCallback } from 'react';\nimport Drawer from '@material-ui/core/Drawer';\nimport Typography from '@material-ui/core/Typography';\nimport LinearProgress from '@material-ui/core/LinearProgress';\nimport Box from '@material-ui/core/Box';\nimport IconButton from '@material-ui/core/IconButton';\nimport { makeStyles } from '@material-ui/core/styles';\nimport CloseIcon from '@material-ui/icons/Close';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { azureDevOpsApiRef } from '../../../../api';\nimport { getAnnotationValuesFromEntity } from '../../../../utils';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { useEntity } from '@backstage/plugin-catalog-react';\n\nconst useDrawerStyles = makeStyles(theme => ({\n  logDrawer: {\n    width: '40%',\n    minWidth: '500px',\n    padding: theme.spacing(2),\n  },\n  header: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    marginBottom: theme.spacing(2),\n    borderBottom: `1px solid ${theme.palette.divider}`,\n    paddingBottom: theme.spacing(1),\n  },\n  content: {\n    height: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  logContainer: {\n    flexGrow: 1,\n    overflow: 'auto',\n    backgroundColor: theme.palette.background.default,\n    padding: theme.spacing(2),\n    borderRadius: theme.shape.borderRadius,\n    marginTop: theme.spacing(2),\n    fontFamily: theme.typography.fontFamily,\n    fontSize: theme.typography.fontSize,\n  },\n}));\n\ntype BuildLogDrawerProps = {\n  buildId?: number;\n  open: boolean;\n  onClose: () => void;\n  logsCache: Record<number, string[]>;\n  updateCache: (buildId: number, logs: string[]) => void;\n};\n\nexport const BuildLogDrawer = ({\n  buildId,\n  open,\n  onClose,\n  logsCache,\n  updateCache,\n}: BuildLogDrawerProps) => {\n  const [loading, setLoading] = useState(false);\n  const [logs, setLogs] = useState<string[]>([]);\n  const [error, setError] = useState<Error | undefined>();\n  const { entity } = useEntity();\n  const azureApi = useApi(azureDevOpsApiRef);\n  const classes = useDrawerStyles();\n\n  const fetchLogs = useCallback(async () => {\n    if (!buildId) {\n      setError(new Error('Missing ID for build'));\n      return;\n    }\n\n    setLoading(true);\n    setError(undefined);\n    setLogs([]);\n\n    try {\n      const { project, host, org } = getAnnotationValuesFromEntity(entity);\n      const response = await azureApi.getBuildRunLog(\n        project,\n        stringifyEntityRef(entity),\n        buildId,\n        host,\n        org,\n      );\n\n      setLogs(response.log);\n      updateCache(buildId, response.log);\n    } catch (err) {\n      setError(err as Error);\n    } finally {\n      setLoading(false);\n    }\n  }, [buildId, entity, azureApi, updateCache]);\n\n  // Reset logs when a different build is selected\n  useEffect(() => {\n    if (buildId && open) {\n      // Check logs in cache first\n      if (logsCache[buildId]) {\n        setLogs(logsCache[buildId]);\n      } else {\n        fetchLogs();\n      }\n    }\n  }, [buildId, open, fetchLogs, logsCache]);\n\n  return (\n    <Drawer\n      anchor=\"right\"\n      open={open}\n      onClose={onClose}\n      classes={{\n        paper: classes.logDrawer,\n      }}\n    >\n      <div className={classes.content}>\n        <div className={classes.header}>\n          <Typography variant=\"h6\">\n            Build Logs {buildId ? `(Build #${buildId})` : ''}\n          </Typography>\n          <IconButton onClick={onClose} aria-label=\"close\">\n            <CloseIcon />\n          </IconButton>\n        </div>\n\n        {loading && <LinearProgress />}\n\n        {error && (\n          <Typography color=\"error\">\n            Error loading logs: {error.message}\n          </Typography>\n        )}\n\n        {!loading && !error && logs.length === 0 && (\n          <Typography>No logs available</Typography>\n        )}\n\n        {!loading && !error && logs.length > 0 && (\n          <Box component=\"pre\" className={classes.logContainer}>\n            {logs.join('\\n')}\n          </Box>\n        )}\n      </div>\n    </Drawer>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA6BA,MAAM,eAAA,GAAkB,WAAW,CAAU,KAAA,MAAA;AAAA,EAC3C,SAAW,EAAA;AAAA,IACT,KAAO,EAAA,KAAA;AAAA,IACP,QAAU,EAAA,OAAA;AAAA,IACV,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,GAC1B;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,IACT,cAAgB,EAAA,eAAA;AAAA,IAChB,UAAY,EAAA,QAAA;AAAA,IACZ,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC7B,YAAc,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA,CAAA;AAAA,IAChD,aAAA,EAAe,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,GAChC;AAAA,EACA,OAAS,EAAA;AAAA,IACP,MAAQ,EAAA,MAAA;AAAA,IACR,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA;AAAA,GACjB;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,QAAU,EAAA,CAAA;AAAA,IACV,QAAU,EAAA,MAAA;AAAA,IACV,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,OAAA;AAAA,IAC1C,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACxB,YAAA,EAAc,MAAM,KAAM,CAAA,YAAA;AAAA,IAC1B,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC1B,UAAA,EAAY,MAAM,UAAW,CAAA,UAAA;AAAA,IAC7B,QAAA,EAAU,MAAM,UAAW,CAAA;AAAA;AAE/B,CAAE,CAAA,CAAA;AAUK,MAAM,iBAAiB,CAAC;AAAA,EAC7B,OAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAA2B,KAAA;AACzB,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA;AAC7C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAA4B,EAAA;AACtD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAM,MAAA,QAAA,GAAW,OAAO,iBAAiB,CAAA;AACzC,EAAA,MAAM,UAAU,eAAgB,EAAA;AAEhC,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY;AACxC,IAAA,IAAI,CAAC,OAAS,EAAA;AACZ,MAAS,QAAA,CAAA,IAAI,KAAM,CAAA,sBAAsB,CAAC,CAAA;AAC1C,MAAA;AAAA;AAGF,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,QAAA,CAAS,KAAS,CAAA,CAAA;AAClB,IAAA,OAAA,CAAQ,EAAE,CAAA;AAEV,IAAI,IAAA;AACF,MAAA,MAAM,EAAE,OAAS,EAAA,IAAA,EAAM,GAAI,EAAA,GAAI,8BAA8B,MAAM,CAAA;AACnE,MAAM,MAAA,QAAA,GAAW,MAAM,QAAS,CAAA,cAAA;AAAA,QAC9B,OAAA;AAAA,QACA,mBAAmB,MAAM,CAAA;AAAA,QACzB,OAAA;AAAA,QACA,IAAA;AAAA,QACA;AAAA,OACF;AAEA,MAAA,OAAA,CAAQ,SAAS,GAAG,CAAA;AACpB,MAAY,WAAA,CAAA,OAAA,EAAS,SAAS,GAAG,CAAA;AAAA,aAC1B,GAAK,EAAA;AACZ,MAAA,QAAA,CAAS,GAAY,CAAA;AAAA,KACrB,SAAA;AACA,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA;AAClB,KACC,CAAC,OAAA,EAAS,MAAQ,EAAA,QAAA,EAAU,WAAW,CAAC,CAAA;AAG3C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAW,IAAM,EAAA;AAEnB,MAAI,IAAA,SAAA,CAAU,OAAO,CAAG,EAAA;AACtB,QAAQ,OAAA,CAAA,SAAA,CAAU,OAAO,CAAC,CAAA;AAAA,OACrB,MAAA;AACL,QAAU,SAAA,EAAA;AAAA;AACZ;AACF,KACC,CAAC,OAAA,EAAS,IAAM,EAAA,SAAA,EAAW,SAAS,CAAC,CAAA;AAExC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,MAAO,EAAA,OAAA;AAAA,MACP,IAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAS,EAAA;AAAA,QACP,OAAO,OAAQ,CAAA;AAAA;AACjB,KAAA;AAAA,oBAEC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,2BACrB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,0BACrB,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,IAAA,EAAA,EAAK,eACX,OAAU,GAAA,CAAA,QAAA,EAAW,OAAO,CAAA,CAAA,CAAA,GAAM,EAChD,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAS,SAAS,YAAW,EAAA,OAAA,EAAA,kBACtC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,IAAU,CACb,CACF,CAAA,EAEC,OAAW,oBAAA,KAAA,CAAA,aAAA,CAAC,oBAAe,CAE3B,EAAA,KAAA,oBACE,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAM,EAAA,OAAA,EAAA,EAAQ,sBACH,EAAA,KAAA,CAAM,OAC7B,CAGD,EAAA,CAAC,OAAW,IAAA,CAAC,SAAS,IAAK,CAAA,MAAA,KAAW,CACrC,oBAAA,KAAA,CAAA,aAAA,CAAC,kBAAW,mBAAiB,CAAA,EAG9B,CAAC,OAAA,IAAW,CAAC,KAAS,IAAA,IAAA,CAAK,MAAS,GAAA,CAAA,wCAClC,GAAI,EAAA,EAAA,SAAA,EAAU,KAAM,EAAA,SAAA,EAAW,QAAQ,YACrC,EAAA,EAAA,IAAA,CAAK,IAAK,CAAA,IAAI,CACjB,CAEJ;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"BuildLogDrawer.esm.js","sources":["../../../../../src/components/BuildTable/lib/BuildLogDrawer/BuildLogDrawer.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 { useState, useEffect, useCallback } from 'react';\nimport Drawer from '@material-ui/core/Drawer';\nimport Typography from '@material-ui/core/Typography';\nimport LinearProgress from '@material-ui/core/LinearProgress';\nimport Box from '@material-ui/core/Box';\nimport IconButton from '@material-ui/core/IconButton';\nimport { makeStyles } from '@material-ui/core/styles';\nimport CloseIcon from '@material-ui/icons/Close';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { azureDevOpsApiRef } from '../../../../api';\nimport { getAnnotationValuesFromEntity } from '../../../../utils';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { useEntity } from '@backstage/plugin-catalog-react';\n\nconst useDrawerStyles = makeStyles(theme => ({\n  logDrawer: {\n    width: '40%',\n    minWidth: '500px',\n    padding: theme.spacing(2),\n  },\n  header: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    marginBottom: theme.spacing(2),\n    borderBottom: `1px solid ${theme.palette.divider}`,\n    paddingBottom: theme.spacing(1),\n  },\n  content: {\n    height: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  logContainer: {\n    flexGrow: 1,\n    overflow: 'auto',\n    backgroundColor: theme.palette.background.default,\n    padding: theme.spacing(2),\n    borderRadius: theme.shape.borderRadius,\n    marginTop: theme.spacing(2),\n    fontFamily: theme.typography.fontFamily,\n    fontSize: theme.typography.fontSize,\n  },\n}));\n\ntype BuildLogDrawerProps = {\n  buildId?: number;\n  open: boolean;\n  onClose: () => void;\n  logsCache: Record<number, string[]>;\n  updateCache: (buildId: number, logs: string[]) => void;\n};\n\nexport const BuildLogDrawer = ({\n  buildId,\n  open,\n  onClose,\n  logsCache,\n  updateCache,\n}: BuildLogDrawerProps) => {\n  const [loading, setLoading] = useState(false);\n  const [logs, setLogs] = useState<string[]>([]);\n  const [error, setError] = useState<Error | undefined>();\n  const { entity } = useEntity();\n  const azureApi = useApi(azureDevOpsApiRef);\n  const classes = useDrawerStyles();\n\n  const fetchLogs = useCallback(async () => {\n    if (!buildId) {\n      setError(new Error('Missing ID for build'));\n      return;\n    }\n\n    setLoading(true);\n    setError(undefined);\n    setLogs([]);\n\n    try {\n      const { project, host, org } = getAnnotationValuesFromEntity(entity);\n      const response = await azureApi.getBuildRunLog(\n        project,\n        stringifyEntityRef(entity),\n        buildId,\n        host,\n        org,\n      );\n\n      setLogs(response.log);\n      updateCache(buildId, response.log);\n    } catch (err) {\n      setError(err as Error);\n    } finally {\n      setLoading(false);\n    }\n  }, [buildId, entity, azureApi, updateCache]);\n\n  // Reset logs when a different build is selected\n  useEffect(() => {\n    if (buildId && open) {\n      // Check logs in cache first\n      if (logsCache[buildId]) {\n        setLogs(logsCache[buildId]);\n      } else {\n        fetchLogs();\n      }\n    }\n  }, [buildId, open, fetchLogs, logsCache]);\n\n  return (\n    <Drawer\n      anchor=\"right\"\n      open={open}\n      onClose={onClose}\n      classes={{\n        paper: classes.logDrawer,\n      }}\n    >\n      <div className={classes.content}>\n        <div className={classes.header}>\n          <Typography variant=\"h6\">\n            Build Logs {buildId ? `(Build #${buildId})` : ''}\n          </Typography>\n          <IconButton onClick={onClose} aria-label=\"close\">\n            <CloseIcon />\n          </IconButton>\n        </div>\n\n        {loading && <LinearProgress />}\n\n        {error && (\n          <Typography color=\"error\">\n            Error loading logs: {error.message}\n          </Typography>\n        )}\n\n        {!loading && !error && logs.length === 0 && (\n          <Typography>No logs available</Typography>\n        )}\n\n        {!loading && !error && logs.length > 0 && (\n          <Box component=\"pre\" className={classes.logContainer}>\n            {logs.join('\\n')}\n          </Box>\n        )}\n      </div>\n    </Drawer>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/EntityPageAzureGitTags/EntityPageAzureGitTags.esm.js

@@ -1,20 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
 import { azureDevOpsGitTagReadPermission } from '@backstage-community/plugin-azure-devops-common';
 import { GitTagTable } from '../GitTagTable/GitTagTable.esm.js';
-import React from 'react';
 import { stringifyEntityRef } from '@backstage/catalog-model';
 import { useEntity } from '@backstage/plugin-catalog-react';
 import { RequirePermission } from '@backstage/plugin-permission-react';
 
 const EntityPageAzureGitTags = () => {
   const { entity } = useEntity();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     RequirePermission,
     {
       permission: azureDevOpsGitTagReadPermission,
       resourceRef: stringifyEntityRef(entity),
-      errorPage: null
-    },
-    /* @__PURE__ */ React.createElement(GitTagTable, null)
+      errorPage: null,
+      children: /* @__PURE__ */ jsx(GitTagTable, {})
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"EntityPageAzureGitTags.esm.js","sources":["../../../src/components/EntityPageAzureGitTags/EntityPageAzureGitTags.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { azureDevOpsGitTagReadPermission } from '@backstage-community/plugin-azure-devops-common';\nimport { GitTagTable } from '../GitTagTable/GitTagTable';\nimport React from 'react';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\n\nexport const EntityPageAzureGitTags = () => {\n  const { entity } = useEntity();\n  return (\n    <RequirePermission\n      permission={azureDevOpsGitTagReadPermission}\n      resourceRef={stringifyEntityRef(entity)}\n      errorPage={null}\n    >\n      <GitTagTable />\n    </RequirePermission>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAuBO,MAAM,yBAAyB,MAAM;AAC1C,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,+BAAA;AAAA,MACZ,WAAA,EAAa,mBAAmB,MAAM,CAAA;AAAA,MACtC,SAAW,EAAA;AAAA,KAAA;AAAA,wCAEV,WAAY,EAAA,IAAA;AAAA,GACf;AAEJ;;;;"}
+{"version":3,"file":"EntityPageAzureGitTags.esm.js","sources":["../../../src/components/EntityPageAzureGitTags/EntityPageAzureGitTags.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { azureDevOpsGitTagReadPermission } from '@backstage-community/plugin-azure-devops-common';\nimport { GitTagTable } from '../GitTagTable/GitTagTable';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\n\nexport const EntityPageAzureGitTags = () => {\n  const { entity } = useEntity();\n  return (\n    <RequirePermission\n      permission={azureDevOpsGitTagReadPermission}\n      resourceRef={stringifyEntityRef(entity)}\n      errorPage={null}\n    >\n      <GitTagTable />\n    </RequirePermission>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAsBO,MAAM,yBAAyB,MAAM;AAC1C,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EACE,uBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,+BAAA;AAAA,MACZ,WAAA,EAAa,mBAAmB,MAAM,CAAA;AAAA,MACtC,SAAW,EAAA,IAAA;AAAA,MAEX,8BAAC,WAAY,EAAA,EAAA;AAAA;AAAA,GACf;AAEJ;;;;"}

package/dist/components/EntityPageAzurePipelines/EntityPageAzurePipelines.esm.js

@@ -1,11 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
 import { BuildTable } from '../BuildTable/BuildTable.esm.js';
-import React from 'react';
 import '../../api/AzureDevOpsApi.esm.js';
 import '@backstage/errors';
 import '@backstage/core-plugin-api';
 import 'react-use/esm/useAsync';
 import 'react-use/esm/useAsyncRetry';
 import 'react-use/esm/useInterval';
+import 'react';
 import { azureDevOpsPipelineReadPermission } from '@backstage-community/plugin-azure-devops-common';
 import { stringifyEntityRef } from '@backstage/catalog-model';
 import 'luxon';
@@ -17,14 +18,14 @@ import { RequirePermission } from '@backstage/plugin-permission-react';
 const EntityPageAzurePipelines = (props) => {
   const { entity } = useEntity();
   const { items, loading, error } = useBuildRuns(entity, props.defaultLimit);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     RequirePermission,
     {
       permission: azureDevOpsPipelineReadPermission,
       resourceRef: stringifyEntityRef(entity),
-      errorPage: null
-    },
-    /* @__PURE__ */ React.createElement(BuildTable, { items, loading, error })
+      errorPage: null,
+      children: /* @__PURE__ */ jsx(BuildTable, { items, loading, error })
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"EntityPageAzurePipelines.esm.js","sources":["../../../src/components/EntityPageAzurePipelines/EntityPageAzurePipelines.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { BuildTable } from '../BuildTable/BuildTable';\nimport React from 'react';\nimport { useBuildRuns } from '../../hooks';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { azureDevOpsPipelineReadPermission } from '@backstage-community/plugin-azure-devops-common';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\n\nexport const EntityPageAzurePipelines = (props: { defaultLimit?: number }) => {\n  const { entity } = useEntity();\n\n  const { items, loading, error } = useBuildRuns(entity, props.defaultLimit);\n\n  return (\n    <RequirePermission\n      permission={azureDevOpsPipelineReadPermission}\n      resourceRef={stringifyEntityRef(entity)}\n      errorPage={null}\n    >\n      <BuildTable items={items} loading={loading} error={error} />\n    </RequirePermission>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAwBa,MAAA,wBAAA,GAA2B,CAAC,KAAqC,KAAA;AAC5E,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAE7B,EAAM,MAAA,EAAE,OAAO,OAAS,EAAA,KAAA,KAAU,YAAa,CAAA,MAAA,EAAQ,MAAM,YAAY,CAAA;AAEzE,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,iCAAA;AAAA,MACZ,WAAA,EAAa,mBAAmB,MAAM,CAAA;AAAA,MACtC,SAAW,EAAA;AAAA,KAAA;AAAA,oBAEV,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAc,EAAA,OAAA,EAAkB,KAAc,EAAA;AAAA,GAC5D;AAEJ;;;;"}
+{"version":3,"file":"EntityPageAzurePipelines.esm.js","sources":["../../../src/components/EntityPageAzurePipelines/EntityPageAzurePipelines.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { BuildTable } from '../BuildTable/BuildTable';\nimport { useBuildRuns } from '../../hooks';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { azureDevOpsPipelineReadPermission } from '@backstage-community/plugin-azure-devops-common';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\n\nexport const EntityPageAzurePipelines = (props: { defaultLimit?: number }) => {\n  const { entity } = useEntity();\n\n  const { items, loading, error } = useBuildRuns(entity, props.defaultLimit);\n\n  return (\n    <RequirePermission\n      permission={azureDevOpsPipelineReadPermission}\n      resourceRef={stringifyEntityRef(entity)}\n      errorPage={null}\n    >\n      <BuildTable items={items} loading={loading} error={error} />\n    </RequirePermission>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAuBa,MAAA,wBAAA,GAA2B,CAAC,KAAqC,KAAA;AAC5E,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAE7B,EAAM,MAAA,EAAE,OAAO,OAAS,EAAA,KAAA,KAAU,YAAa,CAAA,MAAA,EAAQ,MAAM,YAAY,CAAA;AAEzE,EACE,uBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,iCAAA;AAAA,MACZ,WAAA,EAAa,mBAAmB,MAAM,CAAA;AAAA,MACtC,SAAW,EAAA,IAAA;AAAA,MAEX,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,KAAc,EAAA,OAAA,EAAkB,KAAc,EAAA;AAAA;AAAA,GAC5D;AAEJ;;;;"}

package/dist/components/EntityPageAzurePullRequests/EntityPageAzurePullRequests.esm.js

@@ -1,20 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
 import { azureDevOpsPullRequestReadPermission } from '@backstage-community/plugin-azure-devops-common';
 import { PullRequestTable } from '../PullRequestTable/PullRequestTable.esm.js';
-import React from 'react';
 import { RequirePermission } from '@backstage/plugin-permission-react';
 import { useEntity } from '@backstage/plugin-catalog-react';
 import { stringifyEntityRef } from '@backstage/catalog-model';
 
 const EntityPageAzurePullRequests = (props) => {
   const { entity } = useEntity();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     RequirePermission,
     {
       permission: azureDevOpsPullRequestReadPermission,
       resourceRef: stringifyEntityRef(entity),
-      errorPage: null
-    },
-    /* @__PURE__ */ React.createElement(PullRequestTable, { defaultLimit: props.defaultLimit })
+      errorPage: null,
+      children: /* @__PURE__ */ jsx(PullRequestTable, { defaultLimit: props.defaultLimit })
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"EntityPageAzurePullRequests.esm.js","sources":["../../../src/components/EntityPageAzurePullRequests/EntityPageAzurePullRequests.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { azureDevOpsPullRequestReadPermission } from '@backstage-community/plugin-azure-devops-common';\nimport { PullRequestTable } from '../PullRequestTable/PullRequestTable';\nimport React from 'react';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\n\nexport const EntityPageAzurePullRequests = (props: {\n  defaultLimit?: number;\n}) => {\n  const { entity } = useEntity();\n  return (\n    <RequirePermission\n      permission={azureDevOpsPullRequestReadPermission}\n      resourceRef={stringifyEntityRef(entity)}\n      errorPage={null}\n    >\n      <PullRequestTable defaultLimit={props.defaultLimit} />\n    </RequirePermission>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAuBa,MAAA,2BAAA,GAA8B,CAAC,KAEtC,KAAA;AACJ,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,oCAAA;AAAA,MACZ,WAAA,EAAa,mBAAmB,MAAM,CAAA;AAAA,MACtC,SAAW,EAAA;AAAA,KAAA;AAAA,oBAEV,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAiB,YAAc,EAAA,KAAA,CAAM,YAAc,EAAA;AAAA,GACtD;AAEJ;;;;"}
+{"version":3,"file":"EntityPageAzurePullRequests.esm.js","sources":["../../../src/components/EntityPageAzurePullRequests/EntityPageAzurePullRequests.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { azureDevOpsPullRequestReadPermission } from '@backstage-community/plugin-azure-devops-common';\nimport { PullRequestTable } from '../PullRequestTable/PullRequestTable';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\n\nexport const EntityPageAzurePullRequests = (props: {\n  defaultLimit?: number;\n}) => {\n  const { entity } = useEntity();\n  return (\n    <RequirePermission\n      permission={azureDevOpsPullRequestReadPermission}\n      resourceRef={stringifyEntityRef(entity)}\n      errorPage={null}\n    >\n      <PullRequestTable defaultLimit={props.defaultLimit} />\n    </RequirePermission>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAsBa,MAAA,2BAAA,GAA8B,CAAC,KAEtC,KAAA;AACJ,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EACE,uBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,oCAAA;AAAA,MACZ,WAAA,EAAa,mBAAmB,MAAM,CAAA;AAAA,MACtC,SAAW,EAAA,IAAA;AAAA,MAEX,QAAC,kBAAA,GAAA,CAAA,gBAAA,EAAA,EAAiB,YAAc,EAAA,KAAA,CAAM,YAAc,EAAA;AAAA;AAAA,GACtD;AAEJ;;;;"}

package/dist/components/GitTagTable/GitTagTable.esm.js

@@ -1,6 +1,6 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import Box from '@material-ui/core/Box';
 import { ResponseErrorPanel, Table, Link } from '@backstage/core-components';
-import React from 'react';
 import { AzureGitTagsIcon } from '../AzureGitTagsIcon/AzureGitTagsIcon.esm.js';
 import { useEntity } from '@backstage/plugin-catalog-react';
 import { useGitTags } from '../../hooks/useGitTags.esm.js';
@@ -12,13 +12,13 @@ const columns = [
     highlight: false,
     defaultSort: "desc",
     width: "auto",
-    render: (row) => /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(Link, { to: row.link ?? "" }, row.name))
+    render: (row) => /* @__PURE__ */ jsx(Box, { display: "flex", alignItems: "center", children: /* @__PURE__ */ jsx(Link, { to: row.link ?? "", children: row.name }) })
   },
   {
     title: "Commit",
     field: "peeledObjectId",
     width: "auto",
-    render: (row) => /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(Link, { to: row.commitLink ?? "" }, row.peeledObjectId))
+    render: (row) => /* @__PURE__ */ jsx(Box, { display: "flex", alignItems: "center", children: /* @__PURE__ */ jsx(Link, { to: row.commitLink ?? "", children: row.peeledObjectId }) })
   },
   {
     title: "Created By",
@@ -30,9 +30,9 @@ const GitTagTable = () => {
   const { entity } = useEntity();
   const { items, loading, error } = useGitTags(entity);
   if (error) {
-    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+    return /* @__PURE__ */ jsx(ResponseErrorPanel, { error });
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Table,
     {
       isLoading: loading,
@@ -43,7 +43,13 @@ const GitTagTable = () => {
         pageSize: 5,
         showEmptyDataSourceMessage: !loading
       },
-      title: /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(AzureGitTagsIcon, { style: { fontSize: 30 } }), /* @__PURE__ */ React.createElement(Box, { mr: 1 }), "Azure Repos - Git Tags (", items ? items.length : 0, ")"),
+      title: /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(AzureGitTagsIcon, { style: { fontSize: 30 } }),
+        /* @__PURE__ */ jsx(Box, { mr: 1 }),
+        "Azure Repos - Git Tags (",
+        items ? items.length : 0,
+        ")"
+      ] }),
       data: items ?? []
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"GitTagTable.esm.js","sources":["../../../src/components/GitTagTable/GitTagTable.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport Box from '@material-ui/core/Box';\nimport {\n  Link,\n  ResponseErrorPanel,\n  Table,\n  TableColumn,\n} from '@backstage/core-components';\nimport { GitTag } from '@backstage-community/plugin-azure-devops-common';\nimport React from 'react';\n\nimport { AzureGitTagsIcon } from '../AzureGitTagsIcon';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { useGitTags } from '../../hooks/useGitTags';\n\nconst columns: TableColumn[] = [\n  {\n    title: 'Tag',\n    field: 'name',\n    highlight: false,\n    defaultSort: 'desc',\n    width: 'auto',\n    render: (row: Partial<GitTag>) => (\n      <Box display=\"flex\" alignItems=\"center\">\n        <Link to={row.link ?? ''}>{row.name}</Link>\n      </Box>\n    ),\n  },\n  {\n    title: 'Commit',\n    field: 'peeledObjectId',\n    width: 'auto',\n    render: (row: Partial<GitTag>) => (\n      <Box display=\"flex\" alignItems=\"center\">\n        <Link to={row.commitLink ?? ''}>{row.peeledObjectId}</Link>\n      </Box>\n    ),\n  },\n  {\n    title: 'Created By',\n    field: 'createdBy',\n    width: 'auto',\n  },\n];\n\nexport const GitTagTable = () => {\n  const { entity } = useEntity();\n\n  const { items, loading, error } = useGitTags(entity);\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  return (\n    <Table\n      isLoading={loading}\n      columns={columns}\n      options={{\n        search: true,\n        paging: true,\n        pageSize: 5,\n        showEmptyDataSourceMessage: !loading,\n      }}\n      title={\n        <Box display=\"flex\" alignItems=\"center\">\n          <AzureGitTagsIcon style={{ fontSize: 30 }} />\n          <Box mr={1} />\n          Azure Repos - Git Tags ({items ? items.length : 0})\n        </Box>\n      }\n      data={items ?? []}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA8BA,MAAM,OAAyB,GAAA;AAAA,EAC7B;AAAA,IACE,KAAO,EAAA,KAAA;AAAA,IACP,KAAO,EAAA,MAAA;AAAA,IACP,SAAW,EAAA,KAAA;AAAA,IACX,WAAa,EAAA,MAAA;AAAA,IACb,KAAO,EAAA,MAAA;AAAA,IACP,QAAQ,CAAC,GAAA,qBACN,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAQ,MAAO,EAAA,UAAA,EAAW,QAC7B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,EAAI,EAAA,GAAA,CAAI,QAAQ,EAAK,EAAA,EAAA,GAAA,CAAI,IAAK,CACtC;AAAA,GAEJ;AAAA,EACA;AAAA,IACE,KAAO,EAAA,QAAA;AAAA,IACP,KAAO,EAAA,gBAAA;AAAA,IACP,KAAO,EAAA,MAAA;AAAA,IACP,QAAQ,CAAC,GAAA,qBACN,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAQ,MAAO,EAAA,UAAA,EAAW,QAC7B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,EAAI,EAAA,GAAA,CAAI,cAAc,EAAK,EAAA,EAAA,GAAA,CAAI,cAAe,CACtD;AAAA,GAEJ;AAAA,EACA;AAAA,IACE,KAAO,EAAA,YAAA;AAAA,IACP,KAAO,EAAA,WAAA;AAAA,IACP,KAAO,EAAA;AAAA;AAEX,CAAA;AAEO,MAAM,cAAc,MAAM;AAC/B,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAE7B,EAAA,MAAM,EAAE,KAAO,EAAA,OAAA,EAAS,KAAM,EAAA,GAAI,WAAW,MAAM,CAAA;AAEnD,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,KAAc,EAAA,CAAA;AAAA;AAG3C,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,OAAA;AAAA,MACX,OAAA;AAAA,MACA,OAAS,EAAA;AAAA,QACP,MAAQ,EAAA,IAAA;AAAA,QACR,MAAQ,EAAA,IAAA;AAAA,QACR,QAAU,EAAA,CAAA;AAAA,QACV,4BAA4B,CAAC;AAAA,OAC/B;AAAA,MACA,KAAA,kBACG,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,OAAQ,EAAA,MAAA,EAAO,YAAW,QAC7B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,gBAAiB,EAAA,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,IAAM,EAAA,CAAA,kBAC1C,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EAAG,CAAE,EAAA,0BAAA,EACW,KAAQ,GAAA,KAAA,CAAM,MAAS,GAAA,CAAA,EAAE,GACpD,CAAA;AAAA,MAEF,IAAA,EAAM,SAAS;AAAC;AAAA,GAClB;AAEJ;;;;"}
+{"version":3,"file":"GitTagTable.esm.js","sources":["../../../src/components/GitTagTable/GitTagTable.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport Box from '@material-ui/core/Box';\nimport {\n  Link,\n  ResponseErrorPanel,\n  Table,\n  TableColumn,\n} from '@backstage/core-components';\nimport { GitTag } from '@backstage-community/plugin-azure-devops-common';\n\nimport { AzureGitTagsIcon } from '../AzureGitTagsIcon';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { useGitTags } from '../../hooks/useGitTags';\n\nconst columns: TableColumn[] = [\n  {\n    title: 'Tag',\n    field: 'name',\n    highlight: false,\n    defaultSort: 'desc',\n    width: 'auto',\n    render: (row: Partial<GitTag>) => (\n      <Box display=\"flex\" alignItems=\"center\">\n        <Link to={row.link ?? ''}>{row.name}</Link>\n      </Box>\n    ),\n  },\n  {\n    title: 'Commit',\n    field: 'peeledObjectId',\n    width: 'auto',\n    render: (row: Partial<GitTag>) => (\n      <Box display=\"flex\" alignItems=\"center\">\n        <Link to={row.commitLink ?? ''}>{row.peeledObjectId}</Link>\n      </Box>\n    ),\n  },\n  {\n    title: 'Created By',\n    field: 'createdBy',\n    width: 'auto',\n  },\n];\n\nexport const GitTagTable = () => {\n  const { entity } = useEntity();\n\n  const { items, loading, error } = useGitTags(entity);\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  return (\n    <Table\n      isLoading={loading}\n      columns={columns}\n      options={{\n        search: true,\n        paging: true,\n        pageSize: 5,\n        showEmptyDataSourceMessage: !loading,\n      }}\n      title={\n        <Box display=\"flex\" alignItems=\"center\">\n          <AzureGitTagsIcon style={{ fontSize: 30 }} />\n          <Box mr={1} />\n          Azure Repos - Git Tags ({items ? items.length : 0})\n        </Box>\n      }\n      data={items ?? []}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA6BA,MAAM,OAAyB,GAAA;AAAA,EAC7B;AAAA,IACE,KAAO,EAAA,KAAA;AAAA,IACP,KAAO,EAAA,MAAA;AAAA,IACP,SAAW,EAAA,KAAA;AAAA,IACX,WAAa,EAAA,MAAA;AAAA,IACb,KAAO,EAAA,MAAA;AAAA,IACP,QAAQ,CAAC,GAAA,qBACN,GAAA,CAAA,GAAA,EAAA,EAAI,SAAQ,MAAO,EAAA,UAAA,EAAW,QAC7B,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAK,EAAI,EAAA,GAAA,CAAI,QAAQ,EAAK,EAAA,QAAA,EAAA,GAAA,CAAI,MAAK,CACtC,EAAA;AAAA,GAEJ;AAAA,EACA;AAAA,IACE,KAAO,EAAA,QAAA;AAAA,IACP,KAAO,EAAA,gBAAA;AAAA,IACP,KAAO,EAAA,MAAA;AAAA,IACP,QAAQ,CAAC,GAAA,qBACN,GAAA,CAAA,GAAA,EAAA,EAAI,SAAQ,MAAO,EAAA,UAAA,EAAW,QAC7B,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAK,EAAI,EAAA,GAAA,CAAI,cAAc,EAAK,EAAA,QAAA,EAAA,GAAA,CAAI,gBAAe,CACtD,EAAA;AAAA,GAEJ;AAAA,EACA;AAAA,IACE,KAAO,EAAA,YAAA;AAAA,IACP,KAAO,EAAA,WAAA;AAAA,IACP,KAAO,EAAA;AAAA;AAEX,CAAA;AAEO,MAAM,cAAc,MAAM;AAC/B,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAE7B,EAAA,MAAM,EAAE,KAAO,EAAA,OAAA,EAAS,KAAM,EAAA,GAAI,WAAW,MAAM,CAAA;AAEnD,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,uBAAA,GAAA,CAAC,sBAAmB,KAAc,EAAA,CAAA;AAAA;AAG3C,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,OAAA;AAAA,MACX,OAAA;AAAA,MACA,OAAS,EAAA;AAAA,QACP,MAAQ,EAAA,IAAA;AAAA,QACR,MAAQ,EAAA,IAAA;AAAA,QACR,QAAU,EAAA,CAAA;AAAA,QACV,4BAA4B,CAAC;AAAA,OAC/B;AAAA,MACA,uBACG,IAAA,CAAA,GAAA,EAAA,EAAI,OAAQ,EAAA,MAAA,EAAO,YAAW,QAC7B,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,gBAAiB,EAAA,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,IAAM,EAAA,CAAA;AAAA,wBAC3C,GAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,CAAA;AAAA,QAAE,0BAAA;AAAA,QACW,KAAA,GAAQ,MAAM,MAAS,GAAA,CAAA;AAAA,QAAE;AAAA,OACpD,EAAA,CAAA;AAAA,MAEF,IAAA,EAAM,SAAS;AAAC;AAAA,GAClB;AAEJ;;;;"}