@backstage-community/plugin-apiiro 0.1.0

package/dist/components/TeamsDisplay.esm.js

@@ -0,0 +1,47 @@
+import { jsx } from 'react/jsx-runtime';
+import Box from '@mui/material/Box';
+import { ChipsList } from './ChipsList.esm.js';
+
+const TeamsDisplay = ({
+  teams,
+  maxVisible = 1,
+  size = "small",
+  variant = "outlined",
+  gap = 0.5
+}) => {
+  if (!teams || teams.length === 0) {
+    return "";
+  }
+  const teamItems = teams.map((team) => ({
+    id: team.name,
+    label: team.name,
+    href: team.apiiroUrl,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }));
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        width: "100%",
+        height: "100%"
+      },
+      children: /* @__PURE__ */ jsx(
+        ChipsList,
+        {
+          items: teamItems,
+          maxVisible,
+          size,
+          variant,
+          gap
+        }
+      )
+    }
+  );
+};
+
+export { TeamsDisplay, TeamsDisplay as default };
+//# sourceMappingURL=TeamsDisplay.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TeamsDisplay.esm.js","sources":["../../src/components/TeamsDisplay.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 { ChipsList } from './ChipsList';\n\ninterface Team {\n  name: string;\n  apiiroUrl?: string;\n}\n\ninterface TeamsDisplayProps {\n  /**\n   * Array of team objects\n   */\n  teams: Team[];\n\n  /**\n   * Maximum number of teams to show before displaying +N\n   */\n  maxVisible?: number;\n\n  /**\n   * Size of the team chips\n   */\n  size?: 'small' | 'medium';\n\n  /**\n   * Variant of the team chips\n   */\n  variant?: 'filled' | 'outlined';\n\n  /**\n   * Gap between chips\n   */\n  gap?: number;\n}\n\n/**\n * TeamsDisplay component that renders team names as clickable chips\n *\n * @example\n * <TeamsDisplay\n *   teams={[\n *     { name: 'Team A', apiiroUrl: 'https://example.com/team-a' },\n *     { name: 'Team B', apiiroUrl: 'https://example.com/team-b' }\n *   ]}\n *   maxVisible={2}\n * />\n */\nexport const TeamsDisplay = ({\n  teams,\n  maxVisible = 1,\n  size = 'small',\n  variant = 'outlined',\n  gap = 0.5,\n}: TeamsDisplayProps) => {\n  if (!teams || teams.length === 0) {\n    return '';\n  }\n\n  const teamItems = teams.map(team => ({\n    id: team.name,\n    label: team.name,\n    href: team.apiiroUrl,\n    target: '_blank' as const,\n    rel: 'noopener noreferrer',\n  }));\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        width: '100%',\n        height: '100%',\n      }}\n    >\n      <ChipsList\n        items={teamItems}\n        maxVisible={maxVisible}\n        size={size}\n        variant={variant}\n        gap={gap}\n      />\n    </Box>\n  );\n};\n\nexport default TeamsDisplay;\n"],"names":[],"mappings":";;;;AA8DO,MAAM,eAAe,CAAC;AAAA,EAC3B,KAAA;AAAA,EACA,UAAA,GAAa,CAAA;AAAA,EACb,IAAA,GAAO,OAAA;AAAA,EACP,OAAA,GAAU,UAAA;AAAA,EACV,GAAA,GAAM;AACR,CAAA,KAAyB;AACvB,EAAA,IAAI,CAAC,KAAA,IAAS,KAAA,CAAM,MAAA,KAAW,CAAA,EAAG;AAChC,IAAA,OAAO,EAAA;AAAA,EACT;AAEA,EAAA,MAAM,SAAA,GAAY,KAAA,CAAM,GAAA,CAAI,CAAA,IAAA,MAAS;AAAA,IACnC,IAAI,IAAA,CAAK,IAAA;AAAA,IACT,OAAO,IAAA,CAAK,IAAA;AAAA,IACZ,MAAM,IAAA,CAAK,SAAA;AAAA,IACX,MAAA,EAAQ,QAAA;AAAA,IACR,GAAA,EAAK;AAAA,GACP,CAAE,CAAA;AAEF,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI;AAAA,QACF,OAAA,EAAS,MAAA;AAAA,QACT,cAAA,EAAgB,QAAA;AAAA,QAChB,UAAA,EAAY,QAAA;AAAA,QACZ,KAAA,EAAO,MAAA;AAAA,QACP,MAAA,EAAQ;AAAA,OACV;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,SAAA;AAAA,UACP,UAAA;AAAA,UACA,IAAA;AAAA,UACA,OAAA;AAAA,UACA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}

package/dist/components/charts/ColumnChart.esm.js

@@ -0,0 +1,402 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, useState, useEffect, useMemo } from 'react';
+import { BarChart } from '@mui/x-charts/BarChart';
+import { axisClasses } from '@mui/x-charts/ChartsAxis';
+import Box from '@mui/material/Box';
+import { styled, useTheme } from '@mui/material/styles';
+import { formatNumberWithSuffix } from '../../utils/numberFormatter.esm.js';
+
+const formatValue = (value) => {
+  if (value === null || value === void 0) return "";
+  return formatNumberWithSuffix(value, 0);
+};
+const CustomLegendContainer = styled(Box)(() => ({
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  gap: "8px",
+  flexWrap: "wrap",
+  maxWidth: "100%",
+  padding: "4px 8px",
+  boxSizing: "border-box"
+}));
+const LegendItem = styled(Box)(() => ({
+  display: "flex",
+  alignItems: "center",
+  gap: "6px",
+  flexShrink: 0,
+  whiteSpace: "nowrap"
+}));
+const LegendLine = styled(Box)(({ color }) => ({
+  width: "16px",
+  height: "3px",
+  backgroundColor: color,
+  borderRadius: "1px",
+  flexShrink: 0
+}));
+const LegendText = styled("p")(({ theme }) => ({
+  fontSize: "11px",
+  color: theme.palette.text.secondary,
+  fontWeight: 400,
+  lineHeight: 1.2,
+  margin: 0,
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  maxWidth: "200px",
+  minWidth: "40px"
+}));
+const ColumnChart = ({
+  data,
+  width = 400,
+  height = 300,
+  maxValue,
+  showLegend = true,
+  legendPosition = "bottom"
+}) => {
+  const theme = useTheme();
+  const containerRef = useRef(null);
+  const [containerWidth, setContainerWidth] = useState(width);
+  useEffect(() => {
+    const updateWidth = () => {
+      if (containerRef.current) {
+        const rect = containerRef.current.getBoundingClientRect();
+        setContainerWidth(rect.width || width);
+      }
+    };
+    updateWidth();
+    window.addEventListener("resize", updateWidth);
+    return () => window.removeEventListener("resize", updateWidth);
+  }, [width]);
+  const { xAxisData, series, colors, responsiveConfig } = useMemo(() => {
+    const categories = data.map((item) => item.category);
+    const allLabels = Array.from(
+      new Set(data.flatMap((item) => item.values.map((v) => v.label)))
+    );
+    const chartSeries = allLabels.map((label) => {
+      const seriesData = data.map((item) => {
+        const value = item.values.find((v) => v.label === label);
+        return value ? value.value : 0;
+      });
+      const color = data.flatMap((item) => item.values).find((value) => value.label === label)?.color || theme.palette.grey[400];
+      return {
+        data: seriesData,
+        label,
+        id: label,
+        color,
+        valueFormatter: (v) => v !== null ? formatValue(v) : ""
+      };
+    });
+    const seriesColors = allLabels.map((label) => {
+      return data.flatMap((item) => item.values).find((value) => value.label === label)?.color || theme.palette.grey[400];
+    });
+    const numCategories = categories.length;
+    const numSeries = allLabels.length;
+    const actualWidth = typeof containerWidth === "number" ? containerWidth : width;
+    const availableWidth = actualWidth - 80;
+    const totalBarsPerCategory = numSeries;
+    const isSmall = availableWidth < 300;
+    const isMedium = availableWidth >= 300 && availableWidth < 450;
+    let minColumnWidth;
+    let maxColumnWidth;
+    let categoryGap;
+    let transformScale;
+    if (isSmall) {
+      minColumnWidth = 6;
+      maxColumnWidth = 12;
+      categoryGap = Math.max(15, availableWidth * 0.08);
+      transformScale = 0.2;
+    } else if (isMedium) {
+      minColumnWidth = 8;
+      maxColumnWidth = 16;
+      categoryGap = Math.max(20, availableWidth * 0.1);
+      transformScale = 0.25;
+    } else {
+      minColumnWidth = 10;
+      maxColumnWidth = 20;
+      categoryGap = Math.max(25, availableWidth * 0.12);
+      transformScale = 0.3;
+    }
+    const totalCategoryGaps = (numCategories - 1) * categoryGap;
+    const remainingWidth = availableWidth - totalCategoryGaps;
+    const widthPerCategory = remainingWidth / numCategories;
+    const barGapInCategory = Math.max(2, widthPerCategory * 0.05);
+    const totalBarGapsInCategory = (totalBarsPerCategory - 1) * barGapInCategory;
+    const availableWidthForBars = widthPerCategory - totalBarGapsInCategory;
+    const calculatedBarWidth = availableWidthForBars / totalBarsPerCategory;
+    const finalColumnWidth = Math.max(
+      minColumnWidth,
+      Math.min(calculatedBarWidth, maxColumnWidth)
+    );
+    if (calculatedBarWidth < minColumnWidth) {
+      transformScale = Math.max(0.15, transformScale * 0.8);
+    }
+    const leftMargin = isSmall ? 35 : 40;
+    const rightMargin = isSmall ? 5 : Math.max(10, (actualWidth - availableWidth - leftMargin) / 2);
+    return {
+      xAxisData: categories,
+      series: chartSeries,
+      colors: seriesColors,
+      responsiveConfig: {
+        columnWidth: finalColumnWidth,
+        transformScale: Math.max(0.15, Math.min(transformScale, 0.4)),
+        leftMargin,
+        rightMargin
+      }
+    };
+  }, [data, width, containerWidth, theme.palette.grey]);
+  const yAxisMax = useMemo(() => {
+    if (maxValue) return maxValue;
+    const allValues = data.flatMap((item) => item.values.map((v) => v.value));
+    const max = Math.max(...allValues);
+    const paddedMax = max * 1.15;
+    const magnitude = Math.pow(10, Math.floor(Math.log10(paddedMax)) - 1);
+    const roundedMax = Math.ceil(paddedMax / magnitude) * magnitude;
+    if (roundedMax - max < max * 0.1) {
+      return roundedMax + magnitude;
+    }
+    return roundedMax;
+  }, [data, maxValue]);
+  const yTickValues = useMemo(() => {
+    const yMax = yAxisMax;
+    return [0, yMax / 3, 2 * yMax / 3, yMax].map(
+      (num) => Math.ceil(num / 10) * 10
+    );
+  }, [yAxisMax]);
+  const legendItems = useMemo(() => {
+    const labelSet = /* @__PURE__ */ new Set();
+    const items = [];
+    data.forEach((item) => {
+      item.values.forEach((value) => {
+        if (!labelSet.has(value.label)) {
+          labelSet.add(value.label);
+          items.push({ label: value.label, color: value.color });
+        }
+      });
+    });
+    return items;
+  }, [data]);
+  const customLegend = showLegend && /* @__PURE__ */ jsx(CustomLegendContainer, { children: legendItems.map((item) => {
+    return /* @__PURE__ */ jsxs(LegendItem, { children: [
+      /* @__PURE__ */ jsx(LegendLine, { color: item.color }),
+      /* @__PURE__ */ jsx(LegendText, { title: item.label, children: item.label })
+    ] }, item.label);
+  }) });
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ref: containerRef,
+      sx: {
+        width: "100%",
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        overflow: "hidden",
+        position: "relative"
+      },
+      children: [
+        legendPosition === "top" && customLegend,
+        /* @__PURE__ */ jsx(Box, { sx: { flex: 1, minHeight: 0 }, children: /* @__PURE__ */ jsx(
+          BarChart,
+          {
+            width: typeof containerWidth === "number" ? containerWidth : width,
+            height: showLegend && legendPosition === "bottom" ? height - 35 : height,
+            series: series.map((s) => ({
+              ...s,
+              valueFormatter: formatValue
+            })),
+            xAxis: [
+              {
+                data: xAxisData,
+                scaleType: "band",
+                disableLine: true,
+                disableTicks: true
+              }
+            ],
+            yAxis: [
+              {
+                max: yAxisMax,
+                tickNumber: yTickValues.length,
+                data: yTickValues,
+                valueFormatter: formatValue,
+                disableLine: true,
+                disableTicks: true
+              }
+            ],
+            margin: {
+              left: responsiveConfig.leftMargin,
+              right: responsiveConfig.rightMargin,
+              top: 10,
+              bottom: 35
+            },
+            skipAnimation: false,
+            colors,
+            legend: { hidden: true },
+            grid: { horizontal: true, vertical: false },
+            sx: {
+              [`.${axisClasses.left} .${axisClasses.label}`]: {
+                transform: "translate(-10px, 0)"
+              },
+              [`.${axisClasses.bottom} .${axisClasses.label}`]: {
+                fontSize: "12px"
+              },
+              [`.${axisClasses.left} .${axisClasses.line}`]: {
+                display: "none"
+              },
+              [`.${axisClasses.bottom} .${axisClasses.line}`]: {
+                display: "none"
+              },
+              [`.${axisClasses.left} .${axisClasses.tick}`]: {
+                display: "none"
+              },
+              [`.${axisClasses.bottom} .${axisClasses.tick}`]: {
+                display: "none"
+              },
+              "& .MuiChartsGrid-line": {
+                strokeDasharray: "3 3",
+                stroke: theme.palette.divider,
+                strokeWidth: 1
+              },
+              "& .MuiBarElement-root": {
+                transformOrigin: "center bottom",
+                transform: `scaleX(${responsiveConfig.transformScale})`
+              }
+            },
+            tooltip: {
+              axisContent: (props) => {
+                const dataIndex = props?.dataIndex ?? 0;
+                const header = xAxisData[dataIndex] || props?.label;
+                return /* @__PURE__ */ jsx("div", { className: "MuiChartsTooltip-root", children: /* @__PURE__ */ jsx("table", { className: "MuiChartsTooltip-table", children: /* @__PURE__ */ jsxs("tbody", { children: [
+                  /* @__PURE__ */ jsx("tr", { className: "MuiChartsTooltip-row", children: /* @__PURE__ */ jsx("td", { className: "MuiChartsTooltip-cell", colSpan: 2, children: header }) }),
+                  series.map((s, idx) => {
+                    const value = s.data?.[dataIndex];
+                    let formatted;
+                    if (typeof value === "number") {
+                      formatted = formatValue(value);
+                    } else if (value === null || value === void 0) {
+                      formatted = "0";
+                    } else {
+                      formatted = String(value);
+                    }
+                    return /* @__PURE__ */ jsxs("tr", { className: "MuiChartsTooltip-row", children: [
+                      /* @__PURE__ */ jsx(
+                        "td",
+                        {
+                          className: "MuiChartsTooltip-labelCell",
+                          style: {
+                            "--series-color": s.color
+                          },
+                          children: s.label
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("td", { className: "MuiChartsTooltip-valueCell", children: formatted })
+                    ] }, idx);
+                  })
+                ] }) }) });
+              }
+            },
+            slotProps: {
+              popper: {
+                placement: "auto",
+                modifiers: [
+                  {
+                    name: "flip",
+                    enabled: true,
+                    options: {
+                      fallbackPlacements: ["top", "bottom", "right", "left"],
+                      allowedAutoPlacements: ["top", "bottom"]
+                    }
+                  },
+                  {
+                    name: "preventOverflow",
+                    enabled: true,
+                    options: {
+                      boundary: "clippingParents",
+                      padding: 8
+                    }
+                  },
+                  {
+                    name: "offset",
+                    enabled: true,
+                    options: {
+                      offset: [-100, 10]
+                    }
+                  },
+                  {
+                    name: "arrow",
+                    enabled: false
+                  }
+                ],
+                sx: {
+                  "& .MuiChartsTooltip-root": {
+                    backgroundColor: theme.palette.background.paper,
+                    border: `1px solid ${theme.palette.divider}`,
+                    borderRadius: "12px",
+                    filter: theme.palette.mode === "dark" ? "drop-shadow(0 4px 12px rgba(0,0,0,0.3))" : "drop-shadow(0 4px 12px rgba(0,0,0,0.1))",
+                    padding: "12px 16px",
+                    minWidth: "140px",
+                    fontSize: "12px"
+                  },
+                  "& .MuiChartsTooltip-table": {
+                    margin: 0,
+                    borderSpacing: 0,
+                    width: "100%"
+                  },
+                  "& .MuiChartsTooltip-row": {
+                    "&:first-of-type": {
+                      "& .MuiChartsTooltip-cell": {
+                        fontSize: "16px",
+                        fontWeight: 600,
+                        color: theme.palette.text.secondary,
+                        paddingBottom: "16px",
+                        borderBottom: "none"
+                      }
+                    },
+                    "&:not(:first-of-type)": {
+                      "& .MuiChartsTooltip-cell": {
+                        padding: "4px 0",
+                        borderBottom: "none"
+                      },
+                      "& .MuiChartsTooltip-labelCell": {
+                        position: "relative",
+                        paddingLeft: "16px",
+                        paddingRight: "4px",
+                        paddingBottom: "8px",
+                        fontSize: "14px",
+                        color: theme.palette.text.secondary,
+                        verticalAlign: "middle",
+                        "&::before": {
+                          content: '""',
+                          position: "absolute",
+                          left: "0",
+                          top: "10%",
+                          width: "3px",
+                          height: "16px",
+                          backgroundColor: "var(--series-color)",
+                          borderRadius: "2px"
+                        }
+                      },
+                      "& .MuiChartsTooltip-valueCell": {
+                        fontSize: "14px",
+                        fontWeight: 600,
+                        color: theme.palette.text.secondary,
+                        textAlign: "right",
+                        paddingLeft: "4px",
+                        paddingBottom: "8px",
+                        verticalAlign: "middle"
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        ) }),
+        legendPosition === "bottom" && customLegend
+      ]
+    }
+  );
+};
+
+export { ColumnChart, ColumnChart as default };
+//# sourceMappingURL=ColumnChart.esm.js.map

package/dist/components/charts/ColumnChart.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnChart.esm.js","sources":["../../../src/components/charts/ColumnChart.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, useEffect, useState } from 'react';\nimport { BarChart } from '@mui/x-charts/BarChart';\nimport { axisClasses } from '@mui/x-charts/ChartsAxis';\nimport Box from '@mui/material/Box';\nimport { styled, useTheme } from '@mui/material/styles';\nimport { formatNumberWithSuffix } from '../../utils/numberFormatter';\n\nexport interface ColumnData {\n  category: string;\n  values: {\n    label: string;\n    value: number;\n    color: string;\n  }[];\n}\n\nexport interface ColumnChartProps {\n  data: ColumnData[];\n  width?: number;\n  height?: number;\n  maxValue?: number;\n  showLegend?: boolean;\n  legendPosition?: 'top' | 'bottom';\n}\n\nconst formatValue = (value: number | null | undefined): string => {\n  if (value === null || value === undefined) return '';\n  return formatNumberWithSuffix(value, 0);\n};\n\nconst CustomLegendContainer = styled(Box)(() => ({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  gap: '8px',\n  flexWrap: 'wrap',\n  maxWidth: '100%',\n  padding: '4px 8px',\n  boxSizing: 'border-box',\n}));\n\nconst LegendItem = styled(Box)(() => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: '6px',\n  flexShrink: 0,\n  whiteSpace: 'nowrap',\n}));\n\nconst LegendLine = styled(Box)<{ color: string }>(({ color }) => ({\n  width: '16px',\n  height: '3px',\n  backgroundColor: color,\n  borderRadius: '1px',\n  flexShrink: 0,\n}));\n\nconst LegendText = styled('p')(({ theme }) => ({\n  fontSize: '11px',\n  color: theme.palette.text.secondary,\n  fontWeight: 400,\n  lineHeight: 1.2,\n  margin: 0,\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  maxWidth: '200px',\n  minWidth: '40px',\n}));\n\nexport const ColumnChart = ({\n  data,\n  width = 400,\n  height = 300,\n  maxValue,\n  showLegend = true,\n  legendPosition = 'bottom',\n}: ColumnChartProps) => {\n  const theme = useTheme();\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [containerWidth, setContainerWidth] = useState(width);\n\n  // Track container width changes\n  useEffect(() => {\n    const updateWidth = () => {\n      if (containerRef.current) {\n        const rect = containerRef.current.getBoundingClientRect();\n        setContainerWidth(rect.width || width);\n      }\n    };\n\n    updateWidth();\n    window.addEventListener('resize', updateWidth);\n    return () => window.removeEventListener('resize', updateWidth);\n  }, [width]);\n  // Calculate responsive dimensions based on container width\n  const { xAxisData, series, colors, responsiveConfig } = useMemo(() => {\n    const categories = data.map(item => item.category);\n    const allLabels = Array.from(\n      new Set(data.flatMap(item => item.values.map(v => v.label))),\n    );\n\n    const chartSeries = allLabels.map(label => {\n      const seriesData = data.map(item => {\n        const value = item.values.find(v => v.label === label);\n        return value ? value.value : 0;\n      });\n\n      const color =\n        data.flatMap(item => item.values).find(value => value.label === label)\n          ?.color || theme.palette.grey[400];\n\n      return {\n        data: seriesData,\n        label,\n        id: label,\n        color,\n        valueFormatter: (v: number | null) =>\n          v !== null ? formatValue(v) : '',\n      };\n    });\n\n    const seriesColors = allLabels.map(label => {\n      return (\n        data.flatMap(item => item.values).find(value => value.label === label)\n          ?.color || theme.palette.grey[400]\n      );\n    });\n\n    // Calculate responsive configuration\n    const numCategories = categories.length;\n    const numSeries = allLabels.length;\n    const actualWidth =\n      typeof containerWidth === 'number' ? containerWidth : width;\n    const availableWidth = actualWidth - 80; // Reserve space for Y-axis labels and padding\n\n    // Improved responsive calculation\n    const totalBarsPerCategory = numSeries;\n\n    // Define responsive breakpoints\n    const isSmall = availableWidth < 300;\n    const isMedium = availableWidth >= 300 && availableWidth < 450;\n\n    // Adjust parameters based on container size\n    let minColumnWidth;\n    let maxColumnWidth;\n    let categoryGap;\n    let transformScale;\n\n    if (isSmall) {\n      // Small containers: prioritize fitting everything\n      minColumnWidth = 6;\n      maxColumnWidth = 12;\n      categoryGap = Math.max(15, availableWidth * 0.08);\n      transformScale = 0.2;\n    } else if (isMedium) {\n      // Medium containers: balanced approach\n      minColumnWidth = 8;\n      maxColumnWidth = 16;\n      categoryGap = Math.max(20, availableWidth * 0.1);\n      transformScale = 0.25;\n    } else {\n      // Large containers: optimal spacing\n      minColumnWidth = 10;\n      maxColumnWidth = 20;\n      categoryGap = Math.max(25, availableWidth * 0.12);\n      transformScale = 0.3;\n    }\n\n    // Calculate space distribution\n    const totalCategoryGaps = (numCategories - 1) * categoryGap;\n    const remainingWidth = availableWidth - totalCategoryGaps;\n    const widthPerCategory = remainingWidth / numCategories;\n\n    // Ensure minimum spacing between bars in same category\n    const barGapInCategory = Math.max(2, widthPerCategory * 0.05);\n    const totalBarGapsInCategory =\n      (totalBarsPerCategory - 1) * barGapInCategory;\n    const availableWidthForBars = widthPerCategory - totalBarGapsInCategory;\n    const calculatedBarWidth = availableWidthForBars / totalBarsPerCategory;\n\n    // Apply constraints\n    const finalColumnWidth = Math.max(\n      minColumnWidth,\n      Math.min(calculatedBarWidth, maxColumnWidth),\n    );\n\n    // Adjust transform scale based on final calculations\n    if (calculatedBarWidth < minColumnWidth) {\n      transformScale = Math.max(0.15, transformScale * 0.8);\n    }\n\n    // Calculate responsive margins\n    const leftMargin = isSmall ? 35 : 40;\n    const rightMargin = isSmall\n      ? 5\n      : Math.max(10, (actualWidth - availableWidth - leftMargin) / 2);\n\n    return {\n      xAxisData: categories,\n      series: chartSeries,\n      colors: seriesColors,\n      responsiveConfig: {\n        columnWidth: finalColumnWidth,\n        transformScale: Math.max(0.15, Math.min(transformScale, 0.4)),\n        leftMargin,\n        rightMargin,\n      },\n    };\n  }, [data, width, containerWidth, theme.palette.grey]);\n\n  const yAxisMax = useMemo(() => {\n    if (maxValue) return maxValue;\n\n    const allValues = data.flatMap(item => item.values.map(v => v.value));\n    const max = Math.max(...allValues);\n\n    // Add modest padding (15%) to ensure there's space above the highest bar\n    const paddedMax = max * 1.15;\n\n    // Find a nice round number that's close to the padded max\n    const magnitude = Math.pow(10, Math.floor(Math.log10(paddedMax)) - 1);\n    const roundedMax = Math.ceil(paddedMax / magnitude) * magnitude;\n\n    // Ensure minimum padding - if rounded value is too close to max, add one more step\n    if (roundedMax - max < max * 0.1) {\n      return roundedMax + magnitude;\n    }\n\n    return roundedMax;\n  }, [data, maxValue]);\n\n  // Calculate custom Y-axis tick values\n  const yTickValues = useMemo(() => {\n    const yMax = yAxisMax;\n    return [0, yMax / 3, (2 * yMax) / 3, yMax].map(\n      num => Math.ceil(num / 10) * 10,\n    );\n  }, [yAxisMax]);\n\n  // Get unique labels for custom legend\n  const legendItems = useMemo(() => {\n    const labelSet = new Set<string>();\n    const items: { label: string; color: string }[] = [];\n\n    data.forEach(item => {\n      item.values.forEach(value => {\n        if (!labelSet.has(value.label)) {\n          labelSet.add(value.label);\n          items.push({ label: value.label, color: value.color });\n        }\n      });\n    });\n\n    return items;\n  }, [data]);\n\n  // Create responsive legend based on container width\n  const customLegend = showLegend && (\n    <CustomLegendContainer>\n      {legendItems.map(item => {\n        return (\n          <LegendItem key={item.label}>\n            <LegendLine color={item.color} />\n            <LegendText title={item.label}>{item.label}</LegendText>\n          </LegendItem>\n        );\n      })}\n    </CustomLegendContainer>\n  );\n\n  return (\n    <Box\n      ref={containerRef}\n      sx={{\n        width: '100%',\n        height: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        overflow: 'hidden',\n        position: 'relative',\n      }}\n    >\n      {legendPosition === 'top' && customLegend}\n\n      <Box sx={{ flex: 1, minHeight: 0 }}>\n        <BarChart\n          width={typeof containerWidth === 'number' ? containerWidth : width}\n          height={\n            showLegend && legendPosition === 'bottom' ? height - 35 : height\n          }\n          series={series.map(s => ({\n            ...s,\n            valueFormatter: formatValue,\n          }))}\n          xAxis={[\n            {\n              data: xAxisData,\n              scaleType: 'band',\n              disableLine: true,\n              disableTicks: true,\n            },\n          ]}\n          yAxis={[\n            {\n              max: yAxisMax,\n              tickNumber: yTickValues.length,\n              data: yTickValues,\n              valueFormatter: formatValue,\n              disableLine: true,\n              disableTicks: true,\n            },\n          ]}\n          margin={{\n            left: responsiveConfig.leftMargin,\n            right: responsiveConfig.rightMargin,\n            top: 10,\n            bottom: 35,\n          }}\n          skipAnimation={false}\n          colors={colors}\n          legend={{ hidden: true }}\n          grid={{ horizontal: true, vertical: false }}\n          sx={{\n            [`.${axisClasses.left} .${axisClasses.label}`]: {\n              transform: 'translate(-10px, 0)',\n            },\n            [`.${axisClasses.bottom} .${axisClasses.label}`]: {\n              fontSize: '12px',\n            },\n            [`.${axisClasses.left} .${axisClasses.line}`]: {\n              display: 'none',\n            },\n            [`.${axisClasses.bottom} .${axisClasses.line}`]: {\n              display: 'none',\n            },\n            [`.${axisClasses.left} .${axisClasses.tick}`]: {\n              display: 'none',\n            },\n            [`.${axisClasses.bottom} .${axisClasses.tick}`]: {\n              display: 'none',\n            },\n            '& .MuiChartsGrid-line': {\n              strokeDasharray: '3 3',\n              stroke: theme.palette.divider,\n              strokeWidth: 1,\n            },\n            '& .MuiBarElement-root': {\n              transformOrigin: 'center bottom',\n              transform: `scaleX(${responsiveConfig.transformScale})`,\n            },\n          }}\n          tooltip={{\n            axisContent: (props: any) => {\n              const dataIndex = props?.dataIndex ?? 0;\n              const header = xAxisData[dataIndex] || props?.label;\n\n              return (\n                <div className=\"MuiChartsTooltip-root\">\n                  <table className=\"MuiChartsTooltip-table\">\n                    <tbody>\n                      <tr className=\"MuiChartsTooltip-row\">\n                        <td className=\"MuiChartsTooltip-cell\" colSpan={2}>\n                          {header}\n                        </td>\n                      </tr>\n                      {series.map((s, idx) => {\n                        const value = s.data?.[dataIndex];\n                        let formatted: string;\n                        if (typeof value === 'number') {\n                          formatted = formatValue(value);\n                        } else if (value === null || value === undefined) {\n                          formatted = '0';\n                        } else {\n                          formatted = String(value);\n                        }\n                        return (\n                          <tr key={idx} className=\"MuiChartsTooltip-row\">\n                            <td\n                              className=\"MuiChartsTooltip-labelCell\"\n                              style={\n                                {\n                                  '--series-color': s.color,\n                                } as React.CSSProperties\n                              }\n                            >\n                              {s.label}\n                            </td>\n                            <td className=\"MuiChartsTooltip-valueCell\">\n                              {formatted}\n                            </td>\n                          </tr>\n                        );\n                      })}\n                    </tbody>\n                  </table>\n                </div>\n              );\n            },\n          }}\n          slotProps={{\n            popper: {\n              placement: 'auto',\n              modifiers: [\n                {\n                  name: 'flip',\n                  enabled: true,\n                  options: {\n                    fallbackPlacements: ['top', 'bottom', 'right', 'left'],\n                    allowedAutoPlacements: ['top', 'bottom'],\n                  },\n                },\n                {\n                  name: 'preventOverflow',\n                  enabled: true,\n                  options: {\n                    boundary: 'clippingParents',\n                    padding: 8,\n                  },\n                },\n                {\n                  name: 'offset',\n                  enabled: true,\n                  options: {\n                    offset: [-100, 10],\n                  },\n                },\n                {\n                  name: 'arrow',\n                  enabled: false,\n                },\n              ],\n              sx: {\n                '& .MuiChartsTooltip-root': {\n                  backgroundColor: theme.palette.background.paper,\n                  border: `1px solid ${theme.palette.divider}`,\n                  borderRadius: '12px',\n                  filter:\n                    theme.palette.mode === 'dark'\n                      ? 'drop-shadow(0 4px 12px rgba(0,0,0,0.3))'\n                      : 'drop-shadow(0 4px 12px rgba(0,0,0,0.1))',\n                  padding: '12px 16px',\n                  minWidth: '140px',\n                  fontSize: '12px',\n                },\n                '& .MuiChartsTooltip-table': {\n                  margin: 0,\n                  borderSpacing: 0,\n                  width: '100%',\n                },\n                '& .MuiChartsTooltip-row': {\n                  '&:first-of-type': {\n                    '& .MuiChartsTooltip-cell': {\n                      fontSize: '16px',\n                      fontWeight: 600,\n                      color: theme.palette.text.secondary,\n                      paddingBottom: '16px',\n                      borderBottom: 'none',\n                    },\n                  },\n                  '&:not(:first-of-type)': {\n                    '& .MuiChartsTooltip-cell': {\n                      padding: '4px 0',\n                      borderBottom: 'none',\n                    },\n                    '& .MuiChartsTooltip-labelCell': {\n                      position: 'relative',\n                      paddingLeft: '16px',\n                      paddingRight: '4px',\n                      paddingBottom: '8px',\n                      fontSize: '14px',\n                      color: theme.palette.text.secondary,\n                      verticalAlign: 'middle',\n                      '&::before': {\n                        content: '\"\"',\n                        position: 'absolute',\n                        left: '0',\n                        top: '10%',\n                        width: '3px',\n                        height: '16px',\n                        backgroundColor: 'var(--series-color)',\n                        borderRadius: '2px',\n                      },\n                    },\n                    '& .MuiChartsTooltip-valueCell': {\n                      fontSize: '14px',\n                      fontWeight: 600,\n                      color: theme.palette.text.secondary,\n                      textAlign: 'right',\n                      paddingLeft: '4px',\n                      paddingBottom: '8px',\n                      verticalAlign: 'middle',\n                    },\n                  },\n                },\n              },\n            },\n          }}\n        />\n      </Box>\n\n      {legendPosition === 'bottom' && customLegend}\n    </Box>\n  );\n};\n\nexport default ColumnChart;\n"],"names":[],"mappings":"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"}