@backstage-community/plugin-apiiro 0.1.0

package/dist/components/filters/FilterDropdownSearch.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDropdownSearch.esm.js","sources":["../../../src/components/filters/FilterDropdownSearch.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 InputAdornment from '@mui/material/InputAdornment';\nimport TextField from '@mui/material/TextField';\nimport IconButton from '@mui/material/IconButton';\nimport SearchIcon from '@mui/icons-material/Search';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport { alpha, useTheme } from '@mui/material/styles';\n\ninterface FilterDropdownSearchProps {\n  value: string;\n  onChange: (value: string) => void;\n  placeholder: string;\n}\n\nexport const FilterDropdownSearch = ({\n  value,\n  onChange,\n  placeholder,\n}: FilterDropdownSearchProps) => {\n  const theme = useTheme();\n\n  const handleClear = () => {\n    onChange('');\n  };\n\n  return (\n    <TextField\n      fullWidth\n      value={value}\n      onChange={event => onChange(event.target.value)}\n      placeholder={placeholder}\n      size=\"small\"\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position=\"start\">\n            <SearchIcon\n              sx={{\n                fontSize: 18,\n                color: theme.palette.text.secondary,\n              }}\n            />\n          </InputAdornment>\n        ),\n        endAdornment: value ? (\n          <InputAdornment position=\"end\">\n            <IconButton\n              onClick={handleClear}\n              size=\"small\"\n              sx={{ color: theme.palette.text.secondary }}\n            >\n              <ClearIcon fontSize=\"small\" />\n            </IconButton>\n          </InputAdornment>\n        ) : null,\n        sx: {\n          borderRadius: '10px',\n          backgroundColor: alpha(theme.palette.background.default, 0.6),\n          '& .MuiOutlinedInput-notchedOutline': {\n            borderColor: alpha(theme.palette.divider, 0.6),\n          },\n          '&:hover .MuiOutlinedInput-notchedOutline': {\n            borderColor: alpha(theme.palette.primary.main, 0.4),\n          },\n          '&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n            borderColor: theme.palette.primary.main,\n          },\n        },\n      }}\n      inputProps={{ sx: { fontSize: 14 } }}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AA4BO,MAAM,uBAAuB,CAAC;AAAA,EACnC,KAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,KAAiC;AAC/B,EAAA,MAAM,QAAQ,QAAA,EAAS;AAEvB,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,QAAA,CAAS,EAAE,CAAA;AAAA,EACb,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAS,IAAA;AAAA,MACT,KAAA;AAAA,MACA,QAAA,EAAU,CAAA,KAAA,KAAS,QAAA,CAAS,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,MAC9C,WAAA;AAAA,MACA,IAAA,EAAK,OAAA;AAAA,MACL,UAAA,EAAY;AAAA,QACV,cAAA,kBACE,GAAA,CAAC,cAAA,EAAA,EAAe,QAAA,EAAS,OAAA,EACvB,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI;AAAA,cACF,QAAA,EAAU,EAAA;AAAA,cACV,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAAA;AAC5B;AAAA,SACF,EACF,CAAA;AAAA,QAEF,YAAA,EAAc,KAAA,mBACZ,GAAA,CAAC,cAAA,EAAA,EAAe,UAAS,KAAA,EACvB,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,WAAA;AAAA,YACT,IAAA,EAAK,OAAA;AAAA,YACL,IAAI,EAAE,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,SAAA,EAAU;AAAA,YAE1C,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,QAAA,EAAS,OAAA,EAAQ;AAAA;AAAA,WAEhC,CAAA,GACE,IAAA;AAAA,QACJ,EAAA,EAAI;AAAA,UACF,YAAA,EAAc,MAAA;AAAA,UACd,iBAAiB,KAAA,CAAM,KAAA,CAAM,OAAA,CAAQ,UAAA,CAAW,SAAS,GAAG,CAAA;AAAA,UAC5D,oCAAA,EAAsC;AAAA,YACpC,WAAA,EAAa,KAAA,CAAM,KAAA,CAAM,OAAA,CAAQ,SAAS,GAAG;AAAA,WAC/C;AAAA,UACA,0CAAA,EAA4C;AAAA,YAC1C,aAAa,KAAA,CAAM,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ,MAAM,GAAG;AAAA,WACpD;AAAA,UACA,gDAAA,EAAkD;AAAA,YAChD,WAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ;AAAA;AACrC;AACF,OACF;AAAA,MACA,YAAY,EAAE,EAAA,EAAI,EAAE,QAAA,EAAU,IAAG;AAAE;AAAA,GACrC;AAEJ;;;;"}

package/dist/components/filters/RiskInsightFilter.esm.js

@@ -0,0 +1,579 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useMemo } from 'react';
+import Box from '@mui/material/Box';
+import ButtonBase from '@mui/material/ButtonBase';
+import Popper from '@mui/material/Popper';
+import Paper from '@mui/material/Paper';
+import ClickAwayListener from '@mui/material/ClickAwayListener';
+import Typography from '@mui/material/Typography';
+import Checkbox from '@mui/material/Checkbox';
+import Chip from '@mui/material/Chip';
+import IconButton from '@mui/material/IconButton';
+import Collapse from '@mui/material/Collapse';
+import Divider from '@mui/material/Divider';
+import Link from '@mui/material/Link';
+import List from '@mui/material/List';
+import ListItemButton from '@mui/material/ListItemButton';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import ListItemText from '@mui/material/ListItemText';
+import Skeleton from '@mui/material/Skeleton';
+import { SimpleTooltip } from '../SimpleTooltip.esm.js';
+import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
+import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
+import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
+import { styled, alpha, useTheme } from '@mui/material/styles';
+import { FilterDropdownSearch } from './FilterDropdownSearch.esm.js';
+import { FilterDropdownClear } from './FilterDropdownClear.esm.js';
+import { getCountBadgeColors } from '../../theme/themeUtils.esm.js';
+
+const GROUP_DISPLAY_LIMIT = 5;
+const GROUP_OPTION_LIMIT = 4;
+const DropdownButton = styled(ButtonBase, {
+  shouldForwardProp: (prop) => prop !== "open" && prop !== "hasSelection"
+})(
+  ({ theme, open, hasSelection }) => {
+    const primaryMain = theme.palette.primary.main;
+    const closedBorder = theme.palette.divider;
+    const isDark = theme.palette.mode === "dark";
+    const hoverBackground = alpha(primaryMain, isDark ? 0.28 : 0.12);
+    const selectedBorder = isDark ? theme.palette.primary.light : theme.palette.primary.dark;
+    const selectedBackground = alpha(primaryMain, isDark ? 0.2 : 0.06);
+    let buttonBackground = theme.palette.background.paper;
+    if (open) {
+      buttonBackground = hoverBackground;
+    } else if (hasSelection) {
+      buttonBackground = selectedBackground;
+    }
+    let borderColor = closedBorder;
+    if (open) {
+      borderColor = primaryMain;
+    } else if (hasSelection) {
+      borderColor = selectedBorder;
+    }
+    let boxShadow = "none";
+    if (open) {
+      boxShadow = "0 4px 12px rgba(38, 54, 140, 0.18)";
+    } else if (hasSelection) {
+      boxShadow = "0 2px 8px rgba(38, 54, 140, 0.12)";
+    }
+    let hoverColor = hoverBackground;
+    if (hasSelection) {
+      hoverColor = alpha(primaryMain, isDark ? 0.24 : 0.1);
+    }
+    return {
+      display: "flex",
+      alignItems: "center",
+      gap: theme.spacing(1),
+      padding: theme.spacing(0.75, 1.5),
+      borderRadius: 999,
+      border: `1px solid ${borderColor}`,
+      backgroundColor: buttonBackground,
+      transition: "all 0.2s ease",
+      boxShadow,
+      "&:hover": {
+        backgroundColor: hoverColor
+      },
+      "& .MuiSvgIcon-root": {
+        fontSize: 18,
+        color: hasSelection ? theme.palette.primary.main : theme.palette.text.secondary
+      }
+    };
+  }
+);
+const sentimentPalette = (theme, sentiment) => {
+  const normalized = (sentiment || "").toLowerCase();
+  if (normalized === "positive") {
+    return {
+      color: theme.palette.success.main,
+      background: alpha(theme.palette.success.main, 0.12)
+    };
+  }
+  if (normalized === "negative") {
+    return {
+      color: theme.palette.error.main,
+      background: alpha(theme.palette.error.main, 0.12)
+    };
+  }
+  if (normalized === "neutral") {
+    return {
+      color: theme.palette.info.main,
+      background: alpha(theme.palette.info.main, 0.12)
+    };
+  }
+  return {
+    color: theme.palette.text.secondary,
+    background: alpha(theme.palette.text.secondary, 0.15)
+  };
+};
+const sortByPriority = (options) => {
+  return [...options].sort((a, b) => {
+    const aOrder = a.sortOrder ?? Number.MAX_SAFE_INTEGER;
+    const bOrder = b.sortOrder ?? Number.MAX_SAFE_INTEGER;
+    if (aOrder !== bOrder) {
+      return aOrder - bOrder;
+    }
+    return a.displayName.localeCompare(b.displayName);
+  });
+};
+const groupOptions = (options) => {
+  const groups = /* @__PURE__ */ new Map();
+  options.forEach((option) => {
+    const list = groups.get(option.group) ?? [];
+    list.push(option);
+    groups.set(option.group, list);
+  });
+  return [...groups.entries()].map(([groupName, groupItems]) => ({
+    groupName,
+    groupOrder: groupItems[0]?.groupOrder ?? Number.MAX_SAFE_INTEGER,
+    options: sortByPriority(groupItems)
+  })).sort((a, b) => {
+    if (a.groupOrder !== b.groupOrder) {
+      return (a.groupOrder ?? Number.MAX_SAFE_INTEGER) - (b.groupOrder ?? Number.MAX_SAFE_INTEGER);
+    }
+    return a.groupName.localeCompare(b.groupName);
+  });
+};
+const RiskInsightFilter = ({
+  label,
+  options,
+  selectedValues,
+  onChange,
+  loading = false,
+  clearLabel = "Clear selection"
+}) => {
+  const theme = useTheme();
+  const [anchorEl, setAnchorEl] = useState(null);
+  const [search, setSearch] = useState("");
+  const [showAll, setShowAll] = useState(false);
+  const [expandedGroups, setExpandedGroups] = useState(
+    {}
+  );
+  const [expandedOptions, setExpandedOptions] = useState({});
+  const isOpen = Boolean(anchorEl);
+  const hasSelection = selectedValues.length > 0;
+  const groupedOptions = useMemo(() => groupOptions(options), [options]);
+  const filteredGroups = useMemo(() => {
+    if (!search.trim()) {
+      return groupedOptions;
+    }
+    const lower = search.trim().toLowerCase();
+    return groupedOptions.map((group) => ({
+      ...group,
+      options: group.options.filter(
+        (option) => option.displayName.toLowerCase().includes(lower) || option.group.toLowerCase().includes(lower)
+      )
+    })).filter((group) => group.options.length > 0);
+  }, [groupedOptions, search]);
+  const hasMoreGroups = filteredGroups.length > GROUP_DISPLAY_LIMIT;
+  const visibleGroups = showAll || search ? filteredGroups : filteredGroups.slice(0, GROUP_DISPLAY_LIMIT);
+  const toggleGroup = (groupName) => {
+    if (search) return;
+    setExpandedGroups((prev) => ({
+      ...prev,
+      [groupName]: !prev[groupName]
+    }));
+  };
+  const toggleOptions = (groupName) => {
+    setExpandedOptions((prev) => ({
+      ...prev,
+      [groupName]: !prev[groupName]
+    }));
+  };
+  const toggleOption = (name) => {
+    const set = new Set(selectedValues);
+    if (set.has(name)) {
+      set.delete(name);
+    } else {
+      set.add(name);
+    }
+    onChange([...set]);
+  };
+  const handleToggle = (event) => {
+    if (anchorEl) {
+      setAnchorEl(null);
+      return;
+    }
+    setAnchorEl(event.currentTarget);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+  };
+  const handleClear = () => {
+    if (!selectedValues.length) {
+      return;
+    }
+    setSearch("");
+    onChange([]);
+  };
+  const selectedChipLabel = (() => {
+    if (!hasSelection) {
+      return label;
+    }
+    const firstSelectedName = selectedValues[0];
+    const firstSelected = options.find(
+      (option) => option.name === firstSelectedName
+    );
+    const firstLabel = firstSelected?.displayName ?? firstSelectedName;
+    const remainingCount = selectedValues.length - 1;
+    if (remainingCount > 0) {
+      return `${label}: ${firstLabel} (+${remainingCount})`;
+    }
+    return `${label}: ${firstLabel}`;
+  })();
+  const additionalCount = selectedValues.length > 1 ? selectedValues.length - 1 : 0;
+  const remainingItemsTooltip = useMemo(() => {
+    if (selectedValues.length <= 1) {
+      return "";
+    }
+    const remainingItems = selectedValues.slice(1).map((value) => {
+      const option = options.find((opt) => opt.name === value);
+      return option?.displayName ?? value;
+    });
+    return remainingItems.join(", ");
+  }, [selectedValues, options]);
+  if (loading) {
+    return /* @__PURE__ */ jsx(
+      Skeleton,
+      {
+        variant: "rounded",
+        width: 120,
+        height: 36,
+        sx: {
+          borderRadius: 999
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      DropdownButton,
+      {
+        open: isOpen,
+        hasSelection,
+        onClick: handleToggle,
+        children: [
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "body2",
+              sx: {
+                color: theme.palette.text.primary,
+                whiteSpace: "nowrap"
+              },
+              children: selectedChipLabel.replace(/ \(\+\d+\)$/, "")
+            }
+          ),
+          additionalCount > 0 && /* @__PURE__ */ jsx(
+            SimpleTooltip,
+            {
+              title: remainingItemsTooltip,
+              placement: "top",
+              tooltipProps: {
+                componentsProps: {
+                  tooltip: {
+                    sx: {
+                      whiteSpace: "normal",
+                      maxWidth: "400px"
+                    }
+                  }
+                }
+              },
+              children: /* @__PURE__ */ jsx(
+                Box,
+                {
+                  sx: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    minWidth: 26,
+                    px: 1,
+                    py: 0.25,
+                    borderRadius: 999,
+                    backgroundColor: getCountBadgeColors(theme).background,
+                    color: getCountBadgeColors(theme).text,
+                    fontSize: 12,
+                    fontWeight: 600
+                  },
+                  children: `+${additionalCount}`
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            KeyboardArrowDownIcon,
+            {
+              fontSize: "small",
+              sx: {
+                transform: isOpen ? "rotate(180deg)" : "none",
+                transition: "transform 0.2s ease",
+                color: theme.palette.text.secondary
+              }
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Popper,
+      {
+        open: isOpen,
+        anchorEl,
+        placement: "bottom-start",
+        modifiers: [{ name: "offset", options: { offset: [0, 8] } }],
+        children: /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: handleClose, children: /* @__PURE__ */ jsxs(
+          Paper,
+          {
+            sx: {
+              borderRadius: 3,
+              boxShadow: "0 16px 32px rgba(31, 45, 98, 0.18)",
+              width: 320,
+              display: "flex",
+              flexDirection: "column",
+              overflow: "hidden",
+              backgroundColor: theme.palette.background.paper,
+              border: `1px solid ${alpha(theme.palette.common.black, 0.08)}`
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                Box,
+                {
+                  sx: {
+                    p: 2,
+                    pb: 1
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    FilterDropdownSearch,
+                    {
+                      value: search,
+                      onChange: setSearch,
+                      placeholder: "Search..."
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(Box, { sx: { px: 1, pt: 1, pb: 1.5 }, children: filteredGroups.length === 0 ? /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  variant: "body2",
+                  sx: { color: theme.palette.text.secondary, py: 1 },
+                  children: "No insights found"
+                }
+              ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Box, { sx: { maxHeight: 280, overflowY: "auto" }, children: visibleGroups.map((group) => {
+                  const isExpanded = search ? true : expandedGroups[group.groupName] ?? false;
+                  const isOptionExpanded = expandedOptions[group.groupName] ?? false;
+                  const optionsToRender = isOptionExpanded || search ? group.options : group.options.slice(0, GROUP_OPTION_LIMIT);
+                  const hasMoreOptions = group.options.length > GROUP_OPTION_LIMIT;
+                  return /* @__PURE__ */ jsxs(Box, { children: [
+                    /* @__PURE__ */ jsxs(
+                      ListItemButton,
+                      {
+                        disableRipple: true,
+                        onClick: () => toggleGroup(group.groupName),
+                        sx: {
+                          display: "flex",
+                          justifyContent: "space-between",
+                          alignItems: "center",
+                          "&:hover": {
+                            backgroundColor: alpha(
+                              theme.palette.primary.main,
+                              0.04
+                            )
+                          }
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            ListItemText,
+                            {
+                              primaryTypographyProps: {
+                                fontSize: 12,
+                                letterSpacing: 0.6,
+                                color: alpha(theme.palette.text.primary, 0.85),
+                                textTransform: "uppercase"
+                              },
+                              primary: `${group.groupName} (${group.options.length})`
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            KeyboardArrowRightIcon,
+                            {
+                              sx: {
+                                transition: "transform 0.2s ease",
+                                transform: isExpanded ? "rotate(90deg)" : "none",
+                                color: alpha(theme.palette.text.primary, 0.6)
+                              }
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      Collapse,
+                      {
+                        in: isExpanded,
+                        timeout: "auto",
+                        unmountOnExit: true,
+                        children: [
+                          /* @__PURE__ */ jsx(List, { disablePadding: true, sx: { px: 2, py: 1 }, children: optionsToRender.map((option) => {
+                            const palette = sentimentPalette(
+                              theme,
+                              option.sentiment
+                            );
+                            return /* @__PURE__ */ jsxs(
+                              ListItemButton,
+                              {
+                                onClick: () => toggleOption(option.name),
+                                sx: {
+                                  display: "flex",
+                                  py: 0,
+                                  borderRadius: 2,
+                                  alignItems: "center",
+                                  justifyContent: "space-between",
+                                  width: "100%"
+                                },
+                                dense: true,
+                                children: [
+                                  /* @__PURE__ */ jsxs(
+                                    Box,
+                                    {
+                                      sx: {
+                                        display: "flex",
+                                        alignItems: "center",
+                                        flex: 1,
+                                        minWidth: 0
+                                      },
+                                      children: [
+                                        /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 32 }, children: /* @__PURE__ */ jsx(
+                                          Checkbox,
+                                          {
+                                            edge: "start",
+                                            tabIndex: -1,
+                                            disableRipple: true,
+                                            checked: selectedValues.includes(
+                                              option.name
+                                            )
+                                          }
+                                        ) }),
+                                        /* @__PURE__ */ jsx(
+                                          Chip,
+                                          {
+                                            label: option.displayName,
+                                            size: "small",
+                                            sx: {
+                                              mb: 0,
+                                              fontWeight: 600,
+                                              color: palette.color,
+                                              backgroundColor: palette.background,
+                                              borderRadius: 2,
+                                              maxWidth: "100%",
+                                              "& .MuiChip-label": {
+                                                overflow: "hidden",
+                                                textOverflow: "ellipsis",
+                                                whiteSpace: "nowrap"
+                                              }
+                                            }
+                                          }
+                                        )
+                                      ]
+                                    }
+                                  ),
+                                  /* @__PURE__ */ jsx(
+                                    SimpleTooltip,
+                                    {
+                                      title: option.description || "No description",
+                                      placement: "top",
+                                      tooltipProps: {
+                                        componentsProps: {
+                                          tooltip: {
+                                            sx: {
+                                              whiteSpace: "pre-wrap",
+                                              maxWidth: "300px",
+                                              wordBreak: "break-word"
+                                            }
+                                          }
+                                        }
+                                      },
+                                      children: /* @__PURE__ */ jsx(
+                                        IconButton,
+                                        {
+                                          size: "small",
+                                          sx: { ml: 0.5, flexShrink: 0 },
+                                          children: /* @__PURE__ */ jsx(InfoOutlinedIcon, { fontSize: "small" })
+                                        }
+                                      )
+                                    }
+                                  )
+                                ]
+                              },
+                              option.name
+                            );
+                          }) }),
+                          hasMoreOptions && !search && /* @__PURE__ */ jsx(
+                            Link,
+                            {
+                              component: "button",
+                              type: "button",
+                              underline: "hover",
+                              onClick: () => toggleOptions(group.groupName),
+                              sx: {
+                                mx: 2,
+                                mb: 1,
+                                display: "inline-flex",
+                                fontSize: 13,
+                                fontWeight: 500,
+                                color: theme.palette.primary.main,
+                                textUnderlineOffset: "2px"
+                              },
+                              children: isOptionExpanded ? "Show less" : "Show full list"
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Divider,
+                      {
+                        sx: {
+                          borderColor: alpha(theme.palette.divider, 0.1)
+                        }
+                      }
+                    )
+                  ] }, group.groupName);
+                }) }),
+                hasMoreGroups && !search && /* @__PURE__ */ jsx(
+                  Link,
+                  {
+                    alignSelf: "center",
+                    component: "button",
+                    type: "button",
+                    underline: "hover",
+                    onClick: () => setShowAll((prev) => !prev),
+                    sx: {
+                      mt: 1,
+                      fontSize: 13,
+                      fontWeight: 500,
+                      color: theme.palette.primary.main,
+                      textUnderlineOffset: "2px"
+                    },
+                    children: showAll ? "Hide full list" : "Show full list"
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsx(
+                FilterDropdownClear,
+                {
+                  disabled: !hasSelection,
+                  label: clearLabel,
+                  onClear: handleClear
+                }
+              )
+            ]
+          }
+        ) })
+      }
+    )
+  ] });
+};
+
+export { RiskInsightFilter };
+//# sourceMappingURL=RiskInsightFilter.esm.js.map