@backstage-community/plugin-apiiro 0.1.0

package/dist/components/common/CustomTooltip.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomTooltip.esm.js","sources":["../../../src/components/common/CustomTooltip.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useState, ReactNode, useRef, useEffect, useCallback } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useTheme } from '@mui/material/styles';\n\ninterface CustomTooltipProps {\n  title: string | ReactNode;\n  children: ReactNode;\n  placement?: 'top' | 'bottom' | 'left' | 'right';\n  enterDelay?: number;\n  leaveDelay?: number;\n  disableInteractive?: boolean;\n  centered?: boolean;\n}\n\nexport const CustomTooltip = ({\n  title,\n  children,\n  placement = 'top',\n  enterDelay = 0,\n  leaveDelay = 0,\n  disableInteractive = true,\n  centered = false,\n}: CustomTooltipProps) => {\n  const theme = useTheme();\n  const [showTooltip, setShowTooltip] = useState(false);\n  const [isTooltipVisible, setIsTooltipVisible] = useState(false);\n  const [tooltipPosition, setTooltipPosition] = useState({ top: 0, left: 0 });\n  const [arrowOffset, setArrowOffset] = useState({ top: 0, left: 0 });\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const enterTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const leaveTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  const calculateTooltipPosition = useCallback(() => {\n    if (!triggerRef.current || !tooltipRef.current) return;\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    const tooltipRect = tooltipRef.current.getBoundingClientRect();\n    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n    const scrollLeft =\n      window.pageXOffset || document.documentElement.scrollLeft;\n\n    let idealTop = 0;\n    let idealLeft = 0;\n\n    // Calculate ideal position\n    switch (placement) {\n      case 'top':\n        idealTop = triggerRect.top + scrollTop - tooltipRect.height - 8;\n        idealLeft =\n          triggerRect.left +\n          scrollLeft +\n          triggerRect.width / 2 -\n          tooltipRect.width / 2;\n        break;\n      case 'bottom':\n        idealTop = triggerRect.bottom + scrollTop + 8;\n        idealLeft =\n          triggerRect.left +\n          scrollLeft +\n          triggerRect.width / 2 -\n          tooltipRect.width / 2;\n        break;\n      case 'left':\n        idealTop =\n          triggerRect.top +\n          scrollTop +\n          triggerRect.height / 2 -\n          tooltipRect.height / 2;\n        idealLeft = triggerRect.left + scrollLeft - tooltipRect.width - 8;\n        break;\n      case 'right':\n        idealTop =\n          triggerRect.top +\n          scrollTop +\n          triggerRect.height / 2 -\n          tooltipRect.height / 2;\n        idealLeft = triggerRect.right + scrollLeft + 8;\n        break;\n      default:\n        idealTop = triggerRect.top + scrollTop - tooltipRect.height - 8;\n        idealLeft =\n          triggerRect.left +\n          scrollLeft +\n          triggerRect.width / 2 -\n          tooltipRect.width / 2;\n    }\n\n    let finalLeft = idealLeft;\n    let finalTop = idealTop;\n\n    // Adjust for viewport boundaries\n    const margin = 8;\n    if (finalLeft < scrollLeft + margin) {\n      finalLeft = scrollLeft + margin;\n    }\n    if (\n      finalLeft + tooltipRect.width >\n      scrollLeft + window.innerWidth - margin\n    ) {\n      finalLeft = scrollLeft + window.innerWidth - tooltipRect.width - margin;\n    }\n    if (finalTop < scrollTop + margin) {\n      finalTop = scrollTop + margin;\n    }\n    if (\n      finalTop + tooltipRect.height >\n      scrollTop + window.innerHeight - margin\n    ) {\n      finalTop = scrollTop + window.innerHeight - tooltipRect.height - margin;\n    }\n\n    setArrowOffset({ top: idealTop - finalTop, left: idealLeft - finalLeft });\n    setTooltipPosition({ top: finalTop, left: finalLeft });\n    setIsTooltipVisible(true); // Make it visible after position is set\n  }, [placement]);\n\n  const handleMouseEnter = () => {\n    if (leaveTimeoutRef.current) {\n      clearTimeout(leaveTimeoutRef.current);\n      leaveTimeoutRef.current = null;\n    }\n\n    if (enterDelay > 0) {\n      enterTimeoutRef.current = setTimeout(() => {\n        setShowTooltip(true);\n      }, enterDelay);\n    } else {\n      setShowTooltip(true);\n    }\n  };\n\n  const handleMouseLeave = () => {\n    if (enterTimeoutRef.current) {\n      clearTimeout(enterTimeoutRef.current);\n      enterTimeoutRef.current = null;\n    }\n\n    if (leaveDelay > 0) {\n      leaveTimeoutRef.current = setTimeout(() => {\n        setShowTooltip(false);\n        setIsTooltipVisible(false);\n        setArrowOffset({ top: 0, left: 0 });\n      }, leaveDelay);\n    } else {\n      setShowTooltip(false);\n      setIsTooltipVisible(false);\n      setArrowOffset({ top: 0, left: 0 });\n    }\n  };\n\n  const handleTooltipMouseEnter = () => {\n    if (!disableInteractive && leaveTimeoutRef.current) {\n      clearTimeout(leaveTimeoutRef.current);\n      leaveTimeoutRef.current = null;\n    }\n  };\n\n  const handleTooltipMouseLeave = () => {\n    if (!disableInteractive) {\n      handleMouseLeave();\n    }\n  };\n\n  useEffect(() => {\n    if (showTooltip) {\n      // Position is calculated after the tooltip is rendered but before it's visible\n      calculateTooltipPosition();\n    }\n  }, [showTooltip, calculateTooltipPosition]);\n\n  // Cleanup timeouts on unmount\n  useEffect(() => {\n    return () => {\n      if (enterTimeoutRef.current) {\n        clearTimeout(enterTimeoutRef.current);\n      }\n      if (leaveTimeoutRef.current) {\n        clearTimeout(leaveTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  const getArrowStyle = () => {\n    // Get theme-aware arrow color\n    const arrowColor =\n      theme.palette.mode === 'dark'\n        ? theme.palette.grey[700]\n        : theme.palette.common.white;\n\n    const baseArrow = {\n      position: 'absolute' as const,\n      width: 0,\n      height: 0,\n    };\n\n    switch (placement) {\n      case 'top':\n        return {\n          ...baseArrow,\n          top: '100%',\n          left: `calc(50% + ${arrowOffset.left}px)`,\n          transform: 'translateX(-50%)',\n          borderLeft: '6px solid transparent',\n          borderRight: '6px solid transparent',\n          borderTop: `6px solid ${arrowColor}`,\n          filter:\n            theme.palette.mode === 'dark'\n              ? 'drop-shadow(0 2px 4px rgba(0,0,0,0.3))'\n              : 'drop-shadow(0 2px 4px rgba(0,0,0,0.1))',\n        };\n      case 'bottom':\n        return {\n          ...baseArrow,\n          bottom: '100%',\n          left: `calc(50% + ${arrowOffset.left}px)`,\n          transform: 'translateX(-50%)',\n          borderLeft: '6px solid transparent',\n          borderRight: '6px solid transparent',\n          borderBottom: `6px solid ${arrowColor}`,\n          filter:\n            theme.palette.mode === 'dark'\n              ? 'drop-shadow(0 -2px 4px rgba(0,0,0,0.3))'\n              : 'drop-shadow(0 -2px 4px rgba(0,0,0,0.1))',\n        };\n      case 'left':\n        return {\n          ...baseArrow,\n          left: '100%',\n          top: `calc(50% - ${arrowOffset.top}px)`,\n          transform: 'translateY(-50%)',\n          borderTop: '6px solid transparent',\n          borderBottom: '6px solid transparent',\n          borderLeft: `6px solid ${arrowColor}`,\n          filter:\n            theme.palette.mode === 'dark'\n              ? 'drop-shadow(2px 0 4px rgba(0,0,0,0.3))'\n              : 'drop-shadow(2px 0 4px rgba(0,0,0,0.1))',\n        };\n      case 'right':\n        return {\n          ...baseArrow,\n          right: '100%',\n          top: `calc(50% - ${arrowOffset.top}px)`,\n          transform: 'translateY(-50%)',\n          borderTop: '6px solid transparent',\n          borderBottom: '6px solid transparent',\n          borderRight: `6px solid ${arrowColor}`,\n          filter:\n            theme.palette.mode === 'dark'\n              ? 'drop-shadow(-2px 0 4px rgba(0,0,0,0.3))'\n              : 'drop-shadow(-2px 0 4px rgba(0,0,0,0.1))',\n        };\n      default:\n        return {\n          ...baseArrow,\n          top: '100%',\n          left: `calc(50% - ${arrowOffset.left}px)`,\n          transform: 'translateX(-50%)',\n          borderLeft: '6px solid transparent',\n          borderRight: '6px solid transparent',\n          borderTop: `6px solid ${arrowColor}`,\n          filter:\n            theme.palette.mode === 'dark'\n              ? 'drop-shadow(0 2px 4px rgba(0,0,0,0.3))'\n              : 'drop-shadow(0 2px 4px rgba(0,0,0,0.1))',\n        };\n    }\n  };\n\n  const renderTooltip = () => {\n    if (!showTooltip) return null;\n\n    return createPortal(\n      <div\n        ref={tooltipRef}\n        style={{\n          position: 'absolute',\n          top: `${tooltipPosition.top}px`,\n          left: `${tooltipPosition.left}px`,\n          visibility: isTooltipVisible ? 'visible' : 'hidden',\n          backgroundColor:\n            theme.palette.mode === 'dark'\n              ? theme.palette.grey[700]\n              : theme.palette.common.white,\n          color:\n            theme.palette.mode === 'dark'\n              ? theme.palette.common.white\n              : theme.palette.text.primary,\n          padding: '12px 16px',\n          borderRadius: '8px',\n          fontSize: '14px',\n          fontWeight: '400',\n          lineHeight: '1.4',\n          maxWidth: '300px',\n          minWidth: 'max-content',\n          zIndex: 9999,\n          boxShadow:\n            theme.palette.mode === 'dark'\n              ? '0 4px 12px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.3)'\n              : '0 4px 12px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.1)',\n          border:\n            theme.palette.mode === 'dark'\n              ? `1px solid ${theme.palette.grey[800]}`\n              : '1px solid rgba(0, 0, 0, 0.08)',\n          whiteSpace: 'normal',\n          wordWrap: 'break-word',\n          pointerEvents: disableInteractive ? 'none' : 'auto',\n        }}\n        onMouseEnter={handleTooltipMouseEnter}\n        onMouseLeave={handleTooltipMouseLeave}\n      >\n        {title}\n        <div style={getArrowStyle()} />\n      </div>,\n      document.body,\n    );\n  };\n\n  return (\n    <>\n      <div\n        ref={triggerRef}\n        style={{\n          position: 'relative',\n          display: centered ? 'flex' : 'inline-block',\n          alignItems: centered ? 'center' : undefined,\n          justifyContent: centered ? 'center' : undefined,\n          height: centered ? '100%' : undefined,\n          width: centered ? '100%' : undefined,\n        }}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n      >\n        {children}\n      </div>\n      {renderTooltip()}\n    </>\n  );\n};\n\nexport default CustomTooltip;\n"],"names":[],"mappings":"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"}

package/dist/components/common/ErrorSnackbar.esm.js

@@ -0,0 +1,39 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import Snackbar from '@mui/material/Snackbar';
+import Alert from '@mui/material/Alert';
+
+const ErrorSnackbar = ({ error }) => {
+  const [isOpen, setIsOpen] = useState(false);
+  useEffect(() => {
+    if (error) {
+      setIsOpen(true);
+    }
+  }, [error]);
+  const handleClose = (_event, reason) => {
+    if (reason === "clickaway") {
+      return;
+    }
+    setIsOpen(false);
+  };
+  if (!error) {
+    return null;
+  }
+  const errorMessage = (
+    // @ts-ignore
+    error?.error || error?.message || "An unknown error occurred."
+  );
+  return /* @__PURE__ */ jsx(
+    Snackbar,
+    {
+      open: isOpen,
+      autoHideDuration: 6e3,
+      onClose: handleClose,
+      anchorOrigin: { vertical: "top", horizontal: "right" },
+      children: /* @__PURE__ */ jsx(Alert, { onClose: handleClose, severity: "error", sx: { width: "100%" }, children: errorMessage })
+    }
+  );
+};
+
+export { ErrorSnackbar };
+//# sourceMappingURL=ErrorSnackbar.esm.js.map

package/dist/components/common/ErrorSnackbar.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorSnackbar.esm.js","sources":["../../../src/components/common/ErrorSnackbar.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useState, useEffect, SyntheticEvent } from 'react';\nimport Snackbar from '@mui/material/Snackbar';\nimport Alert from '@mui/material/Alert';\n\ninterface ErrorSnackbarProps {\n  error: Error | null | unknown;\n}\n\nexport const ErrorSnackbar = ({ error }: ErrorSnackbarProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  useEffect(() => {\n    if (error) {\n      setIsOpen(true);\n    }\n  }, [error]);\n\n  const handleClose = (_event?: SyntheticEvent | Event, reason?: string) => {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setIsOpen(false);\n  };\n\n  if (!error) {\n    return null;\n  }\n\n  // Accommodate the custom 'details' property while providing fallbacks\n  const errorMessage =\n    // @ts-ignore\n    (error as any)?.error ||\n    (error as Error)?.message ||\n    'An unknown error occurred.';\n\n  return (\n    <Snackbar\n      open={isOpen}\n      autoHideDuration={6000}\n      onClose={handleClose}\n      anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\n    >\n      <Alert onClose={handleClose} severity=\"error\" sx={{ width: '100%' }}>\n        {errorMessage}\n      </Alert>\n    </Snackbar>\n  );\n};\n"],"names":[],"mappings":";;;;;AAuBO,MAAM,aAAA,GAAgB,CAAC,EAAE,KAAA,EAAM,KAA0B;AAC9D,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAE1C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,KAAA,EAAO;AACT,MAAA,SAAA,CAAU,IAAI,CAAA;AAAA,IAChB;AAAA,EACF,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,MAAM,WAAA,GAAc,CAAC,MAAA,EAAiC,MAAA,KAAoB;AACxE,IAAA,IAAI,WAAW,WAAA,EAAa;AAC1B,MAAA;AAAA,IACF;AACA,IAAA,SAAA,CAAU,KAAK,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,IAAI,CAAC,KAAA,EAAO;AACV,IAAA,OAAO,IAAA;AAAA,EACT;AAGA,EAAA,MAAM,YAAA;AAAA;AAAA,IAEH,KAAA,EAAe,KAAA,IACf,KAAA,EAAiB,OAAA,IAClB;AAAA,GAAA;AAEF,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,MAAA;AAAA,MACN,gBAAA,EAAkB,GAAA;AAAA,MAClB,OAAA,EAAS,WAAA;AAAA,MACT,YAAA,EAAc,EAAE,QAAA,EAAU,KAAA,EAAO,YAAY,OAAA,EAAQ;AAAA,MAErD,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAM,OAAA,EAAS,WAAA,EAAa,QAAA,EAAS,OAAA,EAAQ,EAAA,EAAI,EAAE,KAAA,EAAO,MAAA,EAAO,EAC/D,QAAA,EAAA,YAAA,EACH;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/common/NotFound.esm.js

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import { NoResultsIcon } from '../../assets/NoResultIcon.esm.js';
+
+const NotFound = ({
+  message = "No results found."
+}) => {
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        height: "100%",
+        textAlign: "center",
+        mb: 3
+      },
+      children: [
+        /* @__PURE__ */ jsx(NoResultsIcon, {}),
+        /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { color: "text.secondary" }, children: message })
+      ]
+    }
+  );
+};
+
+export { NotFound };
+//# sourceMappingURL=NotFound.esm.js.map

package/dist/components/common/NotFound.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFound.esm.js","sources":["../../../src/components/common/NotFound.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 Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport NoResultsIcon from '../../assets/NoResultIcon';\n\nexport const NotFound = ({\n  message = 'No results found.',\n}: {\n  message?: string;\n}) => {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        height: '100%',\n        textAlign: 'center',\n        mb: 3,\n      }}\n    >\n      <NoResultsIcon />\n      <Typography variant=\"body1\" sx={{ color: 'text.secondary' }}>\n        {message}\n      </Typography>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;AAmBO,MAAM,WAAW,CAAC;AAAA,EACvB,OAAA,GAAU;AACZ,CAAA,KAEM;AACJ,EAAA,uBACE,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI;AAAA,QACF,OAAA,EAAS,MAAA;AAAA,QACT,aAAA,EAAe,QAAA;AAAA,QACf,UAAA,EAAY,QAAA;AAAA,QACZ,cAAA,EAAgB,QAAA;AAAA,QAChB,MAAA,EAAQ,MAAA;AAAA,QACR,SAAA,EAAW,QAAA;AAAA,QACX,EAAA,EAAI;AAAA,OACN;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,CAAA;AAAA,wBACf,GAAA,CAAC,cAAW,OAAA,EAAQ,OAAA,EAAQ,IAAI,EAAE,KAAA,EAAO,gBAAA,EAAiB,EACvD,QAAA,EAAA,OAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/common/SomethingWentWrong.esm.js

@@ -0,0 +1,35 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import { BulleyeIcon } from '../../assets/BulleyeIcon.esm.js';
+
+const SomethingWentWrong = ({
+  message = "Oops! Something went wrong",
+  subtitle = "You can refresh or try again later",
+  statusCode
+}) => {
+  const displayMessage = statusCode === 401 ? "Your Apiiro token is invalid or has expired" : message;
+  const displaySubtitle = statusCode === 401 ? "Please contact your Administrator" : subtitle;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        height: "100%",
+        textAlign: "center",
+        mb: 3
+      },
+      children: [
+        /* @__PURE__ */ jsx(BulleyeIcon, {}),
+        /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { color: "text.secondary" }, children: displayMessage }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { color: "text.secondary" }, children: displaySubtitle })
+      ]
+    }
+  );
+};
+
+export { SomethingWentWrong };
+//# sourceMappingURL=SomethingWentWrong.esm.js.map

package/dist/components/common/SomethingWentWrong.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SomethingWentWrong.esm.js","sources":["../../../src/components/common/SomethingWentWrong.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 Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport BulleyeIcon from '../../assets/BulleyeIcon';\n\nexport const SomethingWentWrong = ({\n  message = 'Oops! Something went wrong',\n  subtitle = 'You can refresh or try again later',\n  statusCode,\n}: {\n  message?: string;\n  subtitle?: string;\n  statusCode?: number;\n}) => {\n  // Set messages based on status code\n  const displayMessage =\n    statusCode === 401\n      ? 'Your Apiiro token is invalid or has expired'\n      : message;\n\n  const displaySubtitle =\n    statusCode === 401 ? 'Please contact your Administrator' : subtitle;\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        height: '100%',\n        textAlign: 'center',\n        mb: 3,\n      }}\n    >\n      <BulleyeIcon />\n      <Typography variant=\"body1\" sx={{ color: 'text.secondary' }}>\n        {displayMessage}\n      </Typography>\n      <Typography variant=\"body2\" sx={{ color: 'text.secondary' }}>\n        {displaySubtitle}\n      </Typography>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;AAmBO,MAAM,qBAAqB,CAAC;AAAA,EACjC,OAAA,GAAU,4BAAA;AAAA,EACV,QAAA,GAAW,oCAAA;AAAA,EACX;AACF,CAAA,KAIM;AAEJ,EAAA,MAAM,cAAA,GACJ,UAAA,KAAe,GAAA,GACX,6CAAA,GACA,OAAA;AAEN,EAAA,MAAM,eAAA,GACJ,UAAA,KAAe,GAAA,GAAM,mCAAA,GAAsC,QAAA;AAE7D,EAAA,uBACE,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI;AAAA,QACF,OAAA,EAAS,MAAA;AAAA,QACT,aAAA,EAAe,QAAA;AAAA,QACf,UAAA,EAAY,QAAA;AAAA,QACZ,cAAA,EAAgB,QAAA;AAAA,QAChB,MAAA,EAAQ,MAAA;AAAA,QACR,SAAA,EAAW,QAAA;AAAA,QACX,EAAA,EAAI;AAAA,OACN;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,CAAA;AAAA,wBACb,GAAA,CAAC,cAAW,OAAA,EAAQ,OAAA,EAAQ,IAAI,EAAE,KAAA,EAAO,gBAAA,EAAiB,EACvD,QAAA,EAAA,cAAA,EACH,CAAA;AAAA,wBACA,GAAA,CAAC,cAAW,OAAA,EAAQ,OAAA,EAAQ,IAAI,EAAE,KAAA,EAAO,gBAAA,EAAiB,EACvD,QAAA,EAAA,eAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/common/languageIcons.esm.js

@@ -0,0 +1,61 @@
+import { C } from '../../assets/languageIcons/C.esm.js';
+import { Csharp } from '../../assets/languageIcons/Csharp.esm.js';
+import { Cicd } from '../../assets/languageIcons/Cicd.esm.js';
+import { Clojure } from '../../assets/languageIcons/Clojure.esm.js';
+import { Cpp } from '../../assets/languageIcons/Cpp.esm.js';
+import { Dart } from '../../assets/languageIcons/Dart.esm.js';
+import 'react/jsx-runtime';
+import 'react-icons/si';
+import { Go } from '../../assets/languageIcons/Go.esm.js';
+import 'react-icons/tb';
+import { Groovy } from '../../assets/languageIcons/Groovy.esm.js';
+import { HTML } from '../../assets/languageIcons/HTML.esm.js';
+import { HclLanguage } from '../../assets/languageIcons/HclLanguage.esm.js';
+import { Java } from '../../assets/languageIcons/Java.esm.js';
+import { Javascript } from '../../assets/languageIcons/Javascript.esm.js';
+import { Kotlin } from '../../assets/languageIcons/Kotlin.esm.js';
+import { ObjectiveC } from '../../assets/languageIcons/ObjectiveC.esm.js';
+import { PHP } from '../../assets/languageIcons/PHP.esm.js';
+import { Perl } from '../../assets/languageIcons/Perl.esm.js';
+import { Python } from '../../assets/languageIcons/Python.esm.js';
+import { Ruby } from '../../assets/languageIcons/Ruby.esm.js';
+import { Rust } from '../../assets/languageIcons/Rust.esm.js';
+import { Scala } from '../../assets/languageIcons/Scala.esm.js';
+import { Swift } from '../../assets/languageIcons/Swift.esm.js';
+import { Terraform } from '../../assets/languageIcons/Terraform.esm.js';
+import { Typescript } from '../../assets/languageIcons/Typescript.esm.js';
+import { Unknown } from '../../assets/languageIcons/Unknown.esm.js';
+import { VB } from '../../assets/languageIcons/VB.esm.js';
+import { YAML } from '../../assets/languageIcons/YAML.esm.js';
+
+const languageIconMap = {
+  Java: Java,
+  "C#": Csharp,
+  JavaScript: Javascript,
+  TypeScript: Typescript,
+  Python: Python,
+  Kotlin: Kotlin,
+  C: C,
+  "C++": Cpp,
+  "Visual Basic": VB,
+  HTML: HTML,
+  "Objective-C": ObjectiveC,
+  Swift: Swift,
+  Perl: Perl,
+  Ruby: Ruby,
+  Go: Go,
+  Rust: Rust,
+  Clojure: Clojure,
+  Scala: Scala,
+  PHP: PHP,
+  Dart: Dart,
+  HCL: HclLanguage,
+  "CI/CD": Cicd,
+  Groovy: Groovy,
+  Yaml: YAML,
+  Terraform: Terraform,
+  Unknown: Unknown
+};
+
+export { languageIconMap };
+//# sourceMappingURL=languageIcons.esm.js.map

package/dist/components/common/languageIcons.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"languageIcons.esm.js","sources":["../../../src/components/common/languageIcons.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 * as icons from '../../assets/languageIcons';\n\nexport type LanguageKey =\n  | 'Java'\n  | 'C#'\n  | 'TypeScript'\n  | 'JavaScript'\n  | 'Python'\n  | 'Kotlin'\n  | 'C'\n  | 'C++'\n  | 'Visual Basic'\n  | 'HTML'\n  | 'Objective-C'\n  | 'Swift'\n  | 'Perl'\n  | 'Ruby'\n  | 'Go'\n  | 'Rust'\n  | 'Clojure'\n  | 'Scala'\n  | 'PHP'\n  | 'Dart'\n  | 'HCL'\n  | 'CI/CD'\n  | 'Groovy'\n  | 'Yaml'\n  | 'Terraform'\n  | 'Unknown';\n\nexport interface LanguageIconProps {\n  color?: string;\n}\n\nexport const languageIconMap: Record<\n  LanguageKey,\n  React.FC<LanguageIconProps>\n> = {\n  Java: icons.Java,\n  'C#': icons.Csharp,\n  JavaScript: icons.Javascript,\n  TypeScript: icons.Typescript,\n  Python: icons.Python,\n  Kotlin: icons.Kotlin,\n  C: icons.C,\n  'C++': icons.Cpp,\n  'Visual Basic': icons.VB,\n  HTML: icons.HTML,\n  'Objective-C': icons.ObjectiveC,\n  Swift: icons.Swift,\n  Perl: icons.Perl,\n  Ruby: icons.Ruby,\n  Go: icons.Go,\n  Rust: icons.Rust,\n  Clojure: icons.Clojure,\n  Scala: icons.Scala,\n  PHP: icons.PHP,\n  Dart: icons.Dart,\n  HCL: icons.HclLanguage,\n  'CI/CD': icons.Cicd,\n  Groovy: icons.Groovy,\n  Yaml: icons.YAML,\n  Terraform: icons.Terraform,\n  Unknown: icons.Unknown,\n};\n"],"names":["icons.Java","icons.Csharp","icons.Javascript","icons.Typescript","icons.Python","icons.Kotlin","icons.C","icons.Cpp","icons.VB","icons.HTML","icons.ObjectiveC","icons.Swift","icons.Perl","icons.Ruby","icons.Go","icons.Rust","icons.Clojure","icons.Scala","icons.PHP","icons.Dart","icons.HclLanguage","icons.Cicd","icons.Groovy","icons.YAML","icons.Terraform","icons.Unknown"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDO,MAAM,eAAA,GAGT;AAAA,EACF,MAAMA,IAAM;AAAA,EACZ,MAAMC,MAAM;AAAA,EACZ,YAAYC,UAAM;AAAA,EAClB,YAAYC,UAAM;AAAA,EAClB,QAAQC,MAAM;AAAA,EACd,QAAQC,MAAM;AAAA,EACd,GAAGC,CAAM;AAAA,EACT,OAAOC,GAAM;AAAA,EACb,gBAAgBC,EAAM;AAAA,EACtB,MAAMC,IAAM;AAAA,EACZ,eAAeC,UAAM;AAAA,EACrB,OAAOC,KAAM;AAAA,EACb,MAAMC,IAAM;AAAA,EACZ,MAAMC,IAAM;AAAA,EACZ,IAAIC,EAAM;AAAA,EACV,MAAMC,IAAM;AAAA,EACZ,SAASC,OAAM;AAAA,EACf,OAAOC,KAAM;AAAA,EACb,KAAKC,GAAM;AAAA,EACX,MAAMC,IAAM;AAAA,EACZ,KAAKC,WAAM;AAAA,EACX,SAASC,IAAM;AAAA,EACf,QAAQC,MAAM;AAAA,EACd,MAAMC,IAAM;AAAA,EACZ,WAAWC,SAAM;AAAA,EACjB,SAASC;AACX;;;;"}

package/dist/components/common/logoSpinner.esm.js

@@ -0,0 +1,28 @@
+import { jsx } from 'react/jsx-runtime';
+import { ApiiroSmall } from '../../assets/apiiroLogo/apiiroSmall.esm.js';
+import { styled, keyframes } from '@mui/material/styles';
+import { getSpinnerColor } from '../../theme/themeUtils.esm.js';
+
+const rotate3d = keyframes`
+  25% {
+    transform: rotateX(180deg);
+  }
+  50% {
+    transform: rotateY(180deg);
+  }
+  75% {
+    transform: rotateZ(180deg);
+  }
+`;
+const AnimatedLogo = styled(ApiiroSmall)(({ theme }) => ({
+  color: getSpinnerColor(theme),
+  animation: `${rotate3d} 3s infinite`,
+  display: "inline-block",
+  transformStyle: "preserve-3d"
+}));
+const LogoSpinner = () => {
+  return /* @__PURE__ */ jsx(AnimatedLogo, {});
+};
+
+export { LogoSpinner };
+//# sourceMappingURL=logoSpinner.esm.js.map

package/dist/components/common/logoSpinner.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logoSpinner.esm.js","sources":["../../../src/components/common/logoSpinner.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 { ApiiroSmall } from '../../assets/apiiroLogo/apiiroSmall';\nimport { styled, keyframes } from '@mui/material/styles';\nimport { getSpinnerColor } from '../../theme/themeUtils';\n\nconst rotate3d = keyframes`\n  25% {\n    transform: rotateX(180deg);\n  }\n  50% {\n    transform: rotateY(180deg);\n  }\n  75% {\n    transform: rotateZ(180deg);\n  }\n`;\n\nconst AnimatedLogo = styled(ApiiroSmall)(({ theme }) => ({\n  color: getSpinnerColor(theme),\n  animation: `${rotate3d} 3s infinite`,\n  display: 'inline-block',\n  transformStyle: 'preserve-3d',\n}));\n\nexport const LogoSpinner = () => {\n  return <AnimatedLogo />;\n};\n"],"names":[],"mappings":";;;;;AAmBA,MAAM,QAAA,GAAW,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AAYjB,MAAM,eAAe,MAAA,CAAO,WAAW,EAAE,CAAC,EAAE,OAAM,MAAO;AAAA,EACvD,KAAA,EAAO,gBAAgB,KAAK,CAAA;AAAA,EAC5B,SAAA,EAAW,GAAG,QAAQ,CAAA,YAAA,CAAA;AAAA,EACtB,OAAA,EAAS,cAAA;AAAA,EACT,cAAA,EAAgB;AAClB,CAAA,CAAE,CAAA;AAEK,MAAM,cAAc,MAAM;AAC/B,EAAA,2BAAQ,YAAA,EAAA,EAAa,CAAA;AACvB;;;;"}

package/dist/components/common/scmProviders.esm.js

@@ -0,0 +1,41 @@
+import { Azure } from '../../assets/providerIcons/Azure.esm.js';
+import { Bitbucket } from '../../assets/providerIcons/Bitbucket.esm.js';
+import { Gitlab } from '../../assets/providerIcons/Gitlab.esm.js';
+import { GitHub } from '@mui/icons-material';
+
+const scmProviderIcons = {
+  ["AzureDevops" /* AzureDevops */]: Azure,
+  ["AzureDevopsServer" /* AzureDevopsServer */]: Azure,
+  ["BitbucketCloud" /* BitbucketCloud */]: Bitbucket,
+  ["BitbucketServer" /* BitbucketServer */]: Bitbucket,
+  ["Bitbucket" /* Bitbucket */]: Bitbucket,
+  ["Github" /* Github */]: GitHub,
+  ["GithubEnterprise" /* GithubEnterprise */]: GitHub,
+  ["Gitlab" /* Gitlab */]: Gitlab,
+  ["GitlabServer" /* GitlabServer */]: Gitlab
+};
+const generateRepoURL = (repository) => {
+  const { provider, branchName, url } = repository;
+  if (!url) return void 0;
+  switch (provider) {
+    case "Github" /* Github */:
+    case "GithubEnterprise" /* GithubEnterprise */:
+      return `${url}/tree/${branchName}`;
+    case "Gitlab" /* Gitlab */:
+    case "GitlabServer" /* GitlabServer */:
+      return `${url}/-/tree/${branchName}`;
+    case "AzureDevops" /* AzureDevops */:
+    case "AzureDevopsServer" /* AzureDevopsServer */:
+      return `${url}?version=GB${branchName}`;
+    case "BitbucketServer" /* BitbucketServer */:
+      return `${url}/browse?at=refs/heads/${branchName}`;
+    case "BitbucketCloud" /* BitbucketCloud */:
+    case "Bitbucket" /* Bitbucket */:
+      return `${url}/branch/${branchName}`;
+    default:
+      return url;
+  }
+};
+
+export { generateRepoURL, scmProviderIcons };
+//# sourceMappingURL=scmProviders.esm.js.map

package/dist/components/common/scmProviders.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scmProviders.esm.js","sources":["../../../src/components/common/scmProviders.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 { Azure as AzureIcon } from '../../assets/providerIcons/Azure';\nimport { Bitbucket as BitbucketIcon } from '../../assets/providerIcons/Bitbucket';\nimport { Gitlab as GitlabIcon } from '../../assets/providerIcons/Gitlab';\nimport { GitHub as GitHubIcon } from '@mui/icons-material';\nimport { RepositoryType } from '../../queries';\n\nexport enum Provider {\n  AzureDevops = 'AzureDevops',\n  AzureDevopsServer = 'AzureDevopsServer',\n  BitbucketServer = 'BitbucketServer',\n  BitbucketCloud = 'BitbucketCloud',\n  Bitbucket = 'Bitbucket',\n  Github = 'Github',\n  GithubEnterprise = 'GithubEnterprise',\n  Gitlab = 'Gitlab',\n  GitlabServer = 'GitlabServer',\n}\n\nexport const scmProviderIcons: Record<string, any> = {\n  [Provider.AzureDevops]: AzureIcon,\n  [Provider.AzureDevopsServer]: AzureIcon,\n  [Provider.BitbucketCloud]: BitbucketIcon,\n  [Provider.BitbucketServer]: BitbucketIcon,\n  [Provider.Bitbucket]: BitbucketIcon,\n  [Provider.Github]: GitHubIcon,\n  [Provider.GithubEnterprise]: GitHubIcon,\n  [Provider.Gitlab]: GitlabIcon,\n  [Provider.GitlabServer]: GitlabIcon,\n};\n\nexport const generateRepoURL = (\n  repository: RepositoryType,\n): string | undefined => {\n  const { provider, branchName, url } = repository;\n\n  if (!url) return undefined;\n\n  switch (provider) {\n    case Provider.Github:\n    case Provider.GithubEnterprise:\n      return `${url}/tree/${branchName}`;\n\n    case Provider.Gitlab:\n    case Provider.GitlabServer:\n      return `${url}/-/tree/${branchName}`;\n\n    case Provider.AzureDevops:\n    case Provider.AzureDevopsServer:\n      return `${url}?version=GB${branchName}`;\n\n    case Provider.BitbucketServer:\n      return `${url}/browse?at=refs/heads/${branchName}`;\n\n    case Provider.BitbucketCloud:\n    case Provider.Bitbucket:\n      return `${url}/branch/${branchName}`;\n\n    default:\n      // Return URL as is for unsupported providers\n      return url;\n  }\n};\n\nexport const getRepositoryUrl = (url: string | null) => {\n  if (!url) return null;\n\n  // Extract repository URL for any Git provider (GitHub, GitLab, Bitbucket, Azure DevOps, etc.)\n  // Matches: https://domain.com/user/repo (stops before /tree/, /blob/, /-/, etc.)\n  const repoMatch = url.match(/url:https?:\\/\\/.*/);\n\n  return repoMatch ? repoMatch[0].replace('url:', '') : null;\n};\n"],"names":["AzureIcon","BitbucketIcon","GitHubIcon","GitlabIcon"],"mappings":";;;;;AAiCO,MAAM,gBAAA,GAAwC;AAAA,EACnD,CAAC,kCAAuBA,KAAA;AAAA,EACxB,CAAC,8CAA6BA,KAAA;AAAA,EAC9B,CAAC,wCAA0BC,SAAA;AAAA,EAC3B,CAAC,0CAA2BA,SAAA;AAAA,EAC5B,CAAC,8BAAqBA,SAAA;AAAA,EACtB,CAAC,wBAAkBC,MAAA;AAAA,EACnB,CAAC,4CAA4BA,MAAA;AAAA,EAC7B,CAAC,wBAAkBC,MAAA;AAAA,EACnB,CAAC,oCAAwBA;AAC3B;AAEO,MAAM,eAAA,GAAkB,CAC7B,UAAA,KACuB;AACvB,EAAA,MAAM,EAAE,QAAA,EAAU,UAAA,EAAY,GAAA,EAAI,GAAI,UAAA;AAEtC,EAAA,IAAI,CAAC,KAAK,OAAO,MAAA;AAEjB,EAAA,QAAQ,QAAA;AAAU,IAChB,KAAK,QAAA;AAAA,IACL,KAAK,kBAAA;AACH,MAAA,OAAO,CAAA,EAAG,GAAG,CAAA,MAAA,EAAS,UAAU,CAAA,CAAA;AAAA,IAElC,KAAK,QAAA;AAAA,IACL,KAAK,cAAA;AACH,MAAA,OAAO,CAAA,EAAG,GAAG,CAAA,QAAA,EAAW,UAAU,CAAA,CAAA;AAAA,IAEpC,KAAK,aAAA;AAAA,IACL,KAAK,mBAAA;AACH,MAAA,OAAO,CAAA,EAAG,GAAG,CAAA,WAAA,EAAc,UAAU,CAAA,CAAA;AAAA,IAEvC,KAAK,iBAAA;AACH,MAAA,OAAO,CAAA,EAAG,GAAG,CAAA,sBAAA,EAAyB,UAAU,CAAA,CAAA;AAAA,IAElD,KAAK,gBAAA;AAAA,IACL,KAAK,WAAA;AACH,MAAA,OAAO,CAAA,EAAG,GAAG,CAAA,QAAA,EAAW,UAAU,CAAA,CAAA;AAAA,IAEpC;AAEE,MAAA,OAAO,GAAA;AAAA;AAEb;;;;"}

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

@@ -0,0 +1,284 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useRef, useMemo } from 'react';
+import Box from '@mui/material/Box';
+import ButtonBase from '@mui/material/ButtonBase';
+import Typography from '@mui/material/Typography';
+import Popper from '@mui/material/Popper';
+import ClickAwayListener from '@mui/material/ClickAwayListener';
+import Tooltip from '@mui/material/Tooltip';
+import IconButton from '@mui/material/IconButton';
+import Skeleton from '@mui/material/Skeleton';
+import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
+import CloseIcon from '@mui/icons-material/Close';
+import { alpha } from '@mui/material/styles';
+import { CalendarDatePicker } from '../CalendarDatePicker.esm.js';
+
+const hasCompleteRange = (value) => {
+  if (!Array.isArray(value)) {
+    return false;
+  }
+  const [start, end] = value;
+  return start instanceof Date && end instanceof Date;
+};
+const getYearsDifference = (startDate, endDate) => {
+  const start = new Date(startDate);
+  const end = new Date(endDate);
+  const diffTime = Math.abs(end.getTime() - start.getTime());
+  const diffYears = diffTime / (1e3 * 60 * 60 * 24 * 365.25);
+  return diffYears;
+};
+const formatDateRangeSpan = (startDate, endDate) => {
+  const start = new Date(startDate);
+  const end = new Date(endDate);
+  const diffTime = Math.abs(end.getTime() - start.getTime());
+  const totalDays = diffTime / (1e3 * 60 * 60 * 24);
+  const years = Math.floor(totalDays / 365.25);
+  const remainingDays = Math.floor(totalDays % 365.25);
+  if (years > 0) {
+    return `${years} year${years !== 1 ? "s" : ""} and ${remainingDays} day${remainingDays !== 1 ? "s" : ""}`;
+  }
+  return `${Math.floor(totalDays)} day${Math.floor(totalDays) !== 1 ? "s" : ""}`;
+};
+const MAX_RANGE_YEARS = 10;
+const DiscoveredOnFilter = ({
+  label = "Discovered on",
+  value,
+  quickRanges,
+  selectedQuickRange,
+  onChange,
+  onQuickRangeSelect,
+  loading = false
+}) => {
+  const [anchorEl, setAnchorEl] = useState(null);
+  const [validationError, setValidationError] = useState(null);
+  const skipCloseRef = useRef(false);
+  const isOpen = Boolean(anchorEl);
+  const displayLabel = useMemo(() => {
+    if (selectedQuickRange !== "custom") {
+      const preset = quickRanges.find(
+        (range) => range.value === selectedQuickRange
+      );
+      if (preset) {
+        return `${label}: ${preset.label}`;
+      }
+    }
+    if (hasCompleteRange(value)) {
+      const [from, to] = value;
+      const formatDate = (date) => date.toLocaleDateString(void 0, {
+        year: "numeric",
+        month: "short",
+        day: "numeric"
+      });
+      return `${label}: ${formatDate(from)} \u2013 ${formatDate(to)}`;
+    }
+    return label;
+  }, [label, quickRanges, selectedQuickRange, value]);
+  const hasSelection = displayLabel !== label;
+  const handleToggle = (event) => {
+    setAnchorEl((prev) => prev ? null : event.currentTarget);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+    setValidationError(null);
+  };
+  const handleCalendarChange = (nextValue) => {
+    setValidationError(null);
+    if (hasCompleteRange(nextValue)) {
+      const [startDate, endDate] = nextValue;
+      const yearsDiff = getYearsDifference(startDate, endDate);
+      if (yearsDiff > MAX_RANGE_YEARS) {
+        const spanText = formatDateRangeSpan(startDate, endDate);
+        setValidationError(
+          `Date range cannot exceed ${MAX_RANGE_YEARS} years. Current selection spans ${spanText}.`
+        );
+        return;
+      }
+    }
+    onChange(nextValue);
+    const shouldSkipClose = skipCloseRef.current;
+    skipCloseRef.current = false;
+    if (shouldSkipClose) {
+      return;
+    }
+    if (hasCompleteRange(nextValue)) {
+      handleClose();
+    }
+  };
+  const handleQuickRangeClick = (range) => {
+    setValidationError(null);
+    if (range.value !== "custom") {
+      const rangeValue = range.getRange();
+      if (rangeValue && hasCompleteRange(rangeValue)) {
+        const [startDate, endDate] = rangeValue;
+        const yearsDiff = getYearsDifference(startDate, endDate);
+        if (yearsDiff > MAX_RANGE_YEARS) {
+          const spanText = formatDateRangeSpan(startDate, endDate);
+          setValidationError(
+            `"${range.label}" preset spans ${spanText}, which exceeds ${MAX_RANGE_YEARS} years limit. Please use a custom range.`
+          );
+          return;
+        }
+      }
+    }
+    skipCloseRef.current = range.value !== "custom";
+    onQuickRangeSelect(range);
+  };
+  const handleClear = (event) => {
+    event.stopPropagation();
+    skipCloseRef.current = false;
+    setValidationError(null);
+    onChange([]);
+    handleClose();
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsx(
+      Skeleton,
+      {
+        variant: "rounded",
+        width: 140,
+        height: 36,
+        sx: {
+          borderRadius: 999
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Box, { "data-testid": "discovered-on-filter", sx: { position: "relative" }, children: [
+    /* @__PURE__ */ jsxs(
+      ButtonBase,
+      {
+        className: "discovered-on-button",
+        onClick: handleToggle,
+        sx: (theme) => {
+          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 backgroundColor = theme.palette.background.paper;
+          if (isOpen) {
+            backgroundColor = hoverBackground;
+          } else if (hasSelection) {
+            backgroundColor = selectedBackground;
+          }
+          let borderColor = closedBorder;
+          if (isOpen) {
+            borderColor = primaryMain;
+          } else if (hasSelection) {
+            borderColor = selectedBorder;
+          }
+          let boxShadow = "none";
+          if (isOpen) {
+            boxShadow = "0 4px 12px rgba(38, 54, 140, 0.18)";
+          } else if (hasSelection) {
+            boxShadow = "0 2px 8px rgba(38, 54, 140, 0.12)";
+          }
+          return {
+            borderRadius: 999,
+            padding: theme.spacing(0.75, 1.75),
+            border: `1px solid ${borderColor}`,
+            display: "flex",
+            alignItems: "center",
+            gap: 0.5,
+            backgroundColor,
+            boxShadow,
+            transition: "all 0.2s ease",
+            minHeight: 38
+          };
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "body2",
+              sx: (theme) => ({
+                whiteSpace: "nowrap",
+                color: theme.palette.text.primary
+              }),
+              children: displayLabel
+            }
+          ),
+          hasSelection ? /* @__PURE__ */ jsx(Tooltip, { title: "Clear and remove filter", children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              size: "small",
+              onClick: handleClear,
+              sx: (theme) => ({
+                color: theme.palette.text.secondary,
+                "&:hover": {
+                  color: theme.palette.primary.main
+                }
+              }),
+              children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "inherit" })
+            }
+          ) }) : null,
+          /* @__PURE__ */ jsx(
+            KeyboardArrowDownIcon,
+            {
+              fontSize: "small",
+              sx: (theme) => ({
+                transform: isOpen ? "rotate(180deg)" : "none",
+                transition: "transform 0.2s ease",
+                color: hasSelection ? theme.palette.primary.main : 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(Box, { sx: { mt: 1 }, children: [
+          /* @__PURE__ */ jsx(
+            CalendarDatePicker,
+            {
+              value,
+              onChange: handleCalendarChange,
+              selectedQuickRange,
+              onQuickRangeSelect: handleQuickRangeClick,
+              quickRanges
+            }
+          ),
+          validationError && /* @__PURE__ */ jsx(
+            Box,
+            {
+              sx: {
+                mt: 1,
+                p: 1,
+                backgroundColor: "error.light",
+                borderRadius: 1,
+                border: "1px solid",
+                borderColor: "error.main"
+              },
+              children: /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  variant: "caption",
+                  sx: {
+                    color: "error.contrastText",
+                    fontWeight: 500
+                  },
+                  children: validationError
+                }
+              )
+            }
+          )
+        ] }) })
+      }
+    )
+  ] });
+};
+
+export { DiscoveredOnFilter };
+//# sourceMappingURL=DiscoveredOnFilter.esm.js.map