@backstage-community/plugin-multi-source-security-viewer 0.2.3 → 0.3.2

package/dist/components/PipelineRunList/PipelineRunList.esm.js

@@ -1,4 +1,5 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useRef, useMemo, useEffect, Fragment } from 'react';
 import { debounce } from 'lodash';
 import { PipelineRunTable } from './PipelineRunTable.esm.js';
 import { PipelineRunToolbar } from './PipelineRunToolbar.esm.js';
@@ -11,11 +12,11 @@ const PipelineRunList = ({
   error,
   onUpdatePagination
 }) => {
-  const [namefilter, setNameFilter] = React.useState("");
-  const [page, setPage] = React.useState(0);
-  const [rowsPerPage, setRowsPerPage] = React.useState(5);
-  const [count, setCount] = React.useState(0);
-  const searchInputRef = React.useRef(null);
+  const [namefilter, setNameFilter] = useState("");
+  const [page, setPage] = useState(0);
+  const [rowsPerPage, setRowsPerPage] = useState(5);
+  const [count, setCount] = useState(0);
+  const searchInputRef = useRef(null);
   const handleChangePage = (newPage) => {
     setPage(newPage);
     onUpdatePagination(newPage, rowsPerPage);
@@ -25,7 +26,7 @@ const PipelineRunList = ({
     setPage(0);
     onUpdatePagination(0, page * rows + rows);
   };
-  const filteredData = React.useMemo(() => {
+  const filteredData = useMemo(() => {
     return data?.filter(
       (row) => row?.id?.toString().toLocaleLowerCase().includes(namefilter)
     );
@@ -39,33 +40,36 @@ const PipelineRunList = ({
       searchInputRef.current.value = "";
     }
   };
-  React.useEffect(() => {
+  useEffect(() => {
     if (!loading) {
       setCount((prev) => totalCount > 0 ? totalCount : prev);
     }
   }, [loading, totalCount]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(
-    PipelineRunToolbar,
-    {
-      onSearch,
-      searchInputRef,
-      totalCount: totalCount > 0 ? totalCount : count,
-      page,
-      rowSize: [5, 10, 20],
-      rowsPerPage,
-      handleChangePage,
-      handleChangeRowsPerPage
-    }
-  )), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(
-    PipelineRunTable,
-    {
-      data: filteredData ?? [],
-      filterInput: namefilter,
-      filterClearAction,
-      isLoading: loading,
-      error
-    }
-  ))));
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+      PipelineRunToolbar,
+      {
+        onSearch,
+        searchInputRef,
+        totalCount: totalCount > 0 ? totalCount : count,
+        page,
+        rowSize: [5, 10, 20],
+        rowsPerPage,
+        handleChangePage,
+        handleChangeRowsPerPage
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+      PipelineRunTable,
+      {
+        data: filteredData ?? [],
+        filterInput: namefilter,
+        filterClearAction,
+        isLoading: loading,
+        error
+      }
+    ) })
+  ] }) });
 };
 
 export { PipelineRunList };

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

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunList.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunList.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { debounce } from 'lodash';\nimport { PipelineRunTable } from './PipelineRunTable';\nimport { PipelineRunToolbar } from './PipelineRunToolbar';\nimport { Box } from '@material-ui/core';\nimport { PipelineRunResult } from '../../models/pipelineRunResult';\n\ntype PipelineRunListProps = {\n  data: PipelineRunResult[] | null;\n  totalCount: number;\n  loading: boolean;\n  error: Error | null;\n  onUpdatePagination: (start: number, end: number) => void;\n};\n\nexport const PipelineRunList: React.FC<PipelineRunListProps> = ({\n  data,\n  totalCount,\n  loading,\n  error,\n  onUpdatePagination,\n}) => {\n  const [namefilter, setNameFilter] = React.useState('');\n  const [page, setPage] = React.useState(0);\n  const [rowsPerPage, setRowsPerPage] = React.useState(5);\n  const [count, setCount] = React.useState(0);\n  const searchInputRef = React.useRef<HTMLInputElement | null>(null);\n\n  const handleChangePage = (newPage: number) => {\n    setPage(newPage);\n    onUpdatePagination(newPage, rowsPerPage);\n  };\n\n  const handleChangeRowsPerPage = (rows: number) => {\n    setRowsPerPage(rows);\n    setPage(0); // Set to zero when changing the number of rows\n    onUpdatePagination(0, page * rows + rows);\n  };\n\n  const filteredData = React.useMemo(() => {\n    return data?.filter((row: PipelineRunResult) =>\n      row?.id?.toString().toLocaleLowerCase().includes(namefilter),\n    );\n  }, [data, namefilter]);\n\n  const onSearch = debounce((n: string) => {\n    setNameFilter(n);\n  });\n\n  const filterClearAction = () => {\n    onSearch('');\n    if (searchInputRef.current) {\n      searchInputRef.current.value = '';\n    }\n  };\n\n  React.useEffect(() => {\n    if (!loading) {\n      // Keep count while fetching paginated data\n      setCount(prev => (totalCount > 0 ? totalCount : prev));\n    }\n  }, [loading, totalCount]);\n\n  return (\n    <React.Fragment>\n      <Box>\n        <Box>\n          <PipelineRunToolbar\n            onSearch={onSearch}\n            searchInputRef={searchInputRef}\n            totalCount={totalCount > 0 ? totalCount : count} // Initial count\n            page={page}\n            rowSize={[5, 10, 20]}\n            rowsPerPage={rowsPerPage}\n            handleChangePage={handleChangePage}\n            handleChangeRowsPerPage={handleChangeRowsPerPage}\n          />\n        </Box>\n        <Box>\n          <PipelineRunTable\n            data={filteredData ?? []}\n            filterInput={namefilter}\n            filterClearAction={filterClearAction}\n            isLoading={loading}\n            error={error}\n          />\n        </Box>\n      </Box>\n    </React.Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA8BO,MAAM,kBAAkD,CAAC;AAAA,EAC9D,IAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,UAAY,EAAA,aAAa,CAAI,GAAA,KAAA,CAAM,SAAS,EAAE,CAAA;AACrD,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AACxC,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AACtD,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAC1C,EAAM,MAAA,cAAA,GAAiB,KAAM,CAAA,MAAA,CAAgC,IAAI,CAAA;AAEjE,EAAM,MAAA,gBAAA,GAAmB,CAAC,OAAoB,KAAA;AAC5C,IAAA,OAAA,CAAQ,OAAO,CAAA;AACf,IAAA,kBAAA,CAAmB,SAAS,WAAW,CAAA;AAAA,GACzC;AAEA,EAAM,MAAA,uBAAA,GAA0B,CAAC,IAAiB,KAAA;AAChD,IAAA,cAAA,CAAe,IAAI,CAAA;AACnB,IAAA,OAAA,CAAQ,CAAC,CAAA;AACT,IAAmB,kBAAA,CAAA,CAAA,EAAG,IAAO,GAAA,IAAA,GAAO,IAAI,CAAA;AAAA,GAC1C;AAEA,EAAM,MAAA,YAAA,GAAe,KAAM,CAAA,OAAA,CAAQ,MAAM;AACvC,IAAA,OAAO,IAAM,EAAA,MAAA;AAAA,MAAO,CAAC,QACnB,GAAK,EAAA,EAAA,EAAI,UAAW,CAAA,iBAAA,EAAoB,CAAA,QAAA,CAAS,UAAU;AAAA,KAC7D;AAAA,GACC,EAAA,CAAC,IAAM,EAAA,UAAU,CAAC,CAAA;AAErB,EAAM,MAAA,QAAA,GAAW,QAAS,CAAA,CAAC,CAAc,KAAA;AACvC,IAAA,aAAA,CAAc,CAAC,CAAA;AAAA,GAChB,CAAA;AAED,EAAA,MAAM,oBAAoB,MAAM;AAC9B,IAAA,QAAA,CAAS,EAAE,CAAA;AACX,IAAA,IAAI,eAAe,OAAS,EAAA;AAC1B,MAAA,cAAA,CAAe,QAAQ,KAAQ,GAAA,EAAA;AAAA;AACjC,GACF;AAEA,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,CAAC,OAAS,EAAA;AAEZ,MAAA,QAAA,CAAS,CAAS,IAAA,KAAA,UAAA,GAAa,CAAI,GAAA,UAAA,GAAa,IAAK,CAAA;AAAA;AACvD,GACC,EAAA,CAAC,OAAS,EAAA,UAAU,CAAC,CAAA;AAExB,EAAA,2CACG,KAAM,CAAA,QAAA,EAAN,sBACE,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,sCACE,GACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,QAAA;AAAA,MACA,cAAA;AAAA,MACA,UAAA,EAAY,UAAa,GAAA,CAAA,GAAI,UAAa,GAAA,KAAA;AAAA,MAC1C,IAAA;AAAA,MACA,OAAS,EAAA,CAAC,CAAG,EAAA,EAAA,EAAI,EAAE,CAAA;AAAA,MACnB,WAAA;AAAA,MACA,gBAAA;AAAA,MACA;AAAA;AAAA,GAEJ,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,GACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,gBAAgB,EAAC;AAAA,MACvB,WAAa,EAAA,UAAA;AAAA,MACb,iBAAA;AAAA,MACA,SAAW,EAAA,OAAA;AAAA,MACX;AAAA;AAAA,GAEJ,CACF,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PipelineRunList.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunList.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport type { FC } from 'react';\n\nimport { useState, useRef, useMemo, useEffect, Fragment } from 'react';\nimport { debounce } from 'lodash';\nimport { PipelineRunTable } from './PipelineRunTable';\nimport { PipelineRunToolbar } from './PipelineRunToolbar';\nimport { Box } from '@material-ui/core';\nimport { PipelineRunResult } from '../../models/pipelineRunResult';\n\ntype PipelineRunListProps = {\n  data: PipelineRunResult[] | null;\n  totalCount: number;\n  loading: boolean;\n  error: Error | null;\n  onUpdatePagination: (start: number, end: number) => void;\n};\n\nexport const PipelineRunList: FC<PipelineRunListProps> = ({\n  data,\n  totalCount,\n  loading,\n  error,\n  onUpdatePagination,\n}) => {\n  const [namefilter, setNameFilter] = useState('');\n  const [page, setPage] = useState(0);\n  const [rowsPerPage, setRowsPerPage] = useState(5);\n  const [count, setCount] = useState(0);\n  const searchInputRef = useRef<HTMLInputElement | null>(null);\n\n  const handleChangePage = (newPage: number) => {\n    setPage(newPage);\n    onUpdatePagination(newPage, rowsPerPage);\n  };\n\n  const handleChangeRowsPerPage = (rows: number) => {\n    setRowsPerPage(rows);\n    setPage(0); // Set to zero when changing the number of rows\n    onUpdatePagination(0, page * rows + rows);\n  };\n\n  const filteredData = useMemo(() => {\n    return data?.filter((row: PipelineRunResult) =>\n      row?.id?.toString().toLocaleLowerCase().includes(namefilter),\n    );\n  }, [data, namefilter]);\n\n  const onSearch = debounce((n: string) => {\n    setNameFilter(n);\n  });\n\n  const filterClearAction = () => {\n    onSearch('');\n    if (searchInputRef.current) {\n      searchInputRef.current.value = '';\n    }\n  };\n\n  useEffect(() => {\n    if (!loading) {\n      // Keep count while fetching paginated data\n      setCount(prev => (totalCount > 0 ? totalCount : prev));\n    }\n  }, [loading, totalCount]);\n\n  return (\n    <Fragment>\n      <Box>\n        <Box>\n          <PipelineRunToolbar\n            onSearch={onSearch}\n            searchInputRef={searchInputRef}\n            totalCount={totalCount > 0 ? totalCount : count} // Initial count\n            page={page}\n            rowSize={[5, 10, 20]}\n            rowsPerPage={rowsPerPage}\n            handleChangePage={handleChangePage}\n            handleChangeRowsPerPage={handleChangeRowsPerPage}\n          />\n        </Box>\n        <Box>\n          <PipelineRunTable\n            data={filteredData ?? []}\n            filterInput={namefilter}\n            filterClearAction={filterClearAction}\n            isLoading={loading}\n            error={error}\n          />\n        </Box>\n      </Box>\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAgCO,MAAM,kBAA4C,CAAC;AAAA,EACxD,IAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,EAAE,CAAA;AAC/C,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAClC,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,CAAC,CAAA;AAChD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,CAAC,CAAA;AACpC,EAAM,MAAA,cAAA,GAAiB,OAAgC,IAAI,CAAA;AAE3D,EAAM,MAAA,gBAAA,GAAmB,CAAC,OAAoB,KAAA;AAC5C,IAAA,OAAA,CAAQ,OAAO,CAAA;AACf,IAAA,kBAAA,CAAmB,SAAS,WAAW,CAAA;AAAA,GACzC;AAEA,EAAM,MAAA,uBAAA,GAA0B,CAAC,IAAiB,KAAA;AAChD,IAAA,cAAA,CAAe,IAAI,CAAA;AACnB,IAAA,OAAA,CAAQ,CAAC,CAAA;AACT,IAAmB,kBAAA,CAAA,CAAA,EAAG,IAAO,GAAA,IAAA,GAAO,IAAI,CAAA;AAAA,GAC1C;AAEA,EAAM,MAAA,YAAA,GAAe,QAAQ,MAAM;AACjC,IAAA,OAAO,IAAM,EAAA,MAAA;AAAA,MAAO,CAAC,QACnB,GAAK,EAAA,EAAA,EAAI,UAAW,CAAA,iBAAA,EAAoB,CAAA,QAAA,CAAS,UAAU;AAAA,KAC7D;AAAA,GACC,EAAA,CAAC,IAAM,EAAA,UAAU,CAAC,CAAA;AAErB,EAAM,MAAA,QAAA,GAAW,QAAS,CAAA,CAAC,CAAc,KAAA;AACvC,IAAA,aAAA,CAAc,CAAC,CAAA;AAAA,GAChB,CAAA;AAED,EAAA,MAAM,oBAAoB,MAAM;AAC9B,IAAA,QAAA,CAAS,EAAE,CAAA;AACX,IAAA,IAAI,eAAe,OAAS,EAAA;AAC1B,MAAA,cAAA,CAAe,QAAQ,KAAQ,GAAA,EAAA;AAAA;AACjC,GACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAS,EAAA;AAEZ,MAAA,QAAA,CAAS,CAAS,IAAA,KAAA,UAAA,GAAa,CAAI,GAAA,UAAA,GAAa,IAAK,CAAA;AAAA;AACvD,GACC,EAAA,CAAC,OAAS,EAAA,UAAU,CAAC,CAAA;AAExB,EACE,uBAAA,GAAA,CAAC,QACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,GACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,GACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,cAAA;AAAA,QACA,UAAA,EAAY,UAAa,GAAA,CAAA,GAAI,UAAa,GAAA,KAAA;AAAA,QAC1C,IAAA;AAAA,QACA,OAAS,EAAA,CAAC,CAAG,EAAA,EAAA,EAAI,EAAE,CAAA;AAAA,QACnB,WAAA;AAAA,QACA,gBAAA;AAAA,QACA;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA,wBACC,GACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,gBAAgB,EAAC;AAAA,QACvB,WAAa,EAAA,UAAA;AAAA,QACb,iBAAA;AAAA,QACA,SAAW,EAAA,OAAA;AAAA,QACX;AAAA;AAAA,KAEJ,EAAA;AAAA,GAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/PipelineRunList/PipelineRunOutput.esm.js

@@ -1,10 +1,11 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { memo, Fragment } from 'react';
 import { Output } from '@aonic-ui/pipelines';
 import { Box } from '@material-ui/core';
 import { ErrorBoundary } from '@backstage/core-components';
 
 const PipelineRunOutput = ({ pr }) => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { "data-testid": "dialog-output" }, /* @__PURE__ */ React.createElement(ErrorBoundary, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Box, { "data-testid": "dialog-output", children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(
     Output,
     {
       pipelineRunName: pr.id,
@@ -15,9 +16,9 @@ const PipelineRunOutput = ({ pr }) => {
       acsDeploymentCheckResults: pr.acsDeploymentCheckResults,
       results: []
     }
-  ))));
+  ) }) }) });
 };
-var PipelineRunOutput$1 = React.memo(PipelineRunOutput);
+var PipelineRunOutput$1 = memo(PipelineRunOutput);
 
 export { PipelineRunOutput$1 as default };
 //# sourceMappingURL=PipelineRunOutput.esm.js.map

package/dist/components/PipelineRunList/PipelineRunOutput.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunOutput.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunOutput.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { Output } from '@aonic-ui/pipelines';\nimport { PipelineRunResult } from '../../models/pipelineRunResult';\nimport { Box } from '@material-ui/core';\nimport { ErrorBoundary } from '@backstage/core-components';\n\ntype PipelineRunOutputProps = {\n  pr: PipelineRunResult;\n};\n\nconst PipelineRunOutput: React.FC<PipelineRunOutputProps> = ({ pr }) => {\n  return (\n    <React.Fragment>\n      <Box data-testid=\"dialog-output\">\n        <ErrorBoundary>\n          <Output\n            pipelineRunName={pr.id}\n            pipelineRunStatus={pr.status}\n            enterpriseContractPolicies={pr.enterpriseContractPolicies}\n            acsImageScanResult={pr.acsImageScanResult}\n            acsImageCheckResults={pr.acsImageCheckResults}\n            acsDeploymentCheckResults={pr.acsDeploymentCheckResults}\n            results={[]}\n          />\n        </ErrorBoundary>\n      </Box>\n    </React.Fragment>\n  );\n};\n\nexport default React.memo(PipelineRunOutput);\n"],"names":[],"mappings":";;;;;AAyBA,MAAM,iBAAsD,GAAA,CAAC,EAAE,EAAA,EAAS,KAAA;AACtE,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,QAAN,EAAA,IAAA,sCACE,GAAI,EAAA,EAAA,aAAA,EAAY,eACf,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,aACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,iBAAiB,EAAG,CAAA,EAAA;AAAA,MACpB,mBAAmB,EAAG,CAAA,MAAA;AAAA,MACtB,4BAA4B,EAAG,CAAA,0BAAA;AAAA,MAC/B,oBAAoB,EAAG,CAAA,kBAAA;AAAA,MACvB,sBAAsB,EAAG,CAAA,oBAAA;AAAA,MACzB,2BAA2B,EAAG,CAAA,yBAAA;AAAA,MAC9B,SAAS;AAAC;AAAA,GAEd,CACF,CACF,CAAA;AAEJ,CAAA;AAEA,0BAAe,KAAA,CAAM,KAAK,iBAAiB,CAAA;;;;"}
+{"version":3,"file":"PipelineRunOutput.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunOutput.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport type { FC } from 'react';\n\nimport { memo, Fragment } from 'react';\nimport { Output } from '@aonic-ui/pipelines';\nimport { PipelineRunResult } from '../../models/pipelineRunResult';\nimport { Box } from '@material-ui/core';\nimport { ErrorBoundary } from '@backstage/core-components';\n\ntype PipelineRunOutputProps = {\n  pr: PipelineRunResult;\n};\n\nconst PipelineRunOutput: FC<PipelineRunOutputProps> = ({ pr }) => {\n  return (\n    <Fragment>\n      <Box data-testid=\"dialog-output\">\n        <ErrorBoundary>\n          <Output\n            pipelineRunName={pr.id}\n            pipelineRunStatus={pr.status}\n            enterpriseContractPolicies={pr.enterpriseContractPolicies}\n            acsImageScanResult={pr.acsImageScanResult}\n            acsImageCheckResults={pr.acsImageCheckResults}\n            acsDeploymentCheckResults={pr.acsDeploymentCheckResults}\n            results={[]}\n          />\n        </ErrorBoundary>\n      </Box>\n    </Fragment>\n  );\n};\n\nexport default memo(PipelineRunOutput);\n"],"names":[],"mappings":";;;;;;AA2BA,MAAM,iBAAgD,GAAA,CAAC,EAAE,EAAA,EAAS,KAAA;AAChE,EAAA,2BACG,QACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,OAAI,aAAY,EAAA,eAAA,EACf,8BAAC,aACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,iBAAiB,EAAG,CAAA,EAAA;AAAA,MACpB,mBAAmB,EAAG,CAAA,MAAA;AAAA,MACtB,4BAA4B,EAAG,CAAA,0BAAA;AAAA,MAC/B,oBAAoB,EAAG,CAAA,kBAAA;AAAA,MACvB,sBAAsB,EAAG,CAAA,oBAAA;AAAA,MACzB,2BAA2B,EAAG,CAAA,yBAAA;AAAA,MAC9B,SAAS;AAAC;AAAA,GACZ,EACF,GACF,CACF,EAAA,CAAA;AAEJ,CAAA;AAEA,0BAAe,KAAK,iBAAiB,CAAA;;;;"}

package/dist/components/PipelineRunList/PipelineRunSBOMLink.esm.js

@@ -1,4 +1,5 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useMemo, Fragment } from 'react';
 import { makeStyles, Box, IconButton } from '@material-ui/core';
 import { Link } from 'react-router-dom';
 import { DialogLauncher } from '../DialogLauncher/DialogLauncher.esm.js';
@@ -12,39 +13,40 @@ const useStyles = makeStyles(() => ({
     padding: 0
   }
 }));
-const PipelineRunSBOMLink = ({
-  pr
-}) => {
+const PipelineRunSBOMLink = ({ pr }) => {
   const classes = useStyles();
-  const [openSBOMLogs, setOpenSBOMLogs] = React.useState(false);
-  const step = React.useMemo(
+  const [openSBOMLogs, setOpenSBOMLogs] = useState(false);
+  const step = useMemo(
     () => pr.steps.findIndex((s) => s.name === "show-sbom-rhdh"),
     [pr.steps]
   );
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    DialogLauncher,
-    {
-      key: `${pr.id}-logs`,
-      title: pr.id,
-      open: openSBOMLogs,
-      onClose: () => setOpenSBOMLogs(false),
-      component: PipelineRunLogs,
-      componentProps: {
-        step,
-        pr
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      DialogLauncher,
+      {
+        title: pr.id,
+        open: openSBOMLogs,
+        onClose: () => setOpenSBOMLogs(false),
+        component: PipelineRunLogs,
+        componentProps: {
+          step,
+          pr
+        },
+        fullWidth: true,
+        maxWidth: "xl"
       },
-      fullWidth: true,
-      maxWidth: "xl"
-    }
-  ), /* @__PURE__ */ React.createElement(Tooltip, { title: "Link to SBOM", arrow: true }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      className: classes.icon,
-      disabled: pr.isBuild ? step === -1 : !pr.tpaLink,
-      onClick: pr.isBuild ? () => setOpenSBOMLogs(true) : void 0
-    },
-    pr.isBuild ? /* @__PURE__ */ React.createElement(SBOMLinkIcon, { disabled: step === -1 }) : /* @__PURE__ */ React.createElement(Link, { className: classes.icon, to: pr.tpaLink, target: "_blank" }, /* @__PURE__ */ React.createElement(SBOMLinkIcon, { disabled: !pr.tpaLink }))
-  ))));
+      `${pr.id}-logs`
+    ),
+    /* @__PURE__ */ jsx(Tooltip, { title: "Link to SBOM", arrow: true, children: /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        className: classes.icon,
+        disabled: pr.isBuild ? step === -1 : !pr.tpaLink,
+        onClick: pr.isBuild ? () => setOpenSBOMLogs(true) : void 0,
+        children: pr.isBuild ? /* @__PURE__ */ jsx(SBOMLinkIcon, { disabled: step === -1 }) : /* @__PURE__ */ jsx(Link, { className: classes.icon, to: pr.tpaLink, target: "_blank", children: /* @__PURE__ */ jsx(SBOMLinkIcon, { disabled: !pr.tpaLink }) })
+      }
+    ) }) })
+  ] });
 };
 
 export { PipelineRunSBOMLink };

package/dist/components/PipelineRunList/PipelineRunSBOMLink.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunSBOMLink.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunSBOMLink.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 React from 'react';\nimport { IconButton, makeStyles, Box } from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport { DialogLauncher } from '../DialogLauncher/DialogLauncher';\nimport { PipelineRunResult } from '../../models/pipelineRunResult';\nimport { PipelineRunLogs } from '../PipelineRunLogs/PipelineRunLogs';\nimport Tooltip from '@mui/material/Tooltip';\nimport { SBOMLinkIcon } from '../Icons/SBOMLink';\n\nconst useStyles = makeStyles(() => ({\n  icon: {\n    cursor: 'pointer',\n    padding: 0,\n  },\n}));\n\ninterface PipelineRunSBOMLinkProps {\n  pr: PipelineRunResult;\n}\n\nexport const PipelineRunSBOMLink: React.FC<PipelineRunSBOMLinkProps> = ({\n  pr,\n}) => {\n  const classes = useStyles();\n  const [openSBOMLogs, setOpenSBOMLogs] = React.useState(false);\n  const step = React.useMemo(\n    () => pr.steps.findIndex(s => s.name === 'show-sbom-rhdh'),\n    [pr.steps],\n  );\n\n  return (\n    <React.Fragment>\n      <DialogLauncher\n        key={`${pr.id}-logs`}\n        title={pr.id}\n        open={openSBOMLogs}\n        onClose={() => setOpenSBOMLogs(false)}\n        component={PipelineRunLogs}\n        componentProps={{\n          step,\n          pr,\n        }}\n        fullWidth\n        maxWidth=\"xl\"\n      />\n\n      <Tooltip title=\"Link to SBOM\" arrow>\n        <Box>\n          <IconButton\n            className={classes.icon}\n            disabled={pr.isBuild ? step === -1 : !pr.tpaLink}\n            onClick={pr.isBuild ? () => setOpenSBOMLogs(true) : undefined}\n          >\n            {pr.isBuild ? (\n              <SBOMLinkIcon disabled={step === -1} />\n            ) : (\n              <Link className={classes.icon} to={pr.tpaLink} target=\"_blank\">\n                <SBOMLinkIcon disabled={!pr.tpaLink} />\n              </Link>\n            )}\n          </IconButton>\n        </Box>\n      </Tooltip>\n    </React.Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAyBA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,SAAA;AAAA,IACR,OAAS,EAAA;AAAA;AAEb,CAAE,CAAA,CAAA;AAMK,MAAM,sBAA0D,CAAC;AAAA,EACtE;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,KAAA,CAAM,SAAS,KAAK,CAAA;AAC5D,EAAA,MAAM,OAAO,KAAM,CAAA,OAAA;AAAA,IACjB,MAAM,EAAG,CAAA,KAAA,CAAM,UAAU,CAAK,CAAA,KAAA,CAAA,CAAE,SAAS,gBAAgB,CAAA;AAAA,IACzD,CAAC,GAAG,KAAK;AAAA,GACX;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,CAAA,QAAA,EAAN,IACC,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,CAAG,EAAA,EAAA,CAAG,EAAE,CAAA,KAAA,CAAA;AAAA,MACb,OAAO,EAAG,CAAA,EAAA;AAAA,MACV,IAAM,EAAA,YAAA;AAAA,MACN,OAAA,EAAS,MAAM,eAAA,CAAgB,KAAK,CAAA;AAAA,MACpC,SAAW,EAAA,eAAA;AAAA,MACX,cAAgB,EAAA;AAAA,QACd,IAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,SAAS,EAAA,IAAA;AAAA,MACT,QAAS,EAAA;AAAA;AAAA,GACX,sCAEC,OAAQ,EAAA,EAAA,KAAA,EAAM,gBAAe,KAAK,EAAA,IAAA,EAAA,sCAChC,GACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAQ,CAAA,IAAA;AAAA,MACnB,UAAU,EAAG,CAAA,OAAA,GAAU,IAAS,KAAA,CAAA,CAAA,GAAK,CAAC,EAAG,CAAA,OAAA;AAAA,MACzC,SAAS,EAAG,CAAA,OAAA,GAAU,MAAM,eAAA,CAAgB,IAAI,CAAI,GAAA,KAAA;AAAA,KAAA;AAAA,IAEnD,EAAA,CAAG,OACF,mBAAA,KAAA,CAAA,aAAA,CAAC,YAAa,EAAA,EAAA,QAAA,EAAU,SAAS,CAAI,CAAA,EAAA,CAAA,mBAEpC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAW,EAAA,OAAA,CAAQ,MAAM,EAAI,EAAA,EAAA,CAAG,OAAS,EAAA,MAAA,EAAO,QACpD,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,gBAAa,QAAU,EAAA,CAAC,EAAG,CAAA,OAAA,EAAS,CACvC;AAAA,GAGN,CACF,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PipelineRunSBOMLink.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunSBOMLink.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 type { FC } from 'react';\n\nimport { useState, useMemo, Fragment } from 'react';\nimport { IconButton, makeStyles, Box } from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport { DialogLauncher } from '../DialogLauncher/DialogLauncher';\nimport { PipelineRunResult } from '../../models/pipelineRunResult';\nimport { PipelineRunLogs } from '../PipelineRunLogs/PipelineRunLogs';\nimport Tooltip from '@mui/material/Tooltip';\nimport { SBOMLinkIcon } from '../Icons/SBOMLink';\n\nconst useStyles = makeStyles(() => ({\n  icon: {\n    cursor: 'pointer',\n    padding: 0,\n  },\n}));\n\ninterface PipelineRunSBOMLinkProps {\n  pr: PipelineRunResult;\n}\n\nexport const PipelineRunSBOMLink: FC<PipelineRunSBOMLinkProps> = ({ pr }) => {\n  const classes = useStyles();\n  const [openSBOMLogs, setOpenSBOMLogs] = useState(false);\n  const step = useMemo(\n    () => pr.steps.findIndex(s => s.name === 'show-sbom-rhdh'),\n    [pr.steps],\n  );\n\n  return (\n    <Fragment>\n      <DialogLauncher\n        key={`${pr.id}-logs`}\n        title={pr.id}\n        open={openSBOMLogs}\n        onClose={() => setOpenSBOMLogs(false)}\n        component={PipelineRunLogs}\n        componentProps={{\n          step,\n          pr,\n        }}\n        fullWidth\n        maxWidth=\"xl\"\n      />\n      <Tooltip title=\"Link to SBOM\" arrow>\n        <Box>\n          <IconButton\n            className={classes.icon}\n            disabled={pr.isBuild ? step === -1 : !pr.tpaLink}\n            onClick={pr.isBuild ? () => setOpenSBOMLogs(true) : undefined}\n          >\n            {pr.isBuild ? (\n              <SBOMLinkIcon disabled={step === -1} />\n            ) : (\n              <Link className={classes.icon} to={pr.tpaLink} target=\"_blank\">\n                <SBOMLinkIcon disabled={!pr.tpaLink} />\n              </Link>\n            )}\n          </IconButton>\n        </Box>\n      </Tooltip>\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AA2BA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,SAAA;AAAA,IACR,OAAS,EAAA;AAAA;AAEb,CAAE,CAAA,CAAA;AAMK,MAAM,mBAAoD,GAAA,CAAC,EAAE,EAAA,EAAS,KAAA;AAC3E,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,KAAK,CAAA;AACtD,EAAA,MAAM,IAAO,GAAA,OAAA;AAAA,IACX,MAAM,EAAG,CAAA,KAAA,CAAM,UAAU,CAAK,CAAA,KAAA,CAAA,CAAE,SAAS,gBAAgB,CAAA;AAAA,IACzD,CAAC,GAAG,KAAK;AAAA,GACX;AAEA,EAAA,4BACG,QACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QAEC,OAAO,EAAG,CAAA,EAAA;AAAA,QACV,IAAM,EAAA,YAAA;AAAA,QACN,OAAA,EAAS,MAAM,eAAA,CAAgB,KAAK,CAAA;AAAA,QACpC,SAAW,EAAA,eAAA;AAAA,QACX,cAAgB,EAAA;AAAA,UACd,IAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,SAAS,EAAA,IAAA;AAAA,QACT,QAAS,EAAA;AAAA,OAAA;AAAA,MAVJ,CAAA,EAAG,GAAG,EAAE,CAAA,KAAA;AAAA,KAWf;AAAA,wBACC,OAAQ,EAAA,EAAA,KAAA,EAAM,gBAAe,KAAK,EAAA,IAAA,EACjC,8BAAC,GACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAQ,CAAA,IAAA;AAAA,QACnB,UAAU,EAAG,CAAA,OAAA,GAAU,IAAS,KAAA,CAAA,CAAA,GAAK,CAAC,EAAG,CAAA,OAAA;AAAA,QACzC,SAAS,EAAG,CAAA,OAAA,GAAU,MAAM,eAAA,CAAgB,IAAI,CAAI,GAAA,KAAA,CAAA;AAAA,QAEnD,QAAA,EAAA,EAAA,CAAG,OACF,mBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,QAAA,EAAU,SAAS,CAAI,CAAA,EAAA,CAAA,mBAEpC,GAAA,CAAA,IAAA,EAAA,EAAK,SAAW,EAAA,OAAA,CAAQ,MAAM,EAAI,EAAA,EAAA,CAAG,OAAS,EAAA,MAAA,EAAO,QACpD,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAa,QAAU,EAAA,CAAC,EAAG,CAAA,OAAA,EAAS,CACvC,EAAA;AAAA;AAAA,OAGN,CACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/PipelineRunList/PipelineRunTable.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { PipelineRunTableColumns } from './PipelineRunTableColumns.esm.js';
 import { PipelineRunTableBody } from './PipelineRunTableBody.esm.js';
 import { EmptyStateSpinner } from '../EmptyState/EmptyStateSpinner.esm.js';
@@ -14,18 +14,24 @@ const PipelineRunTable = ({
   error
 }) => {
   if (error) {
-    return /* @__PURE__ */ React.createElement("div", null, "Error: ", error.message);
+    return /* @__PURE__ */ jsxs("div", { children: [
+      "Error: ",
+      error.message
+    ] });
   }
   if (isLoading) {
-    return /* @__PURE__ */ React.createElement(EmptyStateSpinner, null);
+    return /* @__PURE__ */ jsx(EmptyStateSpinner, {});
   }
   if (data?.length === 0 && filterInput) {
-    return /* @__PURE__ */ React.createElement(EmptyStateNoMatchFound, { actionFn: filterClearAction });
+    return /* @__PURE__ */ jsx(EmptyStateNoMatchFound, { actionFn: filterClearAction });
   }
   if (data?.length === 0) {
-    return /* @__PURE__ */ React.createElement(EmptyStateNoData, null);
+    return /* @__PURE__ */ jsx(EmptyStateNoData, {});
   }
-  return /* @__PURE__ */ React.createElement(Table, null, /* @__PURE__ */ React.createElement(PipelineRunTableColumns, null), /* @__PURE__ */ React.createElement(PipelineRunTableBody, { data }));
+  return /* @__PURE__ */ jsxs(Table, { children: [
+    /* @__PURE__ */ jsx(PipelineRunTableColumns, {}),
+    /* @__PURE__ */ jsx(PipelineRunTableBody, { data })
+  ] });
 };
 
 export { PipelineRunTable };

package/dist/components/PipelineRunList/PipelineRunTable.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunTable.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunTable.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { PipelineRunTableColumns } from './PipelineRunTableColumns';\nimport { PipelineRunTableBody } from './PipelineRunTableBody';\nimport { EmptyStateSpinner } from '../EmptyState/EmptyStateSpinner';\nimport { EmptyStateNoData } from '../EmptyState/EmptyStateNoData';\nimport { Table } from '@material-ui/core';\nimport { PipelineRunResult } from '../../models/pipelineRunResult';\nimport { EmptyStateNoMatchFound } from '../EmptyState/EmptyStateNoMatch';\n\ntype PipelineRunTableProps = {\n  data: PipelineRunResult[] | null;\n  filterInput: string;\n  filterClearAction: () => void;\n  isLoading: boolean;\n  error: Error | null;\n};\n\nexport const PipelineRunTable = ({\n  data,\n  filterInput,\n  filterClearAction,\n  isLoading,\n  error,\n}: PipelineRunTableProps) => {\n  if (error) {\n    return <div>Error: {error.message}</div>;\n  }\n\n  if (isLoading) {\n    return <EmptyStateSpinner />;\n  }\n\n  if (data?.length === 0 && filterInput) {\n    return <EmptyStateNoMatchFound actionFn={filterClearAction} />;\n  }\n\n  if (data?.length === 0) {\n    return <EmptyStateNoData />;\n  }\n\n  return (\n    <Table>\n      <PipelineRunTableColumns />\n      <PipelineRunTableBody data={data} />\n    </Table>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAgCO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,IAAA;AAAA,EACA,WAAA;AAAA,EACA,iBAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAA6B,KAAA;AAC3B,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAI,SAAQ,EAAA,KAAA,CAAM,OAAQ,CAAA;AAAA;AAGpC,EAAA,IAAI,SAAW,EAAA;AACb,IAAA,2CAAQ,iBAAkB,EAAA,IAAA,CAAA;AAAA;AAG5B,EAAI,IAAA,IAAA,EAAM,MAAW,KAAA,CAAA,IAAK,WAAa,EAAA;AACrC,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,sBAAuB,EAAA,EAAA,QAAA,EAAU,iBAAmB,EAAA,CAAA;AAAA;AAG9D,EAAI,IAAA,IAAA,EAAM,WAAW,CAAG,EAAA;AACtB,IAAA,2CAAQ,gBAAiB,EAAA,IAAA,CAAA;AAAA;AAG3B,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,6BACE,KAAA,CAAA,aAAA,CAAA,uBAAA,EAAA,IAAwB,mBACxB,KAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,EAAqB,MAAY,CACpC,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PipelineRunTable.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunTable.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { PipelineRunTableColumns } from './PipelineRunTableColumns';\nimport { PipelineRunTableBody } from './PipelineRunTableBody';\nimport { EmptyStateSpinner } from '../EmptyState/EmptyStateSpinner';\nimport { EmptyStateNoData } from '../EmptyState/EmptyStateNoData';\nimport { Table } from '@material-ui/core';\nimport { PipelineRunResult } from '../../models/pipelineRunResult';\nimport { EmptyStateNoMatchFound } from '../EmptyState/EmptyStateNoMatch';\n\ntype PipelineRunTableProps = {\n  data: PipelineRunResult[] | null;\n  filterInput: string;\n  filterClearAction: () => void;\n  isLoading: boolean;\n  error: Error | null;\n};\n\nexport const PipelineRunTable = ({\n  data,\n  filterInput,\n  filterClearAction,\n  isLoading,\n  error,\n}: PipelineRunTableProps) => {\n  if (error) {\n    return <div>Error: {error.message}</div>;\n  }\n\n  if (isLoading) {\n    return <EmptyStateSpinner />;\n  }\n\n  if (data?.length === 0 && filterInput) {\n    return <EmptyStateNoMatchFound actionFn={filterClearAction} />;\n  }\n\n  if (data?.length === 0) {\n    return <EmptyStateNoData />;\n  }\n\n  return (\n    <Table>\n      <PipelineRunTableColumns />\n      <PipelineRunTableBody data={data} />\n    </Table>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AA+BO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,IAAA;AAAA,EACA,WAAA;AAAA,EACA,iBAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAA6B,KAAA;AAC3B,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,4BAAQ,KAAI,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,SAAA;AAAA,MAAQ,KAAM,CAAA;AAAA,KAAQ,EAAA,CAAA;AAAA;AAGpC,EAAA,IAAI,SAAW,EAAA;AACb,IAAA,2BAAQ,iBAAkB,EAAA,EAAA,CAAA;AAAA;AAG5B,EAAI,IAAA,IAAA,EAAM,MAAW,KAAA,CAAA,IAAK,WAAa,EAAA;AACrC,IAAO,uBAAA,GAAA,CAAC,sBAAuB,EAAA,EAAA,QAAA,EAAU,iBAAmB,EAAA,CAAA;AAAA;AAG9D,EAAI,IAAA,IAAA,EAAM,WAAW,CAAG,EAAA;AACtB,IAAA,2BAAQ,gBAAiB,EAAA,EAAA,CAAA;AAAA;AAG3B,EAAA,4BACG,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,uBAAwB,EAAA,EAAA,CAAA;AAAA,oBACzB,GAAA,CAAC,wBAAqB,IAAY,EAAA;AAAA,GACpC,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/PipelineRunList/PipelineRunTableBody.esm.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { TableBody } from '@material-ui/core';
 import { PipelineRunTableRow } from './PipelineRunTableRow.esm.js';
 
 const PipelineRunTableBody = ({
   data
 }) => {
-  return /* @__PURE__ */ React.createElement(TableBody, null, (data ?? []).map((row, index) => /* @__PURE__ */ React.createElement(PipelineRunTableRow, { key: index, index, pr: row })));
+  return /* @__PURE__ */ jsx(TableBody, { children: (data ?? []).map((row, index) => /* @__PURE__ */ jsx(PipelineRunTableRow, { index, pr: row }, index)) });
 };
 
 export { PipelineRunTableBody };

package/dist/components/PipelineRunList/PipelineRunTableBody.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunTableBody.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunTableBody.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { TableBody } from '@material-ui/core';\nimport { PipelineRunTableRow } from './PipelineRunTableRow';\nimport { PipelineRunResult } from '../../models/pipelineRunResult';\n\ntype PipelineRunTableRowsProps = {\n  data: PipelineRunResult[] | null;\n};\n\nexport const PipelineRunTableBody: React.FC<PipelineRunTableRowsProps> = ({\n  data,\n}) => {\n  return (\n    <TableBody>\n      {(data ?? []).map((row, index) => (\n        <PipelineRunTableRow key={index} index={index} pr={row} />\n      ))}\n    </TableBody>\n  );\n};\n"],"names":[],"mappings":";;;;AAwBO,MAAM,uBAA4D,CAAC;AAAA,EACxE;AACF,CAAM,KAAA;AACJ,EAAA,2CACG,SACG,EAAA,IAAA,EAAA,CAAA,IAAA,IAAQ,EAAC,EAAG,IAAI,CAAC,GAAA,EAAK,KACtB,qBAAA,KAAA,CAAA,aAAA,CAAC,uBAAoB,GAAK,EAAA,KAAA,EAAO,OAAc,EAAI,EAAA,GAAA,EAAK,CACzD,CACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PipelineRunTableBody.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunTableBody.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport type { FC } from 'react';\nimport { TableBody } from '@material-ui/core';\nimport { PipelineRunTableRow } from './PipelineRunTableRow';\nimport { PipelineRunResult } from '../../models/pipelineRunResult';\n\ntype PipelineRunTableRowsProps = {\n  data: PipelineRunResult[] | null;\n};\n\nexport const PipelineRunTableBody: FC<PipelineRunTableRowsProps> = ({\n  data,\n}) => {\n  return (\n    <TableBody>\n      {(data ?? []).map((row, index) => (\n        <PipelineRunTableRow key={index} index={index} pr={row} />\n      ))}\n    </TableBody>\n  );\n};\n"],"names":[],"mappings":";;;;AAwBO,MAAM,uBAAsD,CAAC;AAAA,EAClE;AACF,CAAM,KAAA;AACJ,EAAA,2BACG,SACG,EAAA,EAAA,QAAA,EAAA,CAAA,IAAA,IAAQ,EAAC,EAAG,IAAI,CAAC,GAAA,EAAK,KACtB,qBAAA,GAAA,CAAC,uBAAgC,KAAc,EAAA,EAAA,EAAI,GAAzB,EAAA,EAAA,KAA8B,CACzD,CACH,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/PipelineRunList/PipelineRunTableColumns.esm.js

@@ -1,5 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
+import { Fragment, createElement } from 'react';
 import { makeStyles, TableHead, TableRow, TableCell } from '@material-ui/core';
-import React from 'react';
 
 const columns = {
   pipelineRunId: {
@@ -35,7 +36,7 @@ const useStyles = makeStyles((theme) => ({
 }));
 const PipelineRunTableColumns = () => {
   const classes = useStyles();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, Object.entries(columns).map(([key, value]) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow, { children: Object.entries(columns).map(([key, value]) => /* @__PURE__ */ createElement(
     TableCell,
     {
       className: classes.columnHeader,
@@ -43,7 +44,7 @@ const PipelineRunTableColumns = () => {
       key
     },
     value.name
-  )))));
+  )) }) }) });
 };
 
 export { PipelineRunTableColumns };

package/dist/components/PipelineRunList/PipelineRunTableColumns.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PipelineRunTableColumns.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunTableColumns.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  TableCell,\n  TableHead,\n  TableRow,\n  makeStyles,\n  Theme,\n} from '@material-ui/core';\nimport React from 'react';\n\ntype PipelineRunTableColumn = Record<\n  string,\n  { name: string; props?: Record<string, any> }\n>;\n\nconst columns: PipelineRunTableColumn = {\n  pipelineRunId: {\n    name: 'Pipeline Run ID',\n  },\n  type: {\n    name: 'Type',\n  },\n  critical: {\n    name: 'Critical',\n  },\n  important: {\n    name: 'Important',\n  },\n  moderate: {\n    name: 'Moderate',\n  },\n  low: {\n    name: 'Low',\n  },\n  sbom: {\n    name: 'SBOM',\n  },\n  actions: {\n    name: 'Actions',\n  },\n};\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  columnHeader: {\n    fontWeight: 'bold',\n    color: theme.palette.grey[600],\n  },\n}));\n\nexport const PipelineRunTableColumns = () => {\n  const classes = useStyles();\n\n  return (\n    <React.Fragment>\n      <TableHead>\n        <TableRow>\n          {Object.entries(columns).map(([key, value]) => (\n            <TableCell\n              className={classes.columnHeader}\n              {...value.props}\n              key={key}\n            >\n              {value.name}\n            </TableCell>\n          ))}\n        </TableRow>\n      </TableHead>\n    </React.Fragment>\n  );\n};\n"],"names":[],"mappings":";;;AA6BA,MAAM,OAAkC,GAAA;AAAA,EACtC,aAAe,EAAA;AAAA,IACb,IAAM,EAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA;AAAA,GACR;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA;AAAA,GACR;AAAA,EACA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA;AAAA,GACR;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA;AAAA;AAEV,CAAA;AAEA,MAAM,SAAA,GAAY,UAAW,CAAA,CAAC,KAAkB,MAAA;AAAA,EAC9C,YAAc,EAAA;AAAA,IACZ,UAAY,EAAA,MAAA;AAAA,IACZ,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG;AAAA;AAEjC,CAAE,CAAA,CAAA;AAEK,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,2CACG,KAAM,CAAA,QAAA,EAAN,IACC,kBAAA,KAAA,CAAA,aAAA,CAAC,iCACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,EACE,MAAO,CAAA,OAAA,CAAQ,OAAO,CAAE,CAAA,GAAA,CAAI,CAAC,CAAC,GAAA,EAAK,KAAK,CACvC,qBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAQ,CAAA,YAAA;AAAA,MAClB,GAAG,KAAM,CAAA,KAAA;AAAA,MACV;AAAA,KAAA;AAAA,IAEC,KAAM,CAAA;AAAA,GAEV,CACH,CACF,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PipelineRunTableColumns.esm.js","sources":["../../../src/components/PipelineRunList/PipelineRunTableColumns.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  TableCell,\n  TableHead,\n  TableRow,\n  makeStyles,\n  Theme,\n} from '@material-ui/core';\nimport { Fragment } from 'react';\n\ntype PipelineRunTableColumn = Record<\n  string,\n  { name: string; props?: Record<string, any> }\n>;\n\nconst columns: PipelineRunTableColumn = {\n  pipelineRunId: {\n    name: 'Pipeline Run ID',\n  },\n  type: {\n    name: 'Type',\n  },\n  critical: {\n    name: 'Critical',\n  },\n  important: {\n    name: 'Important',\n  },\n  moderate: {\n    name: 'Moderate',\n  },\n  low: {\n    name: 'Low',\n  },\n  sbom: {\n    name: 'SBOM',\n  },\n  actions: {\n    name: 'Actions',\n  },\n};\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  columnHeader: {\n    fontWeight: 'bold',\n    color: theme.palette.grey[600],\n  },\n}));\n\nexport const PipelineRunTableColumns = () => {\n  const classes = useStyles();\n\n  return (\n    <Fragment>\n      <TableHead>\n        <TableRow>\n          {Object.entries(columns).map(([key, value]) => (\n            <TableCell\n              className={classes.columnHeader}\n              {...value.props}\n              key={key}\n            >\n              {value.name}\n            </TableCell>\n          ))}\n        </TableRow>\n      </TableHead>\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;AA6BA,MAAM,OAAkC,GAAA;AAAA,EACtC,aAAe,EAAA;AAAA,IACb,IAAM,EAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA;AAAA,GACR;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA;AAAA,GACR;AAAA,EACA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA;AAAA,GACR;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA;AAAA;AAEV,CAAA;AAEA,MAAM,SAAA,GAAY,UAAW,CAAA,CAAC,KAAkB,MAAA;AAAA,EAC9C,YAAc,EAAA;AAAA,IACZ,UAAY,EAAA,MAAA;AAAA,IACZ,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG;AAAA;AAEjC,CAAE,CAAA,CAAA;AAEK,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,uBACG,GAAA,CAAA,QAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EACC,8BAAC,QACE,EAAA,EAAA,QAAA,EAAA,MAAA,CAAO,OAAQ,CAAA,OAAO,EAAE,GAAI,CAAA,CAAC,CAAC,GAAA,EAAK,KAAK,CACvC,qBAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAQ,CAAA,YAAA;AAAA,MAClB,GAAG,KAAM,CAAA,KAAA;AAAA,MACV;AAAA,KAAA;AAAA,IAEC,KAAM,CAAA;AAAA,GAEV,CACH,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/PipelineRunList/PipelineRunTablePagination.esm.js

@@ -1,4 +1,5 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useMemo, useEffect, Fragment } from 'react';
 import { makeStyles, Box, Select, MenuItem, IconButton, TextField, Typography } from '@material-ui/core';
 import { FirstPage, NavigateBefore, NavigateNext, LastPage } from '@mui/icons-material';
 
@@ -20,24 +21,21 @@ const PipelineRunTablePagination = ({
   handleChangeRowsPerPage
 }) => {
   const classes = useStyles();
-  const [pageInput, setPageInput] = React.useState("1");
+  const [pageInput, setPageInput] = useState("1");
   const handleRowsChange = (event) => {
     handleChangeRowsPerPage(parseInt(event.target.value, 10));
   };
-  const totalPages = React.useMemo(
+  const totalPages = useMemo(
     () => Math.ceil(count / rowsPerPage),
     [count, rowsPerPage]
   );
-  const previousPage = React.useMemo(() => page - 1, [page]);
-  const nextPage = React.useMemo(() => page + 1, [page]);
-  const firstPage = React.useMemo(() => 0, []);
-  const lastPage = React.useMemo(() => totalPages - 1, [totalPages]);
-  const isFirstPage = React.useMemo(() => page === 0, [page]);
-  const isLastPage = React.useMemo(
-    () => page === totalPages - 1,
-    [totalPages, page]
-  );
-  const selectItemText = React.useMemo(() => {
+  const previousPage = useMemo(() => page - 1, [page]);
+  const nextPage = useMemo(() => page + 1, [page]);
+  const firstPage = useMemo(() => 0, []);
+  const lastPage = useMemo(() => totalPages - 1, [totalPages]);
+  const isFirstPage = useMemo(() => page === 0, [page]);
+  const isLastPage = useMemo(() => page === totalPages - 1, [totalPages, page]);
+  const selectItemText = useMemo(() => {
     return `${page === 0 ? 1 : page * rowsPerPage + 1} - ${rowsPerPage * (page + 1) > count ? count : rowsPerPage * (page + 1)} of ${count}`;
   }, [count, page, rowsPerPage]);
   const handleInputChange = (value) => {
@@ -47,83 +45,97 @@ const PipelineRunTablePagination = ({
     }
     setPageInput(isNaN(newPage) ? "" : newPage.toString());
   };
-  React.useEffect(() => {
+  useEffect(() => {
     setPageInput((page + 1).toString());
   }, [page]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { className: classes.actionsBox, "data-testid": "pipeline-run-pagination" }, /* @__PURE__ */ React.createElement(
-    Select,
-    {
-      variant: "standard",
-      renderValue: () => selectItemText,
-      value: rowsPerPage,
-      "aria-label": "rows per page",
-      "data-testid": "rows-per-page",
-      autoWidth: true,
-      disableUnderline: true,
-      displayEmpty: true,
-      onChange: handleRowsChange,
-      inputProps: {
-        style: { minWidth: 0, padding: 0 }
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Box, { className: classes.actionsBox, "data-testid": "pipeline-run-pagination", children: [
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        variant: "standard",
+        renderValue: () => selectItemText,
+        value: rowsPerPage,
+        "aria-label": "rows per page",
+        "data-testid": "rows-per-page",
+        autoWidth: true,
+        disableUnderline: true,
+        displayEmpty: true,
+        onChange: handleRowsChange,
+        inputProps: {
+          style: { minWidth: 0, padding: 0 }
+        },
+        children: rowSize.map((size) => /* @__PURE__ */ jsxs(MenuItem, { value: size, children: [
+          size,
+          " per page"
+        ] }, size))
       }
-    },
-    rowSize.map((size) => /* @__PURE__ */ React.createElement(MenuItem, { key: size, value: size }, size, " per page"))
-  ), /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      onClick: () => handleChangePage(firstPage),
-      disabled: isFirstPage,
-      "aria-label": "first page",
-      "data-testid": "first-page",
-      size: "small"
-    },
-    /* @__PURE__ */ React.createElement(FirstPage, null)
-  ), /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      onClick: () => handleChangePage(previousPage),
-      disabled: isFirstPage,
-      "aria-label": "previous page",
-      "data-testid": "previous-page",
-      size: "small"
-    },
-    /* @__PURE__ */ React.createElement(NavigateBefore, null)
-  ), /* @__PURE__ */ React.createElement(
-    TextField,
-    {
-      size: "small",
-      value: pageInput,
-      variant: "outlined",
-      "aria-label": "page number",
-      "aria-describedby": "page-number",
-      id: "page-number-input",
-      "data-testid": "page-number",
-      style: { marginRight: "0.5rem" },
-      onChange: (e) => handleInputChange(e.target.value),
-      inputProps: {
-        style: { textAlign: "center", width: "2rem" }
+    ),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        onClick: () => handleChangePage(firstPage),
+        disabled: isFirstPage,
+        "aria-label": "first page",
+        "data-testid": "first-page",
+        size: "small",
+        children: /* @__PURE__ */ jsx(FirstPage, {})
       }
-    }
-  ), /* @__PURE__ */ React.createElement(Typography, { variant: "body2", style: { fontSize: "1rem" } }, "of ", totalPages), /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      onClick: () => handleChangePage(nextPage),
-      disabled: isLastPage,
-      "aria-label": "next page",
-      "data-testid": "next-page",
-      size: "small"
-    },
-    /* @__PURE__ */ React.createElement(NavigateNext, null)
-  ), /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      onClick: () => handleChangePage(lastPage),
-      disabled: isLastPage,
-      "aria-label": "last page",
-      "data-testid": "last-page",
-      size: "small"
-    },
-    /* @__PURE__ */ React.createElement(LastPage, null)
-  )));
+    ),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        onClick: () => handleChangePage(previousPage),
+        disabled: isFirstPage,
+        "aria-label": "previous page",
+        "data-testid": "previous-page",
+        size: "small",
+        children: /* @__PURE__ */ jsx(NavigateBefore, {})
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TextField,
+      {
+        size: "small",
+        value: pageInput,
+        variant: "outlined",
+        "aria-label": "page number",
+        "aria-describedby": "page-number",
+        id: "page-number-input",
+        "data-testid": "page-number",
+        style: { marginRight: "0.5rem" },
+        onChange: (e) => handleInputChange(e.target.value),
+        inputProps: {
+          style: { textAlign: "center", width: "2rem" }
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs(Typography, { variant: "body2", style: { fontSize: "1rem" }, children: [
+      "of ",
+      totalPages
+    ] }),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        onClick: () => handleChangePage(nextPage),
+        disabled: isLastPage,
+        "aria-label": "next page",
+        "data-testid": "next-page",
+        size: "small",
+        children: /* @__PURE__ */ jsx(NavigateNext, {})
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        onClick: () => handleChangePage(lastPage),
+        disabled: isLastPage,
+        "aria-label": "last page",
+        "data-testid": "last-page",
+        size: "small",
+        children: /* @__PURE__ */ jsx(LastPage, {})
+      }
+    )
+  ] }) });
 };
 
 export { PipelineRunTablePagination };