@backstage-community/plugin-apiiro 0.1.0

package/dist/pages/Repositories/tableConfig.esm.js

@@ -0,0 +1,294 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Link } from 'react-router-dom';
+import '@backstage/core-components';
+import '@mui/material/SvgIcon';
+import 'react';
+import '@mui/x-data-grid';
+import Box from '@mui/material/Box';
+import '@mui/material/styles';
+import '@mui/material/MenuItem';
+import '@mui/material/ListItemIcon';
+import '@mui/material/ListItemText';
+import '@mui/icons-material';
+import Typography from '@mui/material/Typography';
+import '@mui/material/Select';
+import '@mui/material/Pagination';
+import '@mui/material/TextField';
+import '@mui/material/InputAdornment';
+import '@mui/icons-material/Search';
+import '@mui/icons-material/Clear';
+import '@mui/material/IconButton';
+import '../../components/common/ChartBox.esm.js';
+import 'react-dom';
+import '../../components/common/logoSpinner.esm.js';
+import { Chip } from '../../components/Chip.esm.js';
+import { ChipsList } from '../../components/ChipsList.esm.js';
+import { RiskLevel } from '../../components/RiskLevel.esm.js';
+import { SimpleTooltip } from '../../components/SimpleTooltip.esm.js';
+import '@mui/material/Avatar';
+import '@mui/material/Chip';
+import '@mui/material/Link';
+import 'react-icons/vsc';
+import 'react-icons/si';
+import '@backstage-community/plugin-apiiro-common';
+import { formatDate } from '../../utils/dateFormatter.esm.js';
+import '../../components/filters/FilterDropdown.esm.js';
+import '../../components/filters/RiskInsightFilter.esm.js';
+import '../../components/CalendarDatePicker.esm.js';
+import '@mui/material/ButtonBase';
+import '@mui/material/Popper';
+import '@mui/material/ClickAwayListener';
+import '@mui/material/Tooltip';
+import '@mui/material/Skeleton';
+import '@mui/icons-material/KeyboardArrowDown';
+import '@mui/icons-material/Close';
+import { scmProviderIcons } from '../../components/common/scmProviders.esm.js';
+
+const businessImpactColorMapping = {
+  High: "error",
+  Medium: "warning",
+  Low: "warning"
+};
+const repositoryColumns = [
+  {
+    field: "name",
+    headerName: "Repository Name",
+    flex: 1.5,
+    hideable: false,
+    minWidth: 230,
+    valueGetter: (_, row) => `${row.name} (${row.branchName})`,
+    renderCell: (params) => {
+      const IconComponent = scmProviderIcons[params.row.provider];
+      const redirectURL = `${params.row.entityUrl}/apiiro`;
+      return /* @__PURE__ */ jsx(SimpleTooltip, { title: params.formattedValue || "", children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: "5px",
+            width: "100%",
+            minWidth: 0
+          },
+          children: [
+            IconComponent && /* @__PURE__ */ jsx(IconComponent, { style: { flexShrink: 0 } }),
+            /* @__PURE__ */ jsx(
+              Link,
+              {
+                to: redirectURL,
+                style: {
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap",
+                  minWidth: 0,
+                  flex: 1
+                },
+                children: params.formattedValue
+              }
+            )
+          ]
+        }
+      ) });
+    }
+  },
+  {
+    field: "visibility",
+    headerName: "Public/Private",
+    flex: 1.2,
+    minWidth: 150,
+    headerAlign: "center",
+    valueGetter: (_, row) => row.isPublic ? "Public" : "Private",
+    renderCell: (params) => /* @__PURE__ */ jsx(
+      SimpleTooltip,
+      {
+        title: params.formattedValue || "",
+        centered: true,
+        tooltipProps: {
+          PopperProps: {
+            modifiers: [{ name: "offset", options: { offset: [0, -20] } }]
+          }
+        },
+        children: params.formattedValue
+      }
+    )
+  },
+  {
+    field: "businessImpact",
+    headerName: "Business Impact",
+    flex: 1.2,
+    minWidth: 150,
+    headerAlign: "center",
+    renderCell: (params) => /* @__PURE__ */ jsx(SimpleTooltip, { title: params.value ?? "", centered: true, children: /* @__PURE__ */ jsx(
+      Chip,
+      {
+        label: params.value,
+        colorMapping: businessImpactColorMapping,
+        size: "small",
+        variant: "outlined",
+        chipSx: { marginBottom: "0" }
+      }
+    ) })
+  },
+  {
+    field: "riskLevel",
+    headerName: "Risk Level",
+    flex: 1,
+    minWidth: 150,
+    headerAlign: "center",
+    renderCell: (params) => /* @__PURE__ */ jsx(SimpleTooltip, { title: params.value ?? "", centered: true, children: /* @__PURE__ */ jsx(RiskLevel, { level: params.value, iconSize: "large" }) })
+  },
+  {
+    field: "riskScore",
+    headerName: "Risk Score",
+    flex: 1,
+    minWidth: 150,
+    headerAlign: "center",
+    renderCell: (params) => /* @__PURE__ */ jsx(SimpleTooltip, { title: params.value ?? "", centered: true, children: params.value ?? "" })
+  },
+  {
+    field: "languages",
+    headerName: "Languages",
+    flex: 1.5,
+    minWidth: 200,
+    valueGetter: (_, row) => row.languages,
+    renderCell: (params) => {
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          sx: {
+            position: "relative",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            height: "100%",
+            width: "100%"
+          },
+          children: /* @__PURE__ */ jsx(
+            ChipsList,
+            {
+              items: params.value.map((item) => ({
+                id: item,
+                label: item
+              })),
+              maxVisible: 2,
+              gap: 0,
+              variant: "outlined"
+            }
+          )
+        }
+      );
+    }
+  },
+  {
+    field: "isDeployed",
+    headerName: "Deployed",
+    flex: 1,
+    minWidth: 150,
+    headerAlign: "center",
+    valueGetter: (_, row) => row.isDeployed ? "Yes" : "No",
+    renderCell: (params) => /* @__PURE__ */ jsx(SimpleTooltip, { title: params.formattedValue || "", centered: true, children: params.formattedValue })
+  },
+  {
+    field: "isInternetExposed",
+    headerName: "Internet Exposed",
+    flex: 1,
+    minWidth: 150,
+    headerAlign: "center",
+    valueGetter: (_, row) => row.isInternetExposed ? "Yes" : "No",
+    renderCell: (params) => /* @__PURE__ */ jsx(SimpleTooltip, { title: params.formattedValue || "", centered: true, children: params.formattedValue })
+  },
+  {
+    field: "apiCount",
+    headerName: "APIs",
+    flex: 1,
+    minWidth: 150,
+    headerAlign: "center",
+    renderCell: (params) => /* @__PURE__ */ jsx(SimpleTooltip, { title: params.value ?? "", centered: true, children: params.value ?? "" })
+  },
+  {
+    field: "sensitiveData",
+    headerName: "Sensitive Data",
+    flex: 1.2,
+    minWidth: 150,
+    headerAlign: "center",
+    renderCell: (params) => {
+      const sensitiveTypes = [];
+      if (params.row.hasPiiData) sensitiveTypes.push("PII");
+      if (params.row.hasPhiData) sensitiveTypes.push("PHI");
+      if (params.row.hasPaymentsData) sensitiveTypes.push("Payments");
+      const displayValue = sensitiveTypes.length > 0 ? "Yes" : "No";
+      const tooltipText = sensitiveTypes.length > 0 ? `Contains: ${sensitiveTypes.join(", ")}` : "No sensitive data";
+      return /* @__PURE__ */ jsx(SimpleTooltip, { title: tooltipText, centered: true, children: /* @__PURE__ */ jsx(Typography, { children: displayValue }) });
+    }
+  },
+  {
+    field: "contributorCount",
+    headerName: "Contributors",
+    flex: 1,
+    minWidth: 150,
+    headerAlign: "center",
+    renderCell: (params) => /* @__PURE__ */ jsx(SimpleTooltip, { title: params.value ?? "", centered: true, children: params.value ?? "" })
+  },
+  {
+    field: "activeSince",
+    headerName: "Active Since",
+    type: "date",
+    flex: 1.2,
+    minWidth: 150,
+    headerAlign: "center",
+    valueGetter: (_, row) => row.activeSince ? new Date(row.activeSince) : null,
+    renderCell: (params) => /* @__PURE__ */ jsx(
+      SimpleTooltip,
+      {
+        title: params.value?.toLocaleDateString() || "N/A",
+        centered: true,
+        children: params.value ? formatDate(params.value) : "N/A"
+      }
+    )
+  },
+  {
+    field: "lastActivity",
+    headerName: "Last Activity",
+    type: "date",
+    flex: 1.2,
+    minWidth: 150,
+    headerAlign: "center",
+    valueGetter: (_, row) => row.lastActivity ? new Date(row.lastActivity) : null,
+    renderCell: (params) => /* @__PURE__ */ jsx(
+      SimpleTooltip,
+      {
+        title: params.value?.toLocaleDateString() || "N/A",
+        centered: true,
+        children: params.value ? formatDate(params.value) : "N/A"
+      }
+    )
+  },
+  {
+    field: "isArchived",
+    headerName: "Archived",
+    flex: 1,
+    minWidth: 150,
+    headerAlign: "center",
+    valueGetter: (_, row) => row.isArchived ? "Yes" : "No",
+    renderCell: (params) => /* @__PURE__ */ jsx(SimpleTooltip, { title: params.formattedValue || "", centered: true, children: params.formattedValue })
+  }
+];
+const columnVisibilityModal = {
+  name: true,
+  visibility: true,
+  businessImpact: true,
+  riskLevel: true,
+  riskScore: true,
+  languages: true,
+  isDeployed: false,
+  isInternetExposed: false,
+  apiCount: false,
+  sensitiveData: false,
+  contributorCount: false,
+  activeSince: false,
+  lastActivity: false,
+  isArchived: false
+};
+
+export { businessImpactColorMapping, columnVisibilityModal, repositoryColumns };
+//# sourceMappingURL=tableConfig.esm.js.map

package/dist/pages/Repositories/tableConfig.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableConfig.esm.js","sources":["../../../src/pages/Repositories/tableConfig.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { GridColDef } from '@mui/x-data-grid';\nimport { Link } from 'react-router-dom';\nimport { Chip, ChipsList, RiskLevel, SimpleTooltip } from '../../components';\nimport { scmProviderIcons } from '../../components/common/scmProviders';\nimport { formatDate } from '../../utils/dateFormatter';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\n// Color mapping for business impact\nexport const businessImpactColorMapping = {\n  High: 'error',\n  Medium: 'warning',\n  Low: 'warning',\n} as const;\n\n// Repository columns configuration\nexport const repositoryColumns: GridColDef[] = [\n  {\n    field: 'name',\n    headerName: 'Repository Name',\n    flex: 1.5,\n    hideable: false,\n    minWidth: 230,\n    valueGetter: (_, row) => `${row.name} (${row.branchName})`,\n    renderCell: (params: any) => {\n      const IconComponent = scmProviderIcons[params.row.provider as string];\n      const redirectURL = `${params.row.entityUrl}/apiiro`;\n      return (\n        <SimpleTooltip title={params.formattedValue || ''}>\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: '5px',\n              width: '100%',\n              minWidth: 0,\n            }}\n          >\n            {IconComponent && <IconComponent style={{ flexShrink: 0 }} />}\n            <Link\n              to={redirectURL}\n              style={{\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n                whiteSpace: 'nowrap',\n                minWidth: 0,\n                flex: 1,\n              }}\n            >\n              {params.formattedValue}\n            </Link>\n          </div>\n        </SimpleTooltip>\n      );\n    },\n  },\n  {\n    field: 'visibility',\n    headerName: 'Public/Private',\n    flex: 1.2,\n    minWidth: 150,\n    headerAlign: 'center',\n    valueGetter: (_, row) => (row.isPublic ? 'Public' : 'Private'),\n    renderCell: (params: any) => (\n      <SimpleTooltip\n        title={params.formattedValue || ''}\n        centered\n        tooltipProps={{\n          PopperProps: {\n            modifiers: [{ name: 'offset', options: { offset: [0, -20] } }],\n          },\n        }}\n      >\n        {params.formattedValue}\n      </SimpleTooltip>\n    ),\n  },\n  {\n    field: 'businessImpact',\n    headerName: 'Business Impact',\n    flex: 1.2,\n    minWidth: 150,\n    headerAlign: 'center',\n    renderCell: (params: any) => (\n      <SimpleTooltip title={params.value ?? ''} centered>\n        <Chip\n          label={params.value}\n          colorMapping={businessImpactColorMapping}\n          size=\"small\"\n          variant=\"outlined\"\n          chipSx={{ marginBottom: '0' }}\n        />\n      </SimpleTooltip>\n    ),\n  },\n  {\n    field: 'riskLevel',\n    headerName: 'Risk Level',\n    flex: 1,\n    minWidth: 150,\n    headerAlign: 'center',\n    renderCell: (params: any) => (\n      <SimpleTooltip title={params.value ?? ''} centered>\n        <RiskLevel level={params.value} iconSize=\"large\" />\n      </SimpleTooltip>\n    ),\n  },\n  {\n    field: 'riskScore',\n    headerName: 'Risk Score',\n    flex: 1,\n    minWidth: 150,\n    headerAlign: 'center',\n    renderCell: (params: any) => (\n      <SimpleTooltip title={params.value ?? ''} centered>\n        {params.value ?? ''}\n      </SimpleTooltip>\n    ),\n  },\n  {\n    field: 'languages',\n    headerName: 'Languages',\n    flex: 1.5,\n    minWidth: 200,\n    valueGetter: (_, row) => row.languages,\n    renderCell: (params: any) => {\n      return (\n        <Box\n          sx={{\n            position: 'relative',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            height: '100%',\n            width: '100%',\n          }}\n        >\n          <ChipsList\n            items={params.value.map((item: any) => ({\n              id: item,\n              label: item,\n            }))}\n            maxVisible={2}\n            gap={0}\n            variant=\"outlined\"\n          />\n        </Box>\n      );\n    },\n  },\n  {\n    field: 'isDeployed',\n    headerName: 'Deployed',\n    flex: 1,\n    minWidth: 150,\n    headerAlign: 'center',\n    valueGetter: (_, row) => (row.isDeployed ? 'Yes' : 'No'),\n    renderCell: (params: any) => (\n      <SimpleTooltip title={params.formattedValue || ''} centered>\n        {params.formattedValue}\n      </SimpleTooltip>\n    ),\n  },\n  {\n    field: 'isInternetExposed',\n    headerName: 'Internet Exposed',\n    flex: 1,\n    minWidth: 150,\n    headerAlign: 'center',\n    valueGetter: (_, row) => (row.isInternetExposed ? 'Yes' : 'No'),\n    renderCell: (params: any) => (\n      <SimpleTooltip title={params.formattedValue || ''} centered>\n        {params.formattedValue}\n      </SimpleTooltip>\n    ),\n  },\n  {\n    field: 'apiCount',\n    headerName: 'APIs',\n    flex: 1,\n    minWidth: 150,\n    headerAlign: 'center',\n    renderCell: (params: any) => (\n      <SimpleTooltip title={params.value ?? ''} centered>\n        {params.value ?? ''}\n      </SimpleTooltip>\n    ),\n  },\n  {\n    field: 'sensitiveData',\n    headerName: 'Sensitive Data',\n    flex: 1.2,\n    minWidth: 150,\n    headerAlign: 'center',\n    renderCell: (params: any) => {\n      const sensitiveTypes = [];\n      if (params.row.hasPiiData) sensitiveTypes.push('PII');\n      if (params.row.hasPhiData) sensitiveTypes.push('PHI');\n      if (params.row.hasPaymentsData) sensitiveTypes.push('Payments');\n      const displayValue = sensitiveTypes.length > 0 ? 'Yes' : 'No';\n      const tooltipText =\n        sensitiveTypes.length > 0\n          ? `Contains: ${sensitiveTypes.join(', ')}`\n          : 'No sensitive data';\n      return (\n        <SimpleTooltip title={tooltipText} centered>\n          <Typography>{displayValue}</Typography>\n        </SimpleTooltip>\n      );\n    },\n  },\n  {\n    field: 'contributorCount',\n    headerName: 'Contributors',\n    flex: 1,\n    minWidth: 150,\n    headerAlign: 'center',\n    renderCell: (params: any) => (\n      <SimpleTooltip title={params.value ?? ''} centered>\n        {params.value ?? ''}\n      </SimpleTooltip>\n    ),\n  },\n  {\n    field: 'activeSince',\n    headerName: 'Active Since',\n    type: 'date',\n    flex: 1.2,\n    minWidth: 150,\n    headerAlign: 'center',\n    valueGetter: (_, row) =>\n      row.activeSince ? new Date(row.activeSince) : null,\n    renderCell: (params: any) => (\n      <SimpleTooltip\n        title={params.value?.toLocaleDateString() || 'N/A'}\n        centered\n      >\n        {params.value ? formatDate(params.value) : 'N/A'}\n      </SimpleTooltip>\n    ),\n  },\n  {\n    field: 'lastActivity',\n    headerName: 'Last Activity',\n    type: 'date',\n    flex: 1.2,\n    minWidth: 150,\n    headerAlign: 'center',\n    valueGetter: (_, row) =>\n      row.lastActivity ? new Date(row.lastActivity) : null,\n    renderCell: (params: any) => (\n      <SimpleTooltip\n        title={params.value?.toLocaleDateString() || 'N/A'}\n        centered\n      >\n        {params.value ? formatDate(params.value) : 'N/A'}\n      </SimpleTooltip>\n    ),\n  },\n  {\n    field: 'isArchived',\n    headerName: 'Archived',\n    flex: 1,\n    minWidth: 150,\n    headerAlign: 'center',\n    valueGetter: (_, row) => (row.isArchived ? 'Yes' : 'No'),\n    renderCell: (params: any) => (\n      <SimpleTooltip title={params.formattedValue || ''} centered>\n        {params.formattedValue}\n      </SimpleTooltip>\n    ),\n  },\n];\n\nexport const columnVisibilityModal = {\n  name: true,\n  visibility: true,\n  businessImpact: true,\n  riskLevel: true,\n  riskScore: true,\n  languages: true,\n  isDeployed: false,\n  isInternetExposed: false,\n  apiCount: false,\n  sensitiveData: false,\n  contributorCount: false,\n  activeSince: false,\n  lastActivity: false,\n  isArchived: false,\n};\n"],"names":[],"mappings":"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"}

package/dist/pages/Risks/Risks.esm.js

@@ -0,0 +1,258 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useMemo, useState, useRef } from 'react';
+import { useApi, fetchApiRef } from '@backstage/core-plugin-api';
+import { apiiroApiRef } from '../../api/index.esm.js';
+import { DataGrid } from '../../components/DataGrid/DataGrid.esm.js';
+import Box from '@mui/material/Box';
+import '@mui/material/Typography';
+import '@mui/material/Select';
+import '@mui/material/MenuItem';
+import '@mui/material/Pagination';
+import '@mui/material/styles';
+import '@mui/x-data-grid';
+import '@mui/material/ListItemIcon';
+import '@mui/material/ListItemText';
+import '@mui/icons-material';
+import '@mui/material/TextField';
+import '@mui/material/InputAdornment';
+import '@mui/icons-material/Search';
+import '@mui/icons-material/Clear';
+import '@mui/material/IconButton';
+import { useUrlFilters } from '../../hooks/useUrlFilters.esm.js';
+import '@backstage/core-components';
+import '@mui/material/SvgIcon';
+import '@mui/material/Chip';
+import '@mui/material/Link';
+import 'react-dom';
+import { RiskLevel } from '../../components/RiskLevel.esm.js';
+import '@mui/material/Avatar';
+import 'react-icons/vsc';
+import 'react-icons/si';
+import '@backstage-community/plugin-apiiro-common';
+import { FilterDropdown } from '../../components/filters/FilterDropdown.esm.js';
+import { RiskInsightFilter } from '../../components/filters/RiskInsightFilter.esm.js';
+import { createDefaultQuickRanges } from '../../components/CalendarDatePicker.esm.js';
+import { DiscoveredOnFilter } from '../../components/filters/DiscoveredOnFilter.esm.js';
+import { ErrorSnackbar } from '../../components/common/ErrorSnackbar.esm.js';
+import '@tanstack/react-query';
+import { useRisksData } from '../../queries/risks.queries.esm.js';
+import { useFilterOptionsData } from '../../queries/filterOptions.queries.esm.js';
+import { columnVisibilityModal, risksColumns } from './tableConfig.esm.js';
+
+const formatDateForAPI = (date) => {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+};
+const transformToDropdownOptions = (filterDef) => {
+  return filterDef.filterOptions.map((option) => ({
+    value: option.name,
+    label: option.displayName
+  }));
+};
+const transformToRiskLevelOptions = (filterDef) => {
+  return filterDef.filterOptions.map((option) => ({
+    value: option.name,
+    label: option.displayName,
+    icon: /* @__PURE__ */ jsx(RiskLevel, { level: option.name, iconSize: "large" })
+  }));
+};
+const transformToRiskInsightOptions = (filterDef) => {
+  return filterDef.filterOptions.map((option) => ({
+    name: option.name,
+    displayName: option.displayName,
+    description: option.displayName,
+    // Use displayName as description fallback
+    sentiment: "Neutral",
+    sortOrder: option.sortOrder,
+    group: option.group || "General",
+    groupOrder: option.groupOrder
+  }));
+};
+const INITIAL_SORTING = [
+  {
+    field: "riskLevel",
+    sort: "desc"
+  }
+];
+const PAGE_SIZE_OPTIONS = [10, 20, 50, 100];
+const DATA_GRID_FEATURES = {
+  quickSearch: true,
+  columnPinning: true,
+  columnReordering: true,
+  customPagination: true,
+  columnMenu: true,
+  persistLayout: true
+};
+const Risks = ({
+  repoId,
+  entityRef
+}) => {
+  const connectBackendApi = useApi(apiiroApiRef);
+  const { fetch } = useApi(fetchApiRef);
+  const quickRanges = useMemo(() => createDefaultQuickRanges(), []);
+  const {
+    filters,
+    setRiskCategoryFilter,
+    setRiskLevelFilter,
+    setFindingCategoryFilter,
+    setRiskInsightFilter,
+    setDiscoveredOnRange,
+    setSelectedPreset
+  } = useUrlFilters();
+  const riskCategoryFilter = filters.riskCategory;
+  const riskLevelFilter = filters.riskLevel;
+  const findingCategoryFilter = filters.findingCategory;
+  const riskInsightFilter = filters.riskInsight;
+  const discoveredOnRange = filters.discoveredOnRange;
+  const selectedPreset = filters.selectedPreset;
+  const [isPresetSelection, setIsPresetSelection] = useState(false);
+  const presetSelectionRef = useRef(false);
+  const {
+    filterOptionsData,
+    filterOptionsDataLoading,
+    filterOptionsDataError
+  } = useFilterOptionsData({
+    connectApi: connectBackendApi,
+    fetchApi: fetch
+  });
+  const riskCategoryOptions = useMemo(() => {
+    const filterDef = filterOptionsData?.find((f) => f.name === "RiskCategory");
+    return filterDef ? transformToDropdownOptions(filterDef) : [];
+  }, [filterOptionsData]);
+  const riskLevelOptions = useMemo(() => {
+    const filterDef = filterOptionsData?.find((f) => f.name === "RiskLevel");
+    return filterDef ? transformToRiskLevelOptions(filterDef) : [];
+  }, [filterOptionsData]);
+  const findingCategoryOptions = useMemo(() => {
+    const filterDef = filterOptionsData?.find(
+      (f) => f.name === "FindingCategory"
+    );
+    return filterDef ? transformToDropdownOptions(filterDef) : [];
+  }, [filterOptionsData]);
+  const riskInsightOptions = useMemo(() => {
+    const filterDef = filterOptionsData?.find((f) => f.name === "RiskInsight");
+    return filterDef ? transformToRiskInsightOptions(filterDef) : [];
+  }, [filterOptionsData]);
+  const { risksData, risksDataLoading, risksDataError } = useRisksData({
+    connectApi: connectBackendApi,
+    fetchApi: fetch,
+    repositoryKey: repoId,
+    entityRef,
+    filters: {
+      ...riskCategoryFilter.length > 0 && {
+        RiskCategory: riskCategoryFilter
+      },
+      ...riskLevelFilter.length > 0 && { RiskLevel: riskLevelFilter },
+      ...findingCategoryFilter.length > 0 && {
+        FindingCategory: findingCategoryFilter
+      },
+      ...riskInsightFilter.length > 0 && { RiskInsight: riskInsightFilter },
+      ...Array.isArray(discoveredOnRange) && discoveredOnRange[0] instanceof Date && discoveredOnRange[1] instanceof Date && {
+        DiscoveredOn: {
+          start: formatDateForAPI(discoveredOnRange[0]),
+          end: formatDateForAPI(discoveredOnRange[1])
+        }
+      }
+    }
+  });
+  const rows = useMemo(() => risksData?.risks || [], [risksData?.risks]);
+  const handlePresetSelect = (range) => {
+    setIsPresetSelection(true);
+    presetSelectionRef.current = true;
+    setSelectedPreset(range.value);
+    const nextValue = range.getRange();
+    setDiscoveredOnRange(nextValue ?? []);
+  };
+  const handleCalendarChange = (value) => {
+    if (isPresetSelection || presetSelectionRef.current) {
+      setIsPresetSelection(false);
+      presetSelectionRef.current = false;
+      return;
+    }
+    setDiscoveredOnRange(value);
+    setSelectedPreset("");
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      DataGrid,
+      {
+        getRowId: (row) => row.id,
+        loading: risksDataLoading,
+        tableKey: "risks",
+        columns: risksColumns,
+        rows,
+        dataLabel: "risks",
+        searchBarPlaceHolder: "Search risk name...",
+        customFilters: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 1, flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ jsx(
+            FilterDropdown,
+            {
+              label: "Risk category",
+              options: riskCategoryOptions,
+              selectedValues: riskCategoryFilter,
+              onChange: setRiskCategoryFilter,
+              loading: filterOptionsDataLoading
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FilterDropdown,
+            {
+              label: "Risk level",
+              options: riskLevelOptions,
+              selectedValues: riskLevelFilter,
+              onChange: setRiskLevelFilter,
+              loading: filterOptionsDataLoading
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FilterDropdown,
+            {
+              label: "Finding category",
+              options: findingCategoryOptions,
+              selectedValues: findingCategoryFilter,
+              onChange: setFindingCategoryFilter,
+              loading: filterOptionsDataLoading
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            RiskInsightFilter,
+            {
+              label: "Insights",
+              options: riskInsightOptions,
+              selectedValues: riskInsightFilter,
+              onChange: setRiskInsightFilter,
+              loading: filterOptionsDataLoading
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DiscoveredOnFilter,
+            {
+              value: discoveredOnRange,
+              onChange: handleCalendarChange,
+              selectedQuickRange: selectedPreset,
+              onQuickRangeSelect: handlePresetSelect,
+              quickRanges,
+              loading: filterOptionsDataLoading
+            }
+          )
+        ] }),
+        features: DATA_GRID_FEATURES,
+        initialState: {
+          sorting: {
+            sortModel: INITIAL_SORTING
+          }
+        },
+        initialPageSize: PAGE_SIZE_OPTIONS[0],
+        pageSizeOptions: PAGE_SIZE_OPTIONS,
+        columnVisibility: columnVisibilityModal
+      }
+    ),
+    /* @__PURE__ */ jsx(ErrorSnackbar, { error: risksDataError }),
+    /* @__PURE__ */ jsx(ErrorSnackbar, { error: filterOptionsDataError })
+  ] });
+};
+
+export { Risks };
+//# sourceMappingURL=Risks.esm.js.map

package/dist/pages/Risks/Risks.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Risks.esm.js","sources":["../../../src/pages/Risks/Risks.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useMemo, useRef, useState } from 'react';\n\nimport { fetchApiRef, useApi } from '@backstage/core-plugin-api';\nimport { apiiroApiRef } from '../../api';\nimport { DataGrid } from '../../components/DataGrid';\nimport { useUrlFilters } from '../../hooks';\nimport {\n  createDefaultQuickRanges,\n  CalendarQuickRange,\n  CalendarDateValue,\n  DiscoveredOnFilter,\n  FilterDropdown,\n  RiskInsightFilter,\n  RiskInsightOption,\n  RiskLevel,\n} from '../../components';\nimport { ErrorSnackbar } from '../../components/common/ErrorSnackbar';\nimport { useRisksData } from '../../queries';\nimport {\n  useFilterOptionsData,\n  FilterDefinition,\n} from '../../queries/filterOptions.queries';\nimport { columnVisibilityModal, risksColumns } from './tableConfig';\nimport Box from '@mui/material/Box';\n\n// Helper function to format date without timezone conversion\nconst formatDateForAPI = (date: Date): string => {\n  const year = date.getFullYear();\n  const month = String(date.getMonth() + 1).padStart(2, '0');\n  const day = String(date.getDate()).padStart(2, '0');\n  return `${year}-${month}-${day}`;\n};\n\n// Helper functions to transform API data to component format\nconst transformToDropdownOptions = (filterDef: FilterDefinition) => {\n  return filterDef.filterOptions.map(option => ({\n    value: option.name,\n    label: option.displayName,\n  }));\n};\n\nconst transformToRiskLevelOptions = (filterDef: FilterDefinition) => {\n  return filterDef.filterOptions.map(option => ({\n    value: option.name,\n    label: option.displayName,\n    icon: <RiskLevel level={option.name as any} iconSize=\"large\" />,\n  }));\n};\n\nconst transformToRiskInsightOptions = (\n  filterDef: FilterDefinition,\n): RiskInsightOption[] => {\n  return filterDef.filterOptions.map(option => ({\n    name: option.name,\n    displayName: option.displayName,\n    description: option.displayName, // Use displayName as description fallback\n    sentiment: 'Neutral' as const,\n    sortOrder: option.sortOrder,\n    group: option.group || 'General',\n    groupOrder: option.groupOrder,\n  }));\n};\n\n// Constants to prevent recreation on every render\nconst INITIAL_SORTING = [\n  {\n    field: 'riskLevel',\n    sort: 'desc' as const,\n  },\n];\n\nconst PAGE_SIZE_OPTIONS = [10, 20, 50, 100];\n\nconst DATA_GRID_FEATURES = {\n  quickSearch: true,\n  columnPinning: true,\n  columnReordering: true,\n  customPagination: true,\n  columnMenu: true,\n  persistLayout: true,\n} as const;\n\nexport const Risks = ({\n  repoId,\n  entityRef,\n}: {\n  repoId: string | undefined;\n  entityRef: string;\n}) => {\n  const connectBackendApi = useApi(apiiroApiRef);\n  const { fetch } = useApi(fetchApiRef);\n  const quickRanges = useMemo(() => createDefaultQuickRanges(), []);\n\n  // Use URL filters hook\n  const {\n    filters,\n    setRiskCategoryFilter,\n    setRiskLevelFilter,\n    setFindingCategoryFilter,\n    setRiskInsightFilter,\n    setDiscoveredOnRange,\n    setSelectedPreset,\n  } = useUrlFilters();\n\n  // Extract filter values from the hook\n  const riskCategoryFilter = filters.riskCategory;\n  const riskLevelFilter = filters.riskLevel;\n  const findingCategoryFilter = filters.findingCategory;\n  const riskInsightFilter = filters.riskInsight;\n  const discoveredOnRange = filters.discoveredOnRange;\n  const selectedPreset = filters.selectedPreset;\n\n  const [isPresetSelection, setIsPresetSelection] = useState(false);\n  const presetSelectionRef = useRef(false);\n\n  // Fetch filter options from API\n  const {\n    filterOptionsData,\n    filterOptionsDataLoading,\n    filterOptionsDataError,\n  } = useFilterOptionsData({\n    connectApi: connectBackendApi,\n    fetchApi: fetch,\n  });\n\n  // Transform API data to component format\n  const riskCategoryOptions = useMemo(() => {\n    const filterDef = filterOptionsData?.find(f => f.name === 'RiskCategory');\n    return filterDef ? transformToDropdownOptions(filterDef) : [];\n  }, [filterOptionsData]);\n\n  const riskLevelOptions = useMemo(() => {\n    const filterDef = filterOptionsData?.find(f => f.name === 'RiskLevel');\n    return filterDef ? transformToRiskLevelOptions(filterDef) : [];\n  }, [filterOptionsData]);\n\n  const findingCategoryOptions = useMemo(() => {\n    const filterDef = filterOptionsData?.find(\n      f => f.name === 'FindingCategory',\n    );\n    return filterDef ? transformToDropdownOptions(filterDef) : [];\n  }, [filterOptionsData]);\n\n  const riskInsightOptions = useMemo(() => {\n    const filterDef = filterOptionsData?.find(f => f.name === 'RiskInsight');\n    return filterDef ? transformToRiskInsightOptions(filterDef) : [];\n  }, [filterOptionsData]);\n\n  const { risksData, risksDataLoading, risksDataError } = useRisksData({\n    connectApi: connectBackendApi,\n    fetchApi: fetch,\n    repositoryKey: repoId!,\n    entityRef: entityRef,\n    filters: {\n      ...(riskCategoryFilter.length > 0 && {\n        RiskCategory: riskCategoryFilter,\n      }),\n      ...(riskLevelFilter.length > 0 && { RiskLevel: riskLevelFilter }),\n      ...(findingCategoryFilter.length > 0 && {\n        FindingCategory: findingCategoryFilter,\n      }),\n      ...(riskInsightFilter.length > 0 && { RiskInsight: riskInsightFilter }),\n      ...(Array.isArray(discoveredOnRange) &&\n        discoveredOnRange[0] instanceof Date &&\n        discoveredOnRange[1] instanceof Date && {\n          DiscoveredOn: {\n            start: formatDateForAPI(discoveredOnRange[0]),\n            end: formatDateForAPI(discoveredOnRange[1]),\n          },\n        }),\n    },\n  });\n\n  // Memoize rows to prevent unnecessary re-renders that cause pagination flickering\n  const rows = useMemo(() => risksData?.risks || [], [risksData?.risks]);\n\n  const handlePresetSelect = (range: CalendarQuickRange) => {\n    setIsPresetSelection(true);\n    presetSelectionRef.current = true;\n    setSelectedPreset(range.value);\n    const nextValue = range.getRange();\n    setDiscoveredOnRange(nextValue ?? []);\n  };\n\n  const handleCalendarChange = (value: CalendarDateValue) => {\n    if (isPresetSelection || presetSelectionRef.current) {\n      setIsPresetSelection(false);\n      presetSelectionRef.current = false;\n      return;\n    }\n    setDiscoveredOnRange(value);\n    setSelectedPreset('');\n  };\n\n  return (\n    <>\n      <DataGrid<any>\n        getRowId={row => row.id}\n        loading={risksDataLoading}\n        tableKey=\"risks\"\n        columns={risksColumns}\n        rows={rows}\n        dataLabel=\"risks\"\n        searchBarPlaceHolder=\"Search risk name...\"\n        customFilters={\n          <Box sx={{ display: 'flex', gap: 1, flexWrap: 'wrap' }}>\n            <FilterDropdown\n              label=\"Risk category\"\n              options={riskCategoryOptions}\n              selectedValues={riskCategoryFilter}\n              onChange={setRiskCategoryFilter}\n              loading={filterOptionsDataLoading}\n            />\n            <FilterDropdown\n              label=\"Risk level\"\n              options={riskLevelOptions}\n              selectedValues={riskLevelFilter}\n              onChange={setRiskLevelFilter}\n              loading={filterOptionsDataLoading}\n            />\n            <FilterDropdown\n              label=\"Finding category\"\n              options={findingCategoryOptions}\n              selectedValues={findingCategoryFilter}\n              onChange={setFindingCategoryFilter}\n              loading={filterOptionsDataLoading}\n            />\n            <RiskInsightFilter\n              label=\"Insights\"\n              options={riskInsightOptions}\n              selectedValues={riskInsightFilter}\n              onChange={setRiskInsightFilter}\n              loading={filterOptionsDataLoading}\n            />\n            <DiscoveredOnFilter\n              value={discoveredOnRange}\n              onChange={handleCalendarChange}\n              selectedQuickRange={selectedPreset}\n              onQuickRangeSelect={handlePresetSelect}\n              quickRanges={quickRanges}\n              loading={filterOptionsDataLoading}\n            />\n          </Box>\n        }\n        features={DATA_GRID_FEATURES}\n        initialState={{\n          sorting: {\n            sortModel: INITIAL_SORTING,\n          },\n        }}\n        initialPageSize={PAGE_SIZE_OPTIONS[0]}\n        pageSizeOptions={PAGE_SIZE_OPTIONS}\n        columnVisibility={columnVisibilityModal}\n      />\n\n      <ErrorSnackbar error={risksDataError} />\n      <ErrorSnackbar error={filterOptionsDataError} />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,MAAM,gBAAA,GAAmB,CAAC,IAAA,KAAuB;AAC/C,EAAA,MAAM,IAAA,GAAO,KAAK,WAAA,EAAY;AAC9B,EAAA,MAAM,KAAA,GAAQ,OAAO,IAAA,CAAK,QAAA,KAAa,CAAC,CAAA,CAAE,QAAA,CAAS,CAAA,EAAG,GAAG,CAAA;AACzD,EAAA,MAAM,GAAA,GAAM,OAAO,IAAA,CAAK,OAAA,EAAS,CAAA,CAAE,QAAA,CAAS,GAAG,GAAG,CAAA;AAClD,EAAA,OAAO,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,KAAK,IAAI,GAAG,CAAA,CAAA;AAChC,CAAA;AAGA,MAAM,0BAAA,GAA6B,CAAC,SAAA,KAAgC;AAClE,EAAA,OAAO,SAAA,CAAU,aAAA,CAAc,GAAA,CAAI,CAAA,MAAA,MAAW;AAAA,IAC5C,OAAO,MAAA,CAAO,IAAA;AAAA,IACd,OAAO,MAAA,CAAO;AAAA,GAChB,CAAE,CAAA;AACJ,CAAA;AAEA,MAAM,2BAAA,GAA8B,CAAC,SAAA,KAAgC;AACnE,EAAA,OAAO,SAAA,CAAU,aAAA,CAAc,GAAA,CAAI,CAAA,MAAA,MAAW;AAAA,IAC5C,OAAO,MAAA,CAAO,IAAA;AAAA,IACd,OAAO,MAAA,CAAO,WAAA;AAAA,IACd,sBAAM,GAAA,CAAC,SAAA,EAAA,EAAU,OAAO,MAAA,CAAO,IAAA,EAAa,UAAS,OAAA,EAAQ;AAAA,GAC/D,CAAE,CAAA;AACJ,CAAA;AAEA,MAAM,6BAAA,GAAgC,CACpC,SAAA,KACwB;AACxB,EAAA,OAAO,SAAA,CAAU,aAAA,CAAc,GAAA,CAAI,CAAA,MAAA,MAAW;AAAA,IAC5C,MAAM,MAAA,CAAO,IAAA;AAAA,IACb,aAAa,MAAA,CAAO,WAAA;AAAA,IACpB,aAAa,MAAA,CAAO,WAAA;AAAA;AAAA,IACpB,SAAA,EAAW,SAAA;AAAA,IACX,WAAW,MAAA,CAAO,SAAA;AAAA,IAClB,KAAA,EAAO,OAAO,KAAA,IAAS,SAAA;AAAA,IACvB,YAAY,MAAA,CAAO;AAAA,GACrB,CAAE,CAAA;AACJ,CAAA;AAGA,MAAM,eAAA,GAAkB;AAAA,EACtB;AAAA,IACE,KAAA,EAAO,WAAA;AAAA,IACP,IAAA,EAAM;AAAA;AAEV,CAAA;AAEA,MAAM,iBAAA,GAAoB,CAAC,EAAA,EAAI,EAAA,EAAI,IAAI,GAAG,CAAA;AAE1C,MAAM,kBAAA,GAAqB;AAAA,EACzB,WAAA,EAAa,IAAA;AAAA,EACb,aAAA,EAAe,IAAA;AAAA,EACf,gBAAA,EAAkB,IAAA;AAAA,EAClB,gBAAA,EAAkB,IAAA;AAAA,EAClB,UAAA,EAAY,IAAA;AAAA,EACZ,aAAA,EAAe;AACjB,CAAA;AAEO,MAAM,QAAQ,CAAC;AAAA,EACpB,MAAA;AAAA,EACA;AACF,CAAA,KAGM;AACJ,EAAA,MAAM,iBAAA,GAAoB,OAAO,YAAY,CAAA;AAC7C,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,MAAA,CAAO,WAAW,CAAA;AACpC,EAAA,MAAM,cAAc,OAAA,CAAQ,MAAM,wBAAA,EAAyB,EAAG,EAAE,CAAA;AAGhE,EAAA,MAAM;AAAA,IACJ,OAAA;AAAA,IACA,qBAAA;AAAA,IACA,kBAAA;AAAA,IACA,wBAAA;AAAA,IACA,oBAAA;AAAA,IACA,oBAAA;AAAA,IACA;AAAA,MACE,aAAA,EAAc;AAGlB,EAAA,MAAM,qBAAqB,OAAA,CAAQ,YAAA;AACnC,EAAA,MAAM,kBAAkB,OAAA,CAAQ,SAAA;AAChC,EAAA,MAAM,wBAAwB,OAAA,CAAQ,eAAA;AACtC,EAAA,MAAM,oBAAoB,OAAA,CAAQ,WAAA;AAClC,EAAA,MAAM,oBAAoB,OAAA,CAAQ,iBAAA;AAClC,EAAA,MAAM,iBAAiB,OAAA,CAAQ,cAAA;AAE/B,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAS,KAAK,CAAA;AAChE,EAAA,MAAM,kBAAA,GAAqB,OAAO,KAAK,CAAA;AAGvC,EAAA,MAAM;AAAA,IACJ,iBAAA;AAAA,IACA,wBAAA;AAAA,IACA;AAAA,MACE,oBAAA,CAAqB;AAAA,IACvB,UAAA,EAAY,iBAAA;AAAA,IACZ,QAAA,EAAU;AAAA,GACX,CAAA;AAGD,EAAA,MAAM,mBAAA,GAAsB,QAAQ,MAAM;AACxC,IAAA,MAAM,YAAY,iBAAA,EAAmB,IAAA,CAAK,CAAA,CAAA,KAAK,CAAA,CAAE,SAAS,cAAc,CAAA;AACxE,IAAA,OAAO,SAAA,GAAY,0BAAA,CAA2B,SAAS,CAAA,GAAI,EAAC;AAAA,EAC9D,CAAA,EAAG,CAAC,iBAAiB,CAAC,CAAA;AAEtB,EAAA,MAAM,gBAAA,GAAmB,QAAQ,MAAM;AACrC,IAAA,MAAM,YAAY,iBAAA,EAAmB,IAAA,CAAK,CAAA,CAAA,KAAK,CAAA,CAAE,SAAS,WAAW,CAAA;AACrE,IAAA,OAAO,SAAA,GAAY,2BAAA,CAA4B,SAAS,CAAA,GAAI,EAAC;AAAA,EAC/D,CAAA,EAAG,CAAC,iBAAiB,CAAC,CAAA;AAEtB,EAAA,MAAM,sBAAA,GAAyB,QAAQ,MAAM;AAC3C,IAAA,MAAM,YAAY,iBAAA,EAAmB,IAAA;AAAA,MACnC,CAAA,CAAA,KAAK,EAAE,IAAA,KAAS;AAAA,KAClB;AACA,IAAA,OAAO,SAAA,GAAY,0BAAA,CAA2B,SAAS,CAAA,GAAI,EAAC;AAAA,EAC9D,CAAA,EAAG,CAAC,iBAAiB,CAAC,CAAA;AAEtB,EAAA,MAAM,kBAAA,GAAqB,QAAQ,MAAM;AACvC,IAAA,MAAM,YAAY,iBAAA,EAAmB,IAAA,CAAK,CAAA,CAAA,KAAK,CAAA,CAAE,SAAS,aAAa,CAAA;AACvE,IAAA,OAAO,SAAA,GAAY,6BAAA,CAA8B,SAAS,CAAA,GAAI,EAAC;AAAA,EACjE,CAAA,EAAG,CAAC,iBAAiB,CAAC,CAAA;AAEtB,EAAA,MAAM,EAAE,SAAA,EAAW,gBAAA,EAAkB,cAAA,KAAmB,YAAA,CAAa;AAAA,IACnE,UAAA,EAAY,iBAAA;AAAA,IACZ,QAAA,EAAU,KAAA;AAAA,IACV,aAAA,EAAe,MAAA;AAAA,IACf,SAAA;AAAA,IACA,OAAA,EAAS;AAAA,MACP,GAAI,kBAAA,CAAmB,MAAA,GAAS,CAAA,IAAK;AAAA,QACnC,YAAA,EAAc;AAAA,OAChB;AAAA,MACA,GAAI,eAAA,CAAgB,MAAA,GAAS,CAAA,IAAK,EAAE,WAAW,eAAA,EAAgB;AAAA,MAC/D,GAAI,qBAAA,CAAsB,MAAA,GAAS,CAAA,IAAK;AAAA,QACtC,eAAA,EAAiB;AAAA,OACnB;AAAA,MACA,GAAI,iBAAA,CAAkB,MAAA,GAAS,CAAA,IAAK,EAAE,aAAa,iBAAA,EAAkB;AAAA,MACrE,GAAI,KAAA,CAAM,OAAA,CAAQ,iBAAiB,CAAA,IACjC,iBAAA,CAAkB,CAAC,CAAA,YAAa,IAAA,IAChC,iBAAA,CAAkB,CAAC,CAAA,YAAa,IAAA,IAAQ;AAAA,QACtC,YAAA,EAAc;AAAA,UACZ,KAAA,EAAO,gBAAA,CAAiB,iBAAA,CAAkB,CAAC,CAAC,CAAA;AAAA,UAC5C,GAAA,EAAK,gBAAA,CAAiB,iBAAA,CAAkB,CAAC,CAAC;AAAA;AAC5C;AACF;AACJ,GACD,CAAA;AAGD,EAAA,MAAM,IAAA,GAAO,OAAA,CAAQ,MAAM,SAAA,EAAW,KAAA,IAAS,EAAC,EAAG,CAAC,SAAA,EAAW,KAAK,CAAC,CAAA;AAErE,EAAA,MAAM,kBAAA,GAAqB,CAAC,KAAA,KAA8B;AACxD,IAAA,oBAAA,CAAqB,IAAI,CAAA;AACzB,IAAA,kBAAA,CAAmB,OAAA,GAAU,IAAA;AAC7B,IAAA,iBAAA,CAAkB,MAAM,KAAK,CAAA;AAC7B,IAAA,MAAM,SAAA,GAAY,MAAM,QAAA,EAAS;AACjC,IAAA,oBAAA,CAAqB,SAAA,IAAa,EAAE,CAAA;AAAA,EACtC,CAAA;AAEA,EAAA,MAAM,oBAAA,GAAuB,CAAC,KAAA,KAA6B;AACzD,IAAA,IAAI,iBAAA,IAAqB,mBAAmB,OAAA,EAAS;AACnD,MAAA,oBAAA,CAAqB,KAAK,CAAA;AAC1B,MAAA,kBAAA,CAAmB,OAAA,GAAU,KAAA;AAC7B,MAAA;AAAA,IACF;AACA,IAAA,oBAAA,CAAqB,KAAK,CAAA;AAC1B,IAAA,iBAAA,CAAkB,EAAE,CAAA;AAAA,EACtB,CAAA;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,QAAA,EAAU,SAAO,GAAA,CAAI,EAAA;AAAA,QACrB,OAAA,EAAS,gBAAA;AAAA,QACT,QAAA,EAAS,OAAA;AAAA,QACT,OAAA,EAAS,YAAA;AAAA,QACT,IAAA;AAAA,QACA,SAAA,EAAU,OAAA;AAAA,QACV,oBAAA,EAAqB,qBAAA;AAAA,QACrB,aAAA,kBACE,IAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAI,EAAE,OAAA,EAAS,MAAA,EAAQ,GAAA,EAAK,CAAA,EAAG,QAAA,EAAU,MAAA,EAAO,EACnD,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,cAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAM,eAAA;AAAA,cACN,OAAA,EAAS,mBAAA;AAAA,cACT,cAAA,EAAgB,kBAAA;AAAA,cAChB,QAAA,EAAU,qBAAA;AAAA,cACV,OAAA,EAAS;AAAA;AAAA,WACX;AAAA,0BACA,GAAA;AAAA,YAAC,cAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAM,YAAA;AAAA,cACN,OAAA,EAAS,gBAAA;AAAA,cACT,cAAA,EAAgB,eAAA;AAAA,cAChB,QAAA,EAAU,kBAAA;AAAA,cACV,OAAA,EAAS;AAAA;AAAA,WACX;AAAA,0BACA,GAAA;AAAA,YAAC,cAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAM,kBAAA;AAAA,cACN,OAAA,EAAS,sBAAA;AAAA,cACT,cAAA,EAAgB,qBAAA;AAAA,cAChB,QAAA,EAAU,wBAAA;AAAA,cACV,OAAA,EAAS;AAAA;AAAA,WACX;AAAA,0BACA,GAAA;AAAA,YAAC,iBAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAM,UAAA;AAAA,cACN,OAAA,EAAS,kBAAA;AAAA,cACT,cAAA,EAAgB,iBAAA;AAAA,cAChB,QAAA,EAAU,oBAAA;AAAA,cACV,OAAA,EAAS;AAAA;AAAA,WACX;AAAA,0BACA,GAAA;AAAA,YAAC,kBAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAO,iBAAA;AAAA,cACP,QAAA,EAAU,oBAAA;AAAA,cACV,kBAAA,EAAoB,cAAA;AAAA,cACpB,kBAAA,EAAoB,kBAAA;AAAA,cACpB,WAAA;AAAA,cACA,OAAA,EAAS;AAAA;AAAA;AACX,SAAA,EACF,CAAA;AAAA,QAEF,QAAA,EAAU,kBAAA;AAAA,QACV,YAAA,EAAc;AAAA,UACZ,OAAA,EAAS;AAAA,YACP,SAAA,EAAW;AAAA;AACb,SACF;AAAA,QACA,eAAA,EAAiB,kBAAkB,CAAC,CAAA;AAAA,QACpC,eAAA,EAAiB,iBAAA;AAAA,QACjB,gBAAA,EAAkB;AAAA;AAAA,KACpB;AAAA,oBAEA,GAAA,CAAC,aAAA,EAAA,EAAc,KAAA,EAAO,cAAA,EAAgB,CAAA;AAAA,oBACtC,GAAA,CAAC,aAAA,EAAA,EAAc,KAAA,EAAO,sBAAA,EAAwB;AAAA,GAAA,EAChD,CAAA;AAEJ;;;;"}