@backstage-community/plugin-tekton 3.16.0

package/README.md

@@ -0,0 +1,369 @@
+# Tekton plugin for Backstage
+
+The Tekton plugin enables you to visualize the `PipelineRun` resources available on the Kubernetes cluster.
+
+## For administrators
+
+### Setting up the Tekton plugin
+
+#### Prerequisites
+
+- The Kubernetes backend plugin `@backstage/plugin-kubernetes-backend` is installed and configured by following the [installation](https://backstage.io/docs/features/kubernetes/installation) and [configuration](https://backstage.io/docs/features/kubernetes/configuration) guides.
+
+- The following `customResources` component is added in the [`app-config.yaml`](https://backstage.io/docs/features/kubernetes/configuration#configuring-kubernetes-clusters) file:
+  ```yaml
+   kubernetes:
+     ...
+     customResources:
+       - group: 'tekton.dev'
+         apiVersion: 'v1'
+         plural: 'pipelineruns'
+       - group: 'tekton.dev'
+         apiVersion: 'v1'
+         plural: 'taskruns'
+  ```
+- The Kubernetes plugin is configured and connects to the cluster using a `ServiceAccount`.
+- The [`ClusterRole`](https://backstage.io/docs/features/kubernetes/configuration#role-based-access-control) must be granted for custom resources (PipelineRuns and TaskRuns) to `ServiceAccount` accessing the cluster.
+- To view the pod logs, you have granted permissions for `pods/log`.
+- If you have the Backstage Kubernetes Plugin configured, then the `ClusterRole` is already granted.
+
+  You can use the following code to grant the `ClusterRole` for custom resources and pod logs:
+
+  ```yaml
+    ...
+    apiVersion: rbac.authorization.k8s.io/v1
+    kind: ClusterRole
+    metadata:
+      name: backstage-read-only
+    rules:
+      - apiGroups:
+          - ""
+        resources:
+          - pods/log
+        verbs:
+          - get
+          - list
+          - watch
+      ...
+      - apiGroups:
+          - tekton.dev
+        resources:
+          - pipelineruns
+          - taskruns
+        verbs:
+          - get
+          - list
+
+  ```
+
+  > Tip: You can use the [prepared manifest for a read-only `ClusterRole`](https://raw.githubusercontent.com/backstage/community-plugins/main/workspaces/tekton/plugins/tekton/manifests/clusterrole.yaml), which provides access for both Kubernetes plugin and Tekton plugin.
+
+- The following annotation is added to the entity's `catalog-info.yaml` file to identify whether an entity contains the Kubernetes resources:
+
+  ```yaml
+  annotations:
+    ...
+
+    backstage.io/kubernetes-id: <BACKSTAGE_ENTITY_NAME>
+  ```
+
+  You can also add the `backstage.io/kubernetes-namespace` annotation to identify the Kubernetes resources using the defined namespace.
+
+  ```yaml
+  annotations:
+    ...
+
+    backstage.io/kubernetes-namespace: <RESOURCE_NS>
+  ```
+
+- The following annotation is added to the `catalog-info.yaml` file of the entity to enable the Tekton related features in Backstage. The value of the annotation identifies the name of the Backstage entity:
+
+  ```yaml
+  annotations:
+    ...
+
+    tekton.dev/cicd : "true"
+  ```
+
+- A custom label selector can be added, which Backstage uses to find the Kubernetes resources. The label selector takes precedence over the ID annotations.
+
+  ```yaml
+  annotations:
+    ...
+
+    backstage.io/kubernetes-label-selector: 'app=my-app,component=front-end'
+  ```
+
+- The following label is added to the resources so that the Kubernetes plugin gets the Kubernetes resources from the requested entity:
+
+  ```yaml
+  labels:
+    ...
+
+    backstage.io/kubernetes-id: <BACKSTAGE_ENTITY_NAME>`
+  ```
+
+  ***
+
+  **NOTE**
+
+  When using the label selector, the mentioned labels must be present on the resource.
+
+  ***
+
+#### Procedure
+
+1. Install the Tekton plugin using the following command:
+
+   ```console
+   yarn workspace app add @backstage-community/plugin-tekton
+   ```
+
+1. To enable the PipelineRun list in the **CI/CD** tab on the entity view page, add the following snippet in the `packages/app/src/components/catalog/EntityPage.tsx`.
+
+   ```tsx title="packages/app/src/components/catalog/EntityPage.tsx"
+   /* highlight-add-next-line */
+   import {
+     isTektonCIAvailable,
+     TektonCI,
+   } from '@backstage-community/plugin-tekton';
+
+   const cicdContent = (
+     <EntitySwitch>
+       {/* ... */}
+       {/* highlight-add-start */}
+       <EntitySwitch.Case if={isTektonCIAvailable}>
+         <TektonCI />
+       </EntitySwitch.Case>
+       {/* highlight-add-end */}
+     </EntitySwitch>
+   );
+   ```
+
+## For users
+
+### Using the Tekton plugin in Backstage
+
+Tekton is a front-end plugin that enables you to view the `PipelineRun` resources.
+
+#### Prerequisites
+
+- Your Backstage application is installed and running.
+- You have installed the Tekton plugin. For the installation process, see [Installation](#setting-up-the-tekton-plugin).
+
+#### Procedure
+
+1. Open your Backstage application and select a component from the **Catalog** page.
+
+1. Go to the **CI/CD** tab.
+
+   The **CI/CD** tab displays the list of PipelineRun resources associated with a Kubernetes cluster. The list contains pipeline run details, such as **NAME**, **STATUS**, **TASK STATUS**, **STARTED**, and **DURATION**.
+
+   ![ci-cd-tab-tekton](./docs/images/tekton-plugin-user4.png)
+
+1. Click on expand row button besides PipelineRun name in the list to view the PipelineRun visualization. The pipeline run resource include tasks to complete. When you hover the mouse pointer on a task card, you can view the steps to complete that particular task.
+
+   ![pipelinerun-view](./docs/images/tekton-plugin-user5.png)
+
+## Enabling UI elements
+
+### Vulnerabilites Column
+
+`Vulnerabilities` column provides a visual representation of identified vulnerabilities in the OCI image produced by the pipelinerun. The Author of the pipeline scanner task would provide the CVE summary data using the below format that the UI can interpret.
+
+The result of the scanner task should be emitted back to the pipelinerun and it should contain a result that ends with `SCAN_OUTPUT` string.
+
+## Format:
+
+Result name: `<any_prefix>_SCAN_OUTPUT`
+eg: `SCAN_OUTPUT`, `MY_ACS_SCAN_OUTPUT`
+
+Result value: `'{"vulnerabilities":{"critical": 0,"high": 9,"medium": 2,"low": 13,"unknown": 0},
+             "unpatched_vulnerabilities": {"critical": 0,"high": 1,"medium": 0,"low":1}}'`
+
+---
+
+Example PipelineRun:
+
+```
+   ...
+   status:
+     results:
+       -  name: 'MY_SCAN_OUTPUT'
+          value:
+            '{"vulnerabilities":{"critical": 0,"high": 9,"medium": 2,"low": 13,"unknown": 0},
+             "unpatched_vulnerabilities": {"critical": 0,"high": 1,"medium": 0,"low":1}}'
+```
+
+![tekton-vulnerabilites](./docs/images/tekton-plugin-vulnerabilities.png)
+
+---
+
+## Action buttons
+
+### SBOM
+
+Link to SBOM action will be enabled if there is a SBOM task in the pipelinerun and it should contain required annotations and emit the below result
+
+## Format:
+
+annotations:
+
+```
+    task.output.location: results
+    task.results.format: application/text
+    task.results.type: external-link  # Optional: This will redirect to external page
+    task.results.key: LINK_TO_SBOM
+
+```
+
+results.name: `LINK_T0_SBOM`
+
+results.value: `<sbom-viewer-url>`
+
+---
+
+Example:
+
+## Task: [Optional]
+
+```
+apiVersion: tekton.dev/v1
+kind: Task
+metadata:
+ name: export-sbom-task
+ annotations:
+    task.output.location: results
+    task.results.format: application/text
+    task.results.type: external-link  # Optional: This will redirect to external page
+    task.results.key: LINK_TO_SBOM
+spec: …
+      steps:
+        -  image: registry.access.redhat.com/ubi8/ubi-minimal
+           name: export-sbom
+           script:  |
+             #!/bin/sh
+             ## sbom image generation script goes here
+             echo 'quay.io/repo/image:build-8e536-1692702836' | tee $(results.LINK_TO_SBOM.path)
+```
+
+_Note: Absence of the below annotation will open SBOM taskrun logs modal._
+
+```
+task.results.type: external-link  # This will redirect to external page
+```
+
+### Output:
+
+Output action will be enabled when the pipelinerun emits some results and/or contains taskruns with supported annotations and emits report data in pod logs.
+
+This action opens a modal where it will render the reports for Enterprise contract and Advanced cluster security. The report data should be exposed via pod logs and the taskruns should contain the following annotations.
+
+Examples:
+
+list of supported report tasks with correct annotations are listed below:
+
+## Enterprise contract Task [Optional]:
+
+```
+apiVersion: tekton.dev/v1
+kind: Task
+metadata:
+ name: enterprise-contract-task
+ annotations:
+    task.results.format: application/json
+    task.results.type: ec
+    task.output.location: logs
+    task.results.container: step-report-json
+spec: …
+      steps:
+        - name: report-json
+          image: quay.io/enterprise-contract/ec-cli:snapshot@sha256:33be4031a3316a46db3559a4d8566bc22f9d4d491d262d699614f32f35b45b67
+          command: [cat]
+          args:
+            - "$(params.HOMEDIR)/report-json.json"
+
+```
+
+![tekton-ec-report](./docs/images/tekton-plugin-ec-output.png)
+
+---
+
+## ACS Image scan Task [Optional]:
+
+```
+apiVersion: tekton.dev/v1
+kind: Task
+metadata:
+ name: acs-image-scan
+ annotations:
+    task.results.format: application/json
+    task.results.type: roxctl-image-scan
+    task.results.key: SCAN_OUTPUT
+    task.output.location: logs
+    task.results.container: step-report
+spec: …
+      steps:
+        - name: report
+          image: 'quay.io/lrangine/crda-maven:11.0'
+          script: |
+              #!/bin/sh
+              cat $(workspaces.reports.path)/image-scan
+
+```
+
+## ACS Image check Task [Optional]:
+
+```
+apiVersion: tekton.dev/v1
+kind: Task
+metadata:
+ name: acs-image-check
+ annotations:
+    task.results.format: application/json
+    task.results.type: roxctl-image-check
+    task.results.key: SCAN_OUTPUT
+    task.output.location: logs
+    task.results.container: step-report
+spec: …
+      steps:
+        - name: report
+          image: 'quay.io/lrangine/crda-maven:11.0'
+          script: |
+              #!/bin/sh
+              cat $(workspaces.reports.path)/image-check
+
+```
+
+## ACS Deployment check Task [Optional]:
+
+```
+apiVersion: tekton.dev/v1
+kind: Task
+metadata:
+ name: acs-deployment-check
+ annotations:
+    task.results.format: application/json
+    task.results.type: roxctl-deployment-check
+    task.results.key: SCAN_OUTPUT
+    task.output.location: logs
+    task.results.container: step-report
+spec: …
+      steps:
+        - name: report
+          image: 'quay.io/lrangine/crda-maven:11.0'
+          script: |
+              #!/bin/sh
+              cat $(workspaces.reports.path)/deployment-check
+
+```
+
+![tekton-acs-report](./docs/images/tekton-plugin-acs-output.png)
+
+---
+
+## Pipelinerun results
+
+The results emitted in the pipelinerun resource will be available in the Others section in the output modal.
+
+![tekton-pipelinerun-report](./docs/images/tekton-plugin-pipelinerun-output.png)

package/app-config.dynamic.yaml

@@ -0,0 +1,12 @@
+dynamicPlugins:
+  frontend:
+    backstage-community.plugin-tekton:
+      mountPoints:
+        - mountPoint: entity.page.ci/cards
+          importName: TektonCI
+          config:
+            layout:
+              gridColumn: '1 / -1'
+            if:
+              allOf:
+                - isTektonCIAvailable

package/dist/components/Charts/PipelineBars.esm.js

@@ -0,0 +1,49 @@
+import React__default from 'react';
+import { Tooltip } from '@patternfly/react-core';
+import { getTaskRunsForPipelineRun, TaskStatusTooltip, HorizontalStackedBars, ComputedStatus, getRunStatusColor } from '@janus-idp/shared-react';
+import { TektonResourcesContext } from '../../hooks/TektonResourcesContext.esm.js';
+import { getTaskStatusOfPLR } from '../../utils/tekton-utils.esm.js';
+import PipelineRunLogDialog from '../PipelineRunLogs/PipelineRunLogDialog.esm.js';
+
+const PipelineBars = ({ pipelineRun }) => {
+  const { watchResourcesData } = React__default.useContext(TektonResourcesContext);
+  const [open, setOpen] = React__default.useState(false);
+  const pods = watchResourcesData?.pods?.data || [];
+  const taskRuns = watchResourcesData?.taskruns?.data || [];
+  const plrTasks = getTaskRunsForPipelineRun(pipelineRun, taskRuns);
+  const taskStatus = getTaskStatusOfPLR(pipelineRun, plrTasks);
+  const openDialog = () => {
+    setOpen(true);
+  };
+  const closeDialog = () => {
+    setOpen(false);
+  };
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    PipelineRunLogDialog,
+    {
+      open,
+      closeDialog,
+      pods,
+      taskRuns,
+      pipelineRun
+    }
+  ), /* @__PURE__ */ React__default.createElement(Tooltip, { content: /* @__PURE__ */ React__default.createElement(TaskStatusTooltip, { taskStatus }) }, /* @__PURE__ */ React__default.createElement(
+    HorizontalStackedBars,
+    {
+      id: `${pipelineRun?.metadata?.name}`,
+      onClick: openDialog,
+      height: "1em",
+      inline: true,
+      values: Object.keys(ComputedStatus).map((status) => ({
+        color: getRunStatusColor(
+          ComputedStatus[status]
+        ).color,
+        name: status,
+        size: taskStatus[ComputedStatus[status]]
+      }))
+    }
+  )));
+};
+
+export { PipelineBars as default };
+//# sourceMappingURL=PipelineBars.esm.js.map

package/dist/components/Charts/PipelineBars.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineBars.esm.js","sources":["../../../src/components/Charts/PipelineBars.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { Tooltip } from '@patternfly/react-core';\n\nimport {\n  ComputedStatus,\n  getRunStatusColor,\n  getTaskRunsForPipelineRun,\n  HorizontalStackedBars,\n  PipelineRunKind,\n  TaskStatusTooltip,\n  TaskStatusTypes,\n} from '@janus-idp/shared-react';\n\nimport { TektonResourcesContext } from '../../hooks/TektonResourcesContext';\nimport { getTaskStatusOfPLR } from '../../utils/tekton-utils';\nimport PipelineRunLogDialog from '../PipelineRunLogs/PipelineRunLogDialog';\n\ntype PipelineBarProps = { pipelineRun: PipelineRunKind };\n\nconst PipelineBars = ({ pipelineRun }: PipelineBarProps) => {\n  const { watchResourcesData } = React.useContext(TektonResourcesContext);\n  const [open, setOpen] = React.useState<boolean>(false);\n  const pods = watchResourcesData?.pods?.data || [];\n  const taskRuns = watchResourcesData?.taskruns?.data || [];\n  const plrTasks = getTaskRunsForPipelineRun(pipelineRun, taskRuns);\n  const taskStatus = getTaskStatusOfPLR(pipelineRun, plrTasks);\n\n  const openDialog = () => {\n    setOpen(true);\n  };\n\n  const closeDialog = () => {\n    setOpen(false);\n  };\n\n  return (\n    <>\n      <PipelineRunLogDialog\n        open={open}\n        closeDialog={closeDialog}\n        pods={pods}\n        taskRuns={taskRuns}\n        pipelineRun={pipelineRun}\n      />\n      <Tooltip content={<TaskStatusTooltip taskStatus={taskStatus} />}>\n        <HorizontalStackedBars\n          id={`${pipelineRun?.metadata?.name}`}\n          onClick={openDialog}\n          height=\"1em\"\n          inline\n          values={Object.keys(ComputedStatus).map(status => ({\n            color: getRunStatusColor(\n              ComputedStatus[status as keyof typeof ComputedStatus],\n            ).color,\n            name: status,\n            size: taskStatus[\n              ComputedStatus[\n                status as keyof typeof ComputedStatus\n              ] as keyof TaskStatusTypes\n            ],\n          }))}\n        />\n      </Tooltip>\n    </>\n  );\n};\n\nexport default PipelineBars;\n"],"names":["React"],"mappings":";;;;;;;AAmCA,MAAM,YAAe,GAAA,CAAC,EAAE,WAAA,EAAoC,KAAA;AAC1D,EAAA,MAAM,EAAE,kBAAA,EAAuB,GAAAA,cAAA,CAAM,WAAW,sBAAsB,CAAA;AACtE,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAAA,cAAA,CAAM,SAAkB,KAAK,CAAA;AACrD,EAAA,MAAM,IAAO,GAAA,kBAAA,EAAoB,IAAM,EAAA,IAAA,IAAQ,EAAC;AAChD,EAAA,MAAM,QAAW,GAAA,kBAAA,EAAoB,QAAU,EAAA,IAAA,IAAQ,EAAC;AACxD,EAAM,MAAA,QAAA,GAAW,yBAA0B,CAAA,WAAA,EAAa,QAAQ,CAAA;AAChE,EAAM,MAAA,UAAA,GAAa,kBAAmB,CAAA,WAAA,EAAa,QAAQ,CAAA;AAE3D,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,GACd;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,GACf;AAEA,EAAA,uBAEIA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,WAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA;AAAA,qBAEDA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,yBAAUA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAkB,YAAwB,CAC3D,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA,CAAA,EAAG,WAAa,EAAA,QAAA,EAAU,IAAI,CAAA,CAAA;AAAA,MAClC,OAAS,EAAA,UAAA;AAAA,MACT,MAAO,EAAA,KAAA;AAAA,MACP,MAAM,EAAA,IAAA;AAAA,MACN,QAAQ,MAAO,CAAA,IAAA,CAAK,cAAc,CAAA,CAAE,IAAI,CAAW,MAAA,MAAA;AAAA,QACjD,KAAO,EAAA,iBAAA;AAAA,UACL,eAAe,MAAqC;AAAA,SACpD,CAAA,KAAA;AAAA,QACF,IAAM,EAAA,MAAA;AAAA,QACN,IAAM,EAAA,UAAA,CACJ,cACE,CAAA,MACF,CACF;AAAA,OACA,CAAA;AAAA;AAAA,GAEN,CACF,CAAA;AAEJ;;;;"}

package/dist/components/Icons/CriticalRiskIcon.esm.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { global_palette_red_200 } from '@patternfly/react-tokens/dist/js/global_palette_red_200';
+
+const CriticalRiskIcon = ({
+  className,
+  title
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      viewBox: "0 0 925 1024",
+      fill: global_palette_red_200.value,
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    title && /* @__PURE__ */ React.createElement("title", null, title),
+    /* @__PURE__ */ React.createElement("path", { d: "M897.86597,252.24865 L491.105712,7.96742801 C473.40731,-2.65897781 451.300057,-2.65597516 433.611654,7.97743687 L27.1213875,252.245648 C10.3059556,262.353595 0.0163032058,280.549701 0.0163032058,300.182078 L0.0163032058,967.971163 C-1.04266102,1010.81008 49.7156241,1038.89994 85.4314175,1015.41816 C85.4304175,1015.42016 432.807682,798.630273 432.807682,798.630273 C450.891071,787.348287 473.816296,787.342282 491.906685,798.624268 L839.584939,1015.4612 C875.297732,1039.03406 926.031018,1010.73602 924.984054,968.003192 C924.985054,968.005193 924.985054,300.192087 924.985054,300.192087 C924.985054,280.552703 914.688401,262.353595 897.86597,252.24865" })
+  );
+};
+
+export { CriticalRiskIcon as default };
+//# sourceMappingURL=CriticalRiskIcon.esm.js.map

package/dist/components/Icons/CriticalRiskIcon.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CriticalRiskIcon.esm.js","sources":["../../../src/components/Icons/CriticalRiskIcon.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 * as React from 'react';\n\nimport { global_palette_red_200 as criticalColor } from '@patternfly/react-tokens/dist/js/global_palette_red_200';\n\nconst CriticalRiskIcon = ({\n  className,\n  title,\n}: {\n  className: string;\n  title?: string;\n}): React.ReactElement => {\n  return (\n    <svg\n      viewBox=\"0 0 925 1024\"\n      fill={criticalColor.value}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n    >\n      {title && <title>{title}</title>}\n      <path d=\"M897.86597,252.24865 L491.105712,7.96742801 C473.40731,-2.65897781 451.300057,-2.65597516 433.611654,7.97743687 L27.1213875,252.245648 C10.3059556,262.353595 0.0163032058,280.549701 0.0163032058,300.182078 L0.0163032058,967.971163 C-1.04266102,1010.81008 49.7156241,1038.89994 85.4314175,1015.41816 C85.4304175,1015.42016 432.807682,798.630273 432.807682,798.630273 C450.891071,787.348287 473.816296,787.342282 491.906685,798.624268 L839.584939,1015.4612 C875.297732,1039.03406 926.031018,1010.73602 924.984054,968.003192 C924.985054,968.005193 924.985054,300.192087 924.985054,300.192087 C924.985054,280.552703 914.688401,262.353595 897.86597,252.24865\" />\n    </svg>\n  );\n};\n\nexport default CriticalRiskIcon;\n"],"names":["criticalColor"],"mappings":";;;AAmBA,MAAM,mBAAmB,CAAC;AAAA,EACxB,SAAA;AAAA,EACA;AACF,CAG0B,KAAA;AACxB,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,cAAA;AAAA,MACR,MAAMA,sBAAc,CAAA,KAAA;AAAA,MACpB,KAAM,EAAA,4BAAA;AAAA,MACN;AAAA,KAAA;AAAA,IAEC,KAAA,oBAAU,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,EAAO,KAAM,CAAA;AAAA,oBACxB,KAAA,CAAA,aAAA,CAAC,MAAK,EAAA,EAAA,CAAA,EAAE,+oBAAgpB,EAAA;AAAA,GAC1pB;AAEJ;;;;"}

package/dist/components/Icons/EqualsIcon.esm.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { global_palette_gold_400 } from '@patternfly/react-tokens/dist/js/global_palette_gold_400';
+
+const EqualsIcon = ({
+  className,
+  title
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      viewBox: "0 -960 960 960",
+      fill: global_palette_gold_400.value,
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    title && /* @__PURE__ */ React.createElement("title", null, title),
+    /* @__PURE__ */ React.createElement("path", { d: "M160-280v-120h640v120H160Zm0-280v-120h640v120H160Z" })
+  );
+};
+
+export { EqualsIcon as default };
+//# sourceMappingURL=EqualsIcon.esm.js.map

package/dist/components/Icons/EqualsIcon.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EqualsIcon.esm.js","sources":["../../../src/components/Icons/EqualsIcon.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 * as React from 'react';\n\nimport { global_palette_gold_400 as mediumColor } from '@patternfly/react-tokens/dist/js/global_palette_gold_400';\n\nconst EqualsIcon = ({\n  className,\n  title,\n}: {\n  className: string;\n  title?: string;\n}): React.ReactElement => {\n  return (\n    <svg\n      viewBox=\"0 -960 960 960\"\n      fill={mediumColor.value}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n    >\n      {title && <title>{title}</title>}\n      <path d=\"M160-280v-120h640v120H160Zm0-280v-120h640v120H160Z\" />\n    </svg>\n  );\n};\n\nexport default EqualsIcon;\n"],"names":["mediumColor"],"mappings":";;;AAmBA,MAAM,aAAa,CAAC;AAAA,EAClB,SAAA;AAAA,EACA;AACF,CAG0B,KAAA;AACxB,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,gBAAA;AAAA,MACR,MAAMA,uBAAY,CAAA,KAAA;AAAA,MAClB,KAAM,EAAA,4BAAA;AAAA,MACN;AAAA,KAAA;AAAA,IAEC,KAAA,oBAAU,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,EAAO,KAAM,CAAA;AAAA,oBACxB,KAAA,CAAA,aAAA,CAAC,MAAK,EAAA,EAAA,CAAA,EAAE,oDAAqD,EAAA;AAAA,GAC/D;AAEJ;;;;"}

package/dist/components/Icons/LinkToSbomIcon.esm.js

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { makeStyles, createStyles } from '@material-ui/core';
+import classNames from 'classnames';
+
+const useStyles = makeStyles(
+  (theme) => createStyles({
+    icon: {
+      fill: "var(--pf-v5-global--Color--100)"
+    },
+    disabledButton: {
+      fill: theme.palette.grey[600]
+    }
+  })
+);
+const LinkToSBomIcon = ({
+  disabled,
+  dataTestId
+}) => {
+  const classes = useStyles();
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      "data-testid": dataTestId,
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: classNames(classes.icon, {
+        [classes.disabledButton]: disabled
+      })
+    },
+    /* @__PURE__ */ React.createElement("path", { d: "M11 17H7C5.61667 17 4.4375 16.5125 3.4625 15.5375C2.4875 14.5625 2 13.3833 2 12C2 10.6167 2.4875 9.4375 3.4625 8.4625C4.4375 7.4875 5.61667 7 7 7H11V9H7C6.16667 9 5.45833 9.29167 4.875 9.875C4.29167 10.4583 4 11.1667 4 12C4 12.8333 4.29167 13.5417 4.875 14.125C5.45833 14.7083 6.16667 15 7 15H11V17ZM8 13V11H16V13H8ZM13 17V15H17C17.8333 15 18.5417 14.7083 19.125 14.125C19.7083 13.5417 20 12.8333 20 12C20 11.1667 19.7083 10.4583 19.125 9.875C18.5417 9.29167 17.8333 9 17 9H13V7H17C18.3833 7 19.5625 7.4875 20.5375 8.4625C21.5125 9.4375 22 10.6167 22 12C22 13.3833 21.5125 14.5625 20.5375 15.5375C19.5625 16.5125 18.3833 17 17 17H13Z" })
+  );
+};
+
+export { LinkToSBomIcon as default };
+//# sourceMappingURL=LinkToSbomIcon.esm.js.map

package/dist/components/Icons/LinkToSbomIcon.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkToSbomIcon.esm.js","sources":["../../../src/components/Icons/LinkToSbomIcon.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 * as React from 'react';\n\nimport { createStyles, makeStyles, Theme } from '@material-ui/core';\nimport classNames from 'classnames';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    icon: {\n      fill: 'var(--pf-v5-global--Color--100)',\n    },\n    disabledButton: {\n      fill: theme.palette.grey[600],\n    },\n  }),\n);\n\nconst LinkToSBomIcon = ({\n  disabled,\n  dataTestId,\n}: {\n  dataTestId: string;\n  disabled?: boolean;\n}): React.ReactElement => {\n  const classes = useStyles();\n  return (\n    <svg\n      data-testid={dataTestId}\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={classNames(classes.icon, {\n        [classes.disabledButton]: disabled,\n      })}\n    >\n      <path d=\"M11 17H7C5.61667 17 4.4375 16.5125 3.4625 15.5375C2.4875 14.5625 2 13.3833 2 12C2 10.6167 2.4875 9.4375 3.4625 8.4625C4.4375 7.4875 5.61667 7 7 7H11V9H7C6.16667 9 5.45833 9.29167 4.875 9.875C4.29167 10.4583 4 11.1667 4 12C4 12.8333 4.29167 13.5417 4.875 14.125C5.45833 14.7083 6.16667 15 7 15H11V17ZM8 13V11H16V13H8ZM13 17V15H17C17.8333 15 18.5417 14.7083 19.125 14.125C19.7083 13.5417 20 12.8333 20 12C20 11.1667 19.7083 10.4583 19.125 9.875C18.5417 9.29167 17.8333 9 17 9H13V7H17C18.3833 7 19.5625 7.4875 20.5375 8.4625C21.5125 9.4375 22 10.6167 22 12C22 13.3833 21.5125 14.5625 20.5375 15.5375C19.5625 16.5125 18.3833 17 17 17H13Z\" />\n    </svg>\n  );\n};\n\nexport default LinkToSBomIcon;\n"],"names":[],"mappings":";;;;AAoBA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,CAAC,UAC5B,YAAa,CAAA;AAAA,IACX,IAAM,EAAA;AAAA,MACJ,IAAM,EAAA;AAAA,KACR;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,IAAM,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG;AAAA;AAC9B,GACD;AACH,CAAA;AAEA,MAAM,iBAAiB,CAAC;AAAA,EACtB,QAAA;AAAA,EACA;AACF,CAG0B,KAAA;AACxB,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAa,EAAA,UAAA;AAAA,MACb,KAAM,EAAA,IAAA;AAAA,MACN,MAAO,EAAA,IAAA;AAAA,MACP,OAAQ,EAAA,WAAA;AAAA,MACR,KAAM,EAAA,4BAAA;AAAA,MACN,SAAA,EAAW,UAAW,CAAA,OAAA,CAAQ,IAAM,EAAA;AAAA,QAClC,CAAC,OAAQ,CAAA,cAAc,GAAG;AAAA,OAC3B;AAAA,KAAA;AAAA,oBAED,KAAA,CAAA,aAAA,CAAC,MAAK,EAAA,EAAA,CAAA,EAAE,2nBAA4nB,EAAA;AAAA,GACtoB;AAEJ;;;;"}

package/dist/components/Icons/OutputIcon.esm.js

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { makeStyles, createStyles } from '@material-ui/core';
+import classNames from 'classnames';
+
+const useStyles = makeStyles(
+  (theme) => createStyles({
+    icon: {
+      fill: "var(--pf-v5-global--Color--100)"
+    },
+    disabledButton: {
+      fill: theme.palette.grey[600]
+    }
+  })
+);
+const OutputIcon = ({
+  disabled
+}) => {
+  const classes = useStyles();
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: classNames(classes.icon, {
+        [classes.disabledButton]: disabled
+      })
+    },
+    /* @__PURE__ */ React.createElement("path", { d: "M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V7H5V19ZM7 12V10H17V12H7ZM7 16V14H13V16H7Z" })
+  );
+};
+
+export { OutputIcon as default };
+//# sourceMappingURL=OutputIcon.esm.js.map

package/dist/components/Icons/OutputIcon.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutputIcon.esm.js","sources":["../../../src/components/Icons/OutputIcon.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 * as React from 'react';\n\nimport { createStyles, makeStyles, Theme } from '@material-ui/core';\nimport classNames from 'classnames';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    icon: {\n      fill: 'var(--pf-v5-global--Color--100)',\n    },\n    disabledButton: {\n      fill: theme.palette.grey[600],\n    },\n  }),\n);\n\nconst OutputIcon = ({\n  disabled,\n}: {\n  disabled?: boolean;\n}): React.ReactElement => {\n  const classes = useStyles();\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={classNames(classes.icon, {\n        [classes.disabledButton]: disabled,\n      })}\n    >\n      <path d=\"M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V7H5V19ZM7 12V10H17V12H7ZM7 16V14H13V16H7Z\" />\n    </svg>\n  );\n};\n\nexport default OutputIcon;\n"],"names":[],"mappings":";;;;AAoBA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,CAAC,UAC5B,YAAa,CAAA;AAAA,IACX,IAAM,EAAA;AAAA,MACJ,IAAM,EAAA;AAAA,KACR;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,IAAM,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG;AAAA;AAC9B,GACD;AACH,CAAA;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB;AACF,CAE0B,KAAA;AACxB,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,IAAA;AAAA,MACN,MAAO,EAAA,IAAA;AAAA,MACP,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,MACN,SAAA,EAAW,UAAW,CAAA,OAAA,CAAQ,IAAM,EAAA;AAAA,QAClC,CAAC,OAAQ,CAAA,cAAc,GAAG;AAAA,OAC3B;AAAA,KAAA;AAAA,oBAED,KAAA,CAAA,aAAA,CAAC,MAAK,EAAA,EAAA,CAAA,EAAE,oVAAqV,EAAA;AAAA,GAC/V;AAEJ;;;;"}

package/dist/components/Icons/SignedBadge.esm.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+const SignedBadgeIcon = ({
+  style
+}) => {
+  return /* @__PURE__ */ React.createElement("svg", { version: "1.1", viewBox: "0 0 24 24", style }, /* @__PURE__ */ React.createElement("g", { fillRule: "evenodd", stroke: "none", strokeWidth: "1", fill: "none" }, /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      d: "M10.9 15.1L16.6 9.39998L15.55 8.37498L10.975 12.95L8.45 10.425L7.35 11.525L10.9 15.1ZM12 21.975C9.66667 21.3916 7.75 20.0375 6.25 17.9125C4.75 15.7875 4 13.4583 4 10.925V4.97498L12 1.97498L20 4.97498V10.925C20 13.4583 19.25 15.7875 17.75 17.9125C16.25 20.0375 14.3333 21.3916 12 21.975Z",
+      fill: "#757575"
+    }
+  )));
+};
+
+export { SignedBadgeIcon as default };
+//# sourceMappingURL=SignedBadge.esm.js.map

package/dist/components/Icons/SignedBadge.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignedBadge.esm.js","sources":["../../../src/components/Icons/SignedBadge.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 * as React from 'react';\n\nconst SignedBadgeIcon: React.FC<React.HTMLProps<SVGElement>> = ({\n  style,\n}): React.ReactElement => {\n  return (\n    <svg version=\"1.1\" viewBox=\"0 0 24 24\" style={style}>\n      <g fillRule=\"evenodd\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\">\n        <path\n          d=\"M10.9 15.1L16.6 9.39998L15.55 8.37498L10.975 12.95L8.45 10.425L7.35 11.525L10.9 15.1ZM12 21.975C9.66667 21.3916 7.75 20.0375 6.25 17.9125C4.75 15.7875 4 13.4583 4 10.925V4.97498L12 1.97498L20 4.97498V10.925C20 13.4583 19.25 15.7875 17.75 17.9125C16.25 20.0375 14.3333 21.3916 12 21.975Z\"\n          fill=\"#757575\"\n        />\n      </g>\n    </svg>\n  );\n};\n\nexport default SignedBadgeIcon;\n"],"names":[],"mappings":";;AAiBA,MAAM,kBAAyD,CAAC;AAAA,EAC9D;AACF,CAA0B,KAAA;AACxB,EAAA,2CACG,KAAI,EAAA,EAAA,OAAA,EAAQ,KAAM,EAAA,OAAA,EAAQ,aAAY,KACrC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAE,EAAA,EAAA,QAAA,EAAS,WAAU,MAAO,EAAA,MAAA,EAAO,WAAY,EAAA,GAAA,EAAI,MAAK,MACvD,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,CAAE,EAAA,gSAAA;AAAA,MACF,IAAK,EAAA;AAAA;AAAA,GAET,CACF,CAAA;AAEJ;;;;"}

package/dist/components/Icons/ViewLogsIcon.esm.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { makeStyles, createStyles } from '@material-ui/core';
+import classNames from 'classnames';
+
+const useStyles = makeStyles(
+  (theme) => createStyles({
+    icon: {
+      fill: "var(--pf-v5-global--Color--100)"
+    },
+    disabledButton: {
+      fill: theme.palette.grey[600]
+    }
+  })
+);
+const ViewLogsIcon = ({
+  disabled
+}) => {
+  const classes = useStyles();
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: classNames(classes.icon, {
+        [classes.disabledButton]: disabled
+      })
+    },
+    /* @__PURE__ */ React.createElement("path", { d: "M4.5 21C4.0875 21 3.73438 20.8531 3.44063 20.5594C3.14688 20.2656 3 19.9125 3 19.5V4.5C3 4.0875 3.14688 3.73438 3.44063 3.44063C3.73438 3.14688 4.0875 3 4.5 3H19.5C19.9125 3 20.2656 3.14688 20.5594 3.44063C20.8531 3.73438 21 4.0875 21 4.5V19.5C21 19.9125 20.8531 20.2656 20.5594 20.5594C20.2656 20.8531 19.9125 21 19.5 21H4.5ZM4.5 19.5H19.5V6.5H4.5V19.5ZM12.001 16.875C10.667 16.875 9.475 16.5154 8.425 15.7962C7.375 15.077 6.60833 14.1437 6.125 12.9962C6.60833 11.8487 7.37466 10.9167 8.42398 10.2C9.47329 9.48333 10.665 9.125 11.999 9.125C13.333 9.125 14.525 9.48459 15.575 10.2038C16.625 10.923 17.3917 11.8563 17.875 13.0038C17.3917 14.1513 16.6253 15.0833 15.576 15.8C14.5267 16.5167 13.335 16.875 12.001 16.875ZM11.9971 14.25C11.649 14.25 11.3542 14.1282 11.1125 13.8846C10.8708 13.6409 10.75 13.3451 10.75 12.9971C10.75 12.649 10.8718 12.3542 11.1155 12.1125C11.3591 11.8708 11.6549 11.75 12.003 11.75C12.351 11.75 12.6458 11.8718 12.8875 12.1155C13.1292 12.3591 13.25 12.6549 13.25 13.003C13.25 13.351 13.1282 13.6458 12.8846 13.8875C12.6409 14.1292 12.3451 14.25 11.9971 14.25ZM12 15C12.56 15 13.0333 14.8067 13.42 14.42C13.8067 14.0333 14 13.56 14 13C14 12.44 13.8067 11.9667 13.42 11.58C13.0333 11.1933 12.56 11 12 11C11.44 11 10.9667 11.1933 10.58 11.58C10.1933 11.9667 10 12.44 10 13C10 13.56 10.1933 14.0333 10.58 14.42C10.9667 14.8067 11.44 15 12 15Z" })
+  );
+};
+
+export { ViewLogsIcon as default };
+//# sourceMappingURL=ViewLogsIcon.esm.js.map

package/dist/components/Icons/ViewLogsIcon.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewLogsIcon.esm.js","sources":["../../../src/components/Icons/ViewLogsIcon.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 * as React from 'react';\n\nimport { createStyles, makeStyles, Theme } from '@material-ui/core';\nimport classNames from 'classnames';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    icon: {\n      fill: 'var(--pf-v5-global--Color--100)',\n    },\n    disabledButton: {\n      fill: theme.palette.grey[600],\n    },\n  }),\n);\n\nconst ViewLogsIcon = ({\n  disabled,\n}: {\n  disabled?: boolean;\n}): React.ReactElement => {\n  const classes = useStyles();\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={classNames(classes.icon, {\n        [classes.disabledButton]: disabled,\n      })}\n    >\n      <path d=\"M4.5 21C4.0875 21 3.73438 20.8531 3.44063 20.5594C3.14688 20.2656 3 19.9125 3 19.5V4.5C3 4.0875 3.14688 3.73438 3.44063 3.44063C3.73438 3.14688 4.0875 3 4.5 3H19.5C19.9125 3 20.2656 3.14688 20.5594 3.44063C20.8531 3.73438 21 4.0875 21 4.5V19.5C21 19.9125 20.8531 20.2656 20.5594 20.5594C20.2656 20.8531 19.9125 21 19.5 21H4.5ZM4.5 19.5H19.5V6.5H4.5V19.5ZM12.001 16.875C10.667 16.875 9.475 16.5154 8.425 15.7962C7.375 15.077 6.60833 14.1437 6.125 12.9962C6.60833 11.8487 7.37466 10.9167 8.42398 10.2C9.47329 9.48333 10.665 9.125 11.999 9.125C13.333 9.125 14.525 9.48459 15.575 10.2038C16.625 10.923 17.3917 11.8563 17.875 13.0038C17.3917 14.1513 16.6253 15.0833 15.576 15.8C14.5267 16.5167 13.335 16.875 12.001 16.875ZM11.9971 14.25C11.649 14.25 11.3542 14.1282 11.1125 13.8846C10.8708 13.6409 10.75 13.3451 10.75 12.9971C10.75 12.649 10.8718 12.3542 11.1155 12.1125C11.3591 11.8708 11.6549 11.75 12.003 11.75C12.351 11.75 12.6458 11.8718 12.8875 12.1155C13.1292 12.3591 13.25 12.6549 13.25 13.003C13.25 13.351 13.1282 13.6458 12.8846 13.8875C12.6409 14.1292 12.3451 14.25 11.9971 14.25ZM12 15C12.56 15 13.0333 14.8067 13.42 14.42C13.8067 14.0333 14 13.56 14 13C14 12.44 13.8067 11.9667 13.42 11.58C13.0333 11.1933 12.56 11 12 11C11.44 11 10.9667 11.1933 10.58 11.58C10.1933 11.9667 10 12.44 10 13C10 13.56 10.1933 14.0333 10.58 14.42C10.9667 14.8067 11.44 15 12 15Z\" />\n    </svg>\n  );\n};\n\nexport default ViewLogsIcon;\n"],"names":[],"mappings":";;;;AAoBA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,CAAC,UAC5B,YAAa,CAAA;AAAA,IACX,IAAM,EAAA;AAAA,MACJ,IAAM,EAAA;AAAA,KACR;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,IAAM,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG;AAAA;AAC9B,GACD;AACH,CAAA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB;AACF,CAE0B,KAAA;AACxB,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,IAAA;AAAA,MACN,MAAO,EAAA,IAAA;AAAA,MACP,OAAQ,EAAA,WAAA;AAAA,MACR,KAAM,EAAA,4BAAA;AAAA,MACN,SAAA,EAAW,UAAW,CAAA,OAAA,CAAQ,IAAM,EAAA;AAAA,QAClC,CAAC,OAAQ,CAAA,cAAc,GAAG;AAAA,OAC3B;AAAA,KAAA;AAAA,oBAED,KAAA,CAAA,aAAA,CAAC,MAAK,EAAA,EAAA,CAAA,EAAE,u1CAAw1C,EAAA;AAAA,GACl2C;AAEJ;;;;"}