@ktnpm_devops/react-component 0.15.0 → 0.16.0

package/dist/index118.js

@@ -1,118 +1,18 @@
-import { CHART_COLORS } from "./index65.js";
-function groupByCategory(data, limit, order = "total") {
-  const grouped = /* @__PURE__ */ new Map();
-  for (const point of data) {
-    const key = point.category ?? "Unknown";
-    if (!grouped.has(key)) {
-      grouped.set(key, []);
-    }
-    grouped.get(key).push({
-      ts: point.ts ?? "",
-      value: point.value
-    });
-  }
-  const entries = order === "first-seen" ? [...grouped.entries()] : [...grouped.entries()].sort(
-    (a, b) => b[1].reduce((sum, p) => sum + p.value, 0) - a[1].reduce((sum, p) => sum + p.value, 0)
-  );
-  if (entries.length <= limit) {
-    return entries;
-  }
-  const top = entries.slice(0, limit - 1);
-  const rest = entries.slice(limit - 1);
-  const otherMap = /* @__PURE__ */ new Map();
-  for (const [, points] of rest) {
-    for (const p of points) {
-      otherMap.set(p.ts, (otherMap.get(p.ts) ?? 0) + p.value);
-    }
-  }
-  const otherPoints = [...otherMap.entries()].map(([ts, value]) => ({
-    ts,
-    value
-  }));
-  return [...top, ["Other", otherPoints]];
-}
-function buildMarkAreas(annotations) {
-  return annotations.filter((a) => a.end).map((a) => [
-    {
-      name: a.label,
-      xAxis: a.start,
-      itemStyle: { color: a.color ?? "rgba(255,107,90,0.1)" }
-    },
-    { xAxis: a.end }
-  ]);
-}
-function buildMarkLines(annotations) {
-  return annotations.filter((a) => !a.end).map((a) => ({
-    name: a.label,
-    xAxis: a.start,
-    lineStyle: { color: a.color ?? CHART_COLORS[0], type: "dashed" },
-    label: { formatter: a.label, position: "end" }
-  }));
-}
-function buildReferenceLines(referenceLines) {
-  return referenceLines.map((r) => ({
-    name: r.label ?? String(r.value),
-    yAxis: r.value,
-    lineStyle: {
-      color: r.color ?? CHART_COLORS[0],
-      type: r.dashed === false ? "solid" : "dashed"
-    },
-    label: {
-      formatter: r.label ?? String(r.value),
-      position: "insideEndTop"
-    }
-  }));
-}
-function buildLegendSelected(seriesGroups, hiddenSeries) {
-  if (!hiddenSeries) return void 0;
-  const hidden = hiddenSeries instanceof Set ? hiddenSeries : new Set(hiddenSeries);
-  return Object.fromEntries(seriesGroups.map(([name]) => [name, !hidden.has(name)]));
-}
-function buildTemporalTrendOption(seriesGroups, config) {
-  const markAreas = buildMarkAreas(config.annotations);
-  const markLines = [
-    ...buildMarkLines(config.annotations),
-    ...buildReferenceLines(config.referenceLines)
-  ];
-  const series = seriesGroups.map(([name, points], idx) => ({
-    name,
-    type: "line",
-    ...config.stacked ? { stack: "total", areaStyle: {} } : {},
-    emphasis: { focus: "series" },
-    color: CHART_COLORS[idx % CHART_COLORS.length],
-    data: points.sort((a, b) => a.ts < b.ts ? -1 : 1).map((p) => [p.ts, p.value]),
-    ...idx === 0 && (markAreas.length > 0 || markLines.length > 0) ? {
-      markArea: markAreas.length > 0 ? { silent: true, data: markAreas } : void 0,
-      markLine: markLines.length > 0 ? { silent: true, symbol: "none", data: markLines } : void 0
-    } : {}
-  }));
-  return {
-    tooltip: {
-      trigger: "axis",
-      axisPointer: { type: "cross" }
-    },
-    legend: {
-      show: config.showLegend,
-      type: "scroll",
-      bottom: 0,
-      selected: buildLegendSelected(seriesGroups, config.hiddenSeries)
-    },
-    grid: {
-      left: "3%",
-      right: "4%",
-      bottom: config.showLegend ? "15%" : "3%",
-      containLabel: true
-    },
-    xAxis: { type: "time" },
-    yAxis: { type: "value" },
-    series
-  };
-}
+const root = "krc-root-la9-1";
+const logo = "krc-logo-b73UT";
+const card = "krc-card-1ev-q";
+const footer = "krc-footer-E0B15";
+const styles = {
+  root,
+  logo,
+  card,
+  footer
+};
 export {
-  buildMarkAreas,
-  buildMarkLines,
-  buildReferenceLines,
-  buildTemporalTrendOption,
-  groupByCategory
+  card,
+  styles as default,
+  footer,
+  logo,
+  root
 };
 //# sourceMappingURL=index118.js.map

package/dist/index118.js.map

@@ -1 +1 @@
-{"version":3,"file":"index118.js","sources":["../src/charts/TemporalTrendChartCard/buildChartOption.ts"],"sourcesContent":["import type {\n  ChartSeriesPoint,\n  ChartAnnotation,\n  ReferenceLine,\n} from '../../types/chart.types';\nimport type { TemporalSeriesOrder } from './TemporalTrendChartCard.types';\nimport { CHART_COLORS } from '../../constants';\n\n/** A category and its points, sorted by the active series order. */\nexport type SeriesGroup = [string, { ts: string; value: number }[]];\n\nexport interface TemporalTrendOptionConfig {\n  annotations: ChartAnnotation[];\n  referenceLines: ReferenceLine[];\n  showLegend: boolean;\n  stacked: boolean;\n  /** Series to start hidden. `undefined` leaves legend selection uncontrolled. */\n  hiddenSeries?: Set<string> | string[];\n}\n\n/** Group data points by category, returning sorted series keyed by category name. */\nexport function groupByCategory(\n  data: ChartSeriesPoint[],\n  limit: number,\n  order: TemporalSeriesOrder = 'total',\n): SeriesGroup[] {\n  const grouped = new Map<string, { ts: string; value: number }[]>();\n\n  for (const point of data) {\n    const key = point.category ?? 'Unknown';\n    if (!grouped.has(key)) {\n      grouped.set(key, []);\n    }\n    grouped.get(key)!.push({\n      ts: point.ts ?? '',\n      value: point.value,\n    });\n  }\n\n  // `first-seen` keeps the Map's insertion order, so each series keeps its\n  // colour when the data is refreshed and the totals move.\n  const entries =\n    order === 'first-seen'\n      ? [...grouped.entries()]\n      : [...grouped.entries()].sort(\n          (a, b) =>\n            b[1].reduce((sum, p) => sum + p.value, 0) -\n            a[1].reduce((sum, p) => sum + p.value, 0),\n        );\n\n  if (entries.length <= limit) {\n    return entries;\n  }\n\n  const top = entries.slice(0, limit - 1);\n  const rest = entries.slice(limit - 1);\n\n  const otherMap = new Map<string, number>();\n  for (const [, points] of rest) {\n    for (const p of points) {\n      otherMap.set(p.ts, (otherMap.get(p.ts) ?? 0) + p.value);\n    }\n  }\n\n  const otherPoints = [...otherMap.entries()].map(([ts, value]) => ({\n    ts,\n    value,\n  }));\n\n  return [...top, ['Other', otherPoints] as SeriesGroup];\n}\n\n/** Build markArea items from range annotations. */\nexport function buildMarkAreas(annotations: ChartAnnotation[]) {\n  return annotations\n    .filter((a) => a.end)\n    .map((a) => [\n      {\n        name: a.label,\n        xAxis: a.start,\n        itemStyle: { color: a.color ?? 'rgba(255,107,90,0.1)' },\n      },\n      { xAxis: a.end },\n    ]);\n}\n\n/** Build markLine items from point annotations. */\nexport function buildMarkLines(annotations: ChartAnnotation[]) {\n  return annotations\n    .filter((a) => !a.end)\n    .map((a) => ({\n      name: a.label,\n      xAxis: a.start,\n      lineStyle: { color: a.color ?? CHART_COLORS[0], type: 'dashed' as const },\n      label: { formatter: a.label, position: 'end' as const },\n    }));\n}\n\n/** Build markLine items from horizontal reference lines (KPI target, threshold). */\nexport function buildReferenceLines(referenceLines: ReferenceLine[]) {\n  return referenceLines.map((r) => ({\n    name: r.label ?? String(r.value),\n    yAxis: r.value,\n    lineStyle: {\n      color: r.color ?? CHART_COLORS[0],\n      type: r.dashed === false ? ('solid' as const) : ('dashed' as const),\n    },\n    label: {\n      formatter: r.label ?? String(r.value),\n      position: 'insideEndTop' as const,\n    },\n  }));\n}\n\n/**\n * Legend selection map. Hiding through the legend rather than filtering the\n * series array keeps every series at its own index, and so at its own colour.\n */\nfunction buildLegendSelected(\n  seriesGroups: SeriesGroup[],\n  hiddenSeries: Set<string> | string[] | undefined,\n) {\n  if (!hiddenSeries) return undefined;\n\n  const hidden = hiddenSeries instanceof Set ? hiddenSeries : new Set(hiddenSeries);\n  return Object.fromEntries(seriesGroups.map(([name]) => [name, !hidden.has(name)]));\n}\n\n/** Assemble the ECharts option for the temporal trend card. */\nexport function buildTemporalTrendOption(\n  seriesGroups: SeriesGroup[],\n  config: TemporalTrendOptionConfig,\n) {\n  const markAreas = buildMarkAreas(config.annotations);\n  const markLines = [\n    ...buildMarkLines(config.annotations),\n    ...buildReferenceLines(config.referenceLines),\n  ];\n\n  const series = seriesGroups.map(([name, points], idx) => ({\n    name,\n    type: 'line' as const,\n    ...(config.stacked ? { stack: 'total', areaStyle: {} } : {}),\n    emphasis: { focus: 'series' as const },\n    color: CHART_COLORS[idx % CHART_COLORS.length],\n    data: points\n      .sort((a, b) => (a.ts < b.ts ? -1 : 1))\n      .map((p) => [p.ts, p.value]),\n    ...(idx === 0 && (markAreas.length > 0 || markLines.length > 0)\n      ? {\n          markArea: markAreas.length > 0 ? { silent: true, data: markAreas } : undefined,\n          markLine:\n            markLines.length > 0\n              ? { silent: true, symbol: 'none', data: markLines }\n              : undefined,\n        }\n      : {}),\n  }));\n\n  return {\n    tooltip: {\n      trigger: 'axis' as const,\n      axisPointer: { type: 'cross' as const },\n    },\n    legend: {\n      show: config.showLegend,\n      type: 'scroll' as const,\n      bottom: 0,\n      selected: buildLegendSelected(seriesGroups, config.hiddenSeries),\n    },\n    grid: {\n      left: '3%',\n      right: '4%',\n      bottom: config.showLegend ? '15%' : '3%',\n      containLabel: true,\n    },\n    xAxis: { type: 'time' as const },\n    yAxis: { type: 'value' as const },\n    series,\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index118.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/index119.cjs

@@ -1,45 +1,42 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-xM3Jn";
-const header = "krc-header-Pg9ER";
-const title = "krc-title-MRZQn";
-const headerRight = "krc-headerRight-b0xzW";
-const toolbar = "krc-toolbar--rsIi";
-const select = "krc-select-79sIN";
-const legendToggle = "krc-legendToggle--ofSS";
-const legendToggleActive = "krc-legendToggleActive-14gdq";
-const chartContainer = "krc-chartContainer-tDTrg";
-const loading = "krc-loading-WkgGt";
-const error = "krc-error-yzAKV";
-const retryButton = "krc-retryButton-wTkWq";
-const empty = "krc-empty-1EZzg";
+const root = "krc-root-uKAJr";
+const header = "krc-header-BWJPo";
+const body = "krc-body-LCUxY";
+const footer = "krc-footer-z4n8R";
+const toggle = "krc-toggle-9T9IZ";
+const section = "krc-section-us0Me";
+const sectionTitle = "krc-sectionTitle-On1X-";
+const sectionToggle = "krc-sectionToggle-eriVJ";
+const sectionChevron = "krc-sectionChevron-cgn7M";
+const sectionChevronOpen = "krc-sectionChevronOpen-Ja5Y3";
+const sectionItems = "krc-sectionItems-iwvxo";
+const collapsed = "krc-collapsed-JRXBy";
 const styles = {
   root,
   header,
-  title,
-  headerRight,
-  toolbar,
-  select,
-  legendToggle,
-  legendToggleActive,
-  chartContainer,
-  loading,
-  error,
-  retryButton,
-  empty
+  body,
+  footer,
+  toggle,
+  section,
+  sectionTitle,
+  sectionToggle,
+  sectionChevron,
+  sectionChevronOpen,
+  sectionItems,
+  collapsed
 };
-exports.chartContainer = chartContainer;
+exports.body = body;
+exports.collapsed = collapsed;
 exports.default = styles;
-exports.empty = empty;
-exports.error = error;
+exports.footer = footer;
 exports.header = header;
-exports.headerRight = headerRight;
-exports.legendToggle = legendToggle;
-exports.legendToggleActive = legendToggleActive;
-exports.loading = loading;
-exports.retryButton = retryButton;
 exports.root = root;
-exports.select = select;
-exports.title = title;
-exports.toolbar = toolbar;
+exports.section = section;
+exports.sectionChevron = sectionChevron;
+exports.sectionChevronOpen = sectionChevronOpen;
+exports.sectionItems = sectionItems;
+exports.sectionTitle = sectionTitle;
+exports.sectionToggle = sectionToggle;
+exports.toggle = toggle;
 //# sourceMappingURL=index119.cjs.map

package/dist/index119.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index119.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index119.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index119.js

@@ -1,45 +1,42 @@
-const root = "krc-root-xM3Jn";
-const header = "krc-header-Pg9ER";
-const title = "krc-title-MRZQn";
-const headerRight = "krc-headerRight-b0xzW";
-const toolbar = "krc-toolbar--rsIi";
-const select = "krc-select-79sIN";
-const legendToggle = "krc-legendToggle--ofSS";
-const legendToggleActive = "krc-legendToggleActive-14gdq";
-const chartContainer = "krc-chartContainer-tDTrg";
-const loading = "krc-loading-WkgGt";
-const error = "krc-error-yzAKV";
-const retryButton = "krc-retryButton-wTkWq";
-const empty = "krc-empty-1EZzg";
+const root = "krc-root-uKAJr";
+const header = "krc-header-BWJPo";
+const body = "krc-body-LCUxY";
+const footer = "krc-footer-z4n8R";
+const toggle = "krc-toggle-9T9IZ";
+const section = "krc-section-us0Me";
+const sectionTitle = "krc-sectionTitle-On1X-";
+const sectionToggle = "krc-sectionToggle-eriVJ";
+const sectionChevron = "krc-sectionChevron-cgn7M";
+const sectionChevronOpen = "krc-sectionChevronOpen-Ja5Y3";
+const sectionItems = "krc-sectionItems-iwvxo";
+const collapsed = "krc-collapsed-JRXBy";
 const styles = {
   root,
   header,
-  title,
-  headerRight,
-  toolbar,
-  select,
-  legendToggle,
-  legendToggleActive,
-  chartContainer,
-  loading,
-  error,
-  retryButton,
-  empty
+  body,
+  footer,
+  toggle,
+  section,
+  sectionTitle,
+  sectionToggle,
+  sectionChevron,
+  sectionChevronOpen,
+  sectionItems,
+  collapsed
 };
 export {
-  chartContainer,
+  body,
+  collapsed,
   styles as default,
-  empty,
-  error,
+  footer,
   header,
-  headerRight,
-  legendToggle,
-  legendToggleActive,
-  loading,
-  retryButton,
   root,
-  select,
-  title,
-  toolbar
+  section,
+  sectionChevron,
+  sectionChevronOpen,
+  sectionItems,
+  sectionTitle,
+  sectionToggle,
+  toggle
 };
 //# sourceMappingURL=index119.js.map

package/dist/index119.js.map

@@ -1 +1 @@
-{"version":3,"file":"index119.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index119.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index12.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("./index59.cjs");
-const Avatar_module = require("./index60.cjs");
+const Avatar_module = require("./index82.cjs");
 const Avatar = ({ label, size = "md", className, ...props }) => {
   const initials = label.split(" ").filter(Boolean).map((part) => part[0]).join("").slice(0, 2).toUpperCase();
   return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/index12.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "./index59.js";
-import styles from "./index60.js";
+import styles from "./index82.js";
 const Avatar = ({ label, size = "md", className, ...props }) => {
   const initials = label.split(" ").filter(Boolean).map((part) => part[0]).join("").slice(0, 2).toUpperCase();
   return /* @__PURE__ */ jsx(

package/dist/index120.cjs

@@ -1,87 +1,50 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-WYIsp";
-const trigger = "krc-trigger-UedSS";
-const active = "krc-active-cH8Tl";
-const triggerContent = "krc-triggerContent-Kkhoi";
-const chevron = "krc-chevron-NoNsI";
-const label = "krc-label-RPlXR";
-const valueGroup = "krc-valueGroup-xfNcx";
-const value = "krc-value-aKdIW";
-const badge = "krc-badge-yVq9o";
-const clear = "krc-clear-11V9Q";
-const panel = "krc-panel-xf2f8";
-const header = "krc-header--VMR-";
-const search = "krc-search-4gQgB";
-const headerActions = "krc-headerActions-orxXD";
-const chip = "krc-chip--n-9m";
-const chipGhost = "krc-chipGhost-oayjh";
-const list = "krc-list-NRoxf";
-const status = "krc-status-j7xbM";
-const statusError = "krc-statusError-u6rfB";
-const option = "krc-option-ZAXum";
-const optionLabel = "krc-optionLabel-MdDyI";
-const optionCount = "krc-optionCount-JSQl9";
-const create = "krc-create-hO8Cq";
-const footer = "krc-footer-2yk6S";
-const selection = "krc-selection-aYDH-";
-const selectionDelta = "krc-selectionDelta-S1dV7";
-const footerActions = "krc-footerActions-77iCX";
-const styles = {
-  root,
-  trigger,
-  active,
-  triggerContent,
-  chevron,
-  label,
-  valueGroup,
-  value,
-  badge,
-  clear,
-  panel,
-  header,
-  search,
-  headerActions,
-  chip,
-  chipGhost,
-  list,
-  status,
-  statusError,
-  option,
-  optionLabel,
-  optionCount,
-  create,
-  footer,
-  selection,
-  selectionDelta,
-  footerActions
-};
-exports.active = active;
-exports.badge = badge;
-exports.chevron = chevron;
-exports.chip = chip;
-exports.chipGhost = chipGhost;
-exports.clear = clear;
-exports.create = create;
-exports.default = styles;
-exports.footer = footer;
-exports.footerActions = footerActions;
-exports.header = header;
-exports.headerActions = headerActions;
-exports.label = label;
-exports.list = list;
-exports.option = option;
-exports.optionCount = optionCount;
-exports.optionLabel = optionLabel;
-exports.panel = panel;
-exports.root = root;
-exports.search = search;
-exports.selection = selection;
-exports.selectionDelta = selectionDelta;
-exports.status = status;
-exports.statusError = statusError;
-exports.trigger = trigger;
-exports.triggerContent = triggerContent;
-exports.value = value;
-exports.valueGroup = valueGroup;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const constants = require("./index63.cjs");
+const HeatmapMatrix_module = require("./index122.cjs");
+function ColumnHeader({ column, rowSpan }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", rowSpan, className: HeatmapMatrix_module.default.colh, title: column.title, children: column.label });
+}
+function HeatmapMatrixHeader({
+  columns,
+  runs,
+  columnGroups,
+  cornerLabel
+}) {
+  const rowSpan = runs ? constants.HEATMAP_GROUPED_HEADER_ROWS : void 0;
+  const corner = /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", rowSpan, className: HeatmapMatrix_module.default.corner, "aria-hidden": cornerLabel == null, children: cornerLabel });
+  if (!runs) {
+    return /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+      corner,
+      columns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(ColumnHeader, { column }, column.key))
+    ] }) });
+  }
+  const groupsByKey = new Map(columnGroups == null ? void 0 : columnGroups.map((group) => [group.key, group]));
+  const groupedColumns = runs.filter((run) => run.group !== void 0).flatMap((run) => run.columns);
+  return /* @__PURE__ */ jsxRuntime.jsxs("thead", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+      corner,
+      runs.map((run) => {
+        if (run.group === void 0) {
+          return run.columns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(ColumnHeader, { column, rowSpan }, column.key));
+        }
+        const entry = groupsByKey.get(run.group);
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "th",
+          {
+            scope: "colgroup",
+            colSpan: run.columns.length,
+            className: HeatmapMatrix_module.default.group,
+            title: entry == null ? void 0 : entry.title,
+            children: (entry == null ? void 0 : entry.label) ?? run.group
+          },
+          `group-${run.start}`
+        );
+      })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("tr", { children: groupedColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(ColumnHeader, { column }, column.key)) })
+  ] });
+}
+exports.HeatmapMatrixHeader = HeatmapMatrixHeader;
 //# sourceMappingURL=index120.cjs.map

package/dist/index120.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index120.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index120.cjs","sources":["../src/data/HeatmapMatrix/HeatmapMatrixHeader.tsx"],"sourcesContent":["import { HEATMAP_GROUPED_HEADER_ROWS } from '../../constants';\nimport type { HeatmapColumnHeaderProps, HeatmapMatrixHeaderProps } from './HeatmapMatrix.types';\nimport styles from './HeatmapMatrix.module.css';\n\nfunction ColumnHeader({ column, rowSpan }: HeatmapColumnHeaderProps) {\n  return (\n    <th scope=\"col\" rowSpan={rowSpan} className={styles.colh} title={column.title}>\n      {column.label}\n    </th>\n  );\n}\n\n/**\n * Flat (one row) when `runs` is undefined, so the DOM stays as it was before column groups.\n * Grouped: the corner and ungrouped columns span both rows; each grouped run gets one\n * `scope=\"colgroup\"` header above its columns.\n */\nexport function HeatmapMatrixHeader({\n  columns,\n  runs,\n  columnGroups,\n  cornerLabel,\n}: HeatmapMatrixHeaderProps) {\n  const rowSpan = runs ? HEATMAP_GROUPED_HEADER_ROWS : undefined;\n  const corner = (\n    <th scope=\"col\" rowSpan={rowSpan} className={styles.corner} aria-hidden={cornerLabel == null}>\n      {cornerLabel}\n    </th>\n  );\n\n  if (!runs) {\n    return (\n      <thead>\n        <tr>\n          {corner}\n          {columns.map((column) => (\n            <ColumnHeader key={column.key} column={column} />\n          ))}\n        </tr>\n      </thead>\n    );\n  }\n\n  const groupsByKey = new Map(columnGroups?.map((group) => [group.key, group]));\n  const groupedColumns = runs\n    .filter((run) => run.group !== undefined)\n    .flatMap((run) => run.columns);\n\n  return (\n    <thead>\n      <tr>\n        {corner}\n        {runs.map((run) => {\n          if (run.group === undefined) {\n            return run.columns.map((column) => (\n              <ColumnHeader key={column.key} column={column} rowSpan={rowSpan} />\n            ));\n          }\n          const entry = groupsByKey.get(run.group);\n          return (\n            <th\n              key={`group-${run.start}`}\n              scope=\"colgroup\"\n              colSpan={run.columns.length}\n              className={styles.group}\n              title={entry?.title}\n            >\n              {entry?.label ?? run.group}\n            </th>\n          );\n        })}\n      </tr>\n      <tr>\n        {groupedColumns.map((column) => (\n          <ColumnHeader key={column.key} column={column} />\n        ))}\n      </tr>\n    </thead>\n  );\n}\n"],"names":["jsx","styles","HEATMAP_GROUPED_HEADER_ROWS","jsxs"],"mappings":";;;;;AAIA,SAAS,aAAa,EAAE,QAAQ,WAAqC;AACnE,SACEA,2BAAAA,IAAC,MAAA,EAAG,OAAM,OAAM,SAAkB,WAAWC,qBAAAA,QAAO,MAAM,OAAO,OAAO,OACrE,UAAA,OAAO,OACV;AAEJ;AAOO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,UAAU,OAAOC,UAAAA,8BAA8B;AACrD,QAAM,SACJF,2BAAAA,IAAC,MAAA,EAAG,OAAM,OAAM,SAAkB,WAAWC,qBAAAA,QAAO,QAAQ,eAAa,eAAe,MACrF,UAAA,aACH;AAGF,MAAI,CAAC,MAAM;AACT,WACED,2BAAAA,IAAC,SAAA,EACC,UAAAG,2BAAAA,KAAC,MAAA,EACE,UAAA;AAAA,MAAA;AAAA,MACA,QAAQ,IAAI,CAAC,0CACX,cAAA,EAA8B,OAAA,GAAZ,OAAO,GAAqB,CAChD;AAAA,IAAA,EAAA,CACH,EAAA,CACF;AAAA,EAEJ;AAEA,QAAM,cAAc,IAAI,IAAI,6CAAc,IAAI,CAAC,UAAU,CAAC,MAAM,KAAK,KAAK,EAAE;AAC5E,QAAM,iBAAiB,KACpB,OAAO,CAAC,QAAQ,IAAI,UAAU,MAAS,EACvC,QAAQ,CAAC,QAAQ,IAAI,OAAO;AAE/B,yCACG,SAAA,EACC,UAAA;AAAA,IAAAA,gCAAC,MAAA,EACE,UAAA;AAAA,MAAA;AAAA,MACA,KAAK,IAAI,CAAC,QAAQ;AACjB,YAAI,IAAI,UAAU,QAAW;AAC3B,iBAAO,IAAI,QAAQ,IAAI,CAAC,WACtBH,2BAAAA,IAAC,cAAA,EAA8B,QAAgB,QAAA,GAA5B,OAAO,GAAuC,CAClE;AAAA,QACH;AACA,cAAM,QAAQ,YAAY,IAAI,IAAI,KAAK;AACvC,eACEA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,OAAM;AAAA,YACN,SAAS,IAAI,QAAQ;AAAA,YACrB,WAAWC,qBAAAA,QAAO;AAAA,YAClB,OAAO,+BAAO;AAAA,YAEb,WAAA,+BAAO,UAAS,IAAI;AAAA,UAAA;AAAA,UANhB,SAAS,IAAI,KAAK;AAAA,QAAA;AAAA,MAS7B,CAAC;AAAA,IAAA,GACH;AAAA,IACAD,2BAAAA,IAAC,MAAA,EACE,UAAA,eAAe,IAAI,CAAC,WACnBA,2BAAAA,IAAC,cAAA,EAA8B,OAAA,GAAZ,OAAO,GAAqB,CAChD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/index120.js

@@ -1,87 +1,50 @@
-const root = "krc-root-WYIsp";
-const trigger = "krc-trigger-UedSS";
-const active = "krc-active-cH8Tl";
-const triggerContent = "krc-triggerContent-Kkhoi";
-const chevron = "krc-chevron-NoNsI";
-const label = "krc-label-RPlXR";
-const valueGroup = "krc-valueGroup-xfNcx";
-const value = "krc-value-aKdIW";
-const badge = "krc-badge-yVq9o";
-const clear = "krc-clear-11V9Q";
-const panel = "krc-panel-xf2f8";
-const header = "krc-header--VMR-";
-const search = "krc-search-4gQgB";
-const headerActions = "krc-headerActions-orxXD";
-const chip = "krc-chip--n-9m";
-const chipGhost = "krc-chipGhost-oayjh";
-const list = "krc-list-NRoxf";
-const status = "krc-status-j7xbM";
-const statusError = "krc-statusError-u6rfB";
-const option = "krc-option-ZAXum";
-const optionLabel = "krc-optionLabel-MdDyI";
-const optionCount = "krc-optionCount-JSQl9";
-const create = "krc-create-hO8Cq";
-const footer = "krc-footer-2yk6S";
-const selection = "krc-selection-aYDH-";
-const selectionDelta = "krc-selectionDelta-S1dV7";
-const footerActions = "krc-footerActions-77iCX";
-const styles = {
-  root,
-  trigger,
-  active,
-  triggerContent,
-  chevron,
-  label,
-  valueGroup,
-  value,
-  badge,
-  clear,
-  panel,
-  header,
-  search,
-  headerActions,
-  chip,
-  chipGhost,
-  list,
-  status,
-  statusError,
-  option,
-  optionLabel,
-  optionCount,
-  create,
-  footer,
-  selection,
-  selectionDelta,
-  footerActions
-};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { HEATMAP_GROUPED_HEADER_ROWS } from "./index63.js";
+import styles from "./index122.js";
+function ColumnHeader({ column, rowSpan }) {
+  return /* @__PURE__ */ jsx("th", { scope: "col", rowSpan, className: styles.colh, title: column.title, children: column.label });
+}
+function HeatmapMatrixHeader({
+  columns,
+  runs,
+  columnGroups,
+  cornerLabel
+}) {
+  const rowSpan = runs ? HEATMAP_GROUPED_HEADER_ROWS : void 0;
+  const corner = /* @__PURE__ */ jsx("th", { scope: "col", rowSpan, className: styles.corner, "aria-hidden": cornerLabel == null, children: cornerLabel });
+  if (!runs) {
+    return /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+      corner,
+      columns.map((column) => /* @__PURE__ */ jsx(ColumnHeader, { column }, column.key))
+    ] }) });
+  }
+  const groupsByKey = new Map(columnGroups == null ? void 0 : columnGroups.map((group) => [group.key, group]));
+  const groupedColumns = runs.filter((run) => run.group !== void 0).flatMap((run) => run.columns);
+  return /* @__PURE__ */ jsxs("thead", { children: [
+    /* @__PURE__ */ jsxs("tr", { children: [
+      corner,
+      runs.map((run) => {
+        if (run.group === void 0) {
+          return run.columns.map((column) => /* @__PURE__ */ jsx(ColumnHeader, { column, rowSpan }, column.key));
+        }
+        const entry = groupsByKey.get(run.group);
+        return /* @__PURE__ */ jsx(
+          "th",
+          {
+            scope: "colgroup",
+            colSpan: run.columns.length,
+            className: styles.group,
+            title: entry == null ? void 0 : entry.title,
+            children: (entry == null ? void 0 : entry.label) ?? run.group
+          },
+          `group-${run.start}`
+        );
+      })
+    ] }),
+    /* @__PURE__ */ jsx("tr", { children: groupedColumns.map((column) => /* @__PURE__ */ jsx(ColumnHeader, { column }, column.key)) })
+  ] });
+}
 export {
-  active,
-  badge,
-  chevron,
-  chip,
-  chipGhost,
-  clear,
-  create,
-  styles as default,
-  footer,
-  footerActions,
-  header,
-  headerActions,
-  label,
-  list,
-  option,
-  optionCount,
-  optionLabel,
-  panel,
-  root,
-  search,
-  selection,
-  selectionDelta,
-  status,
-  statusError,
-  trigger,
-  triggerContent,
-  value,
-  valueGroup
+  HeatmapMatrixHeader
 };
 //# sourceMappingURL=index120.js.map

package/dist/index120.js.map

@@ -1 +1 @@
-{"version":3,"file":"index120.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index120.js","sources":["../src/data/HeatmapMatrix/HeatmapMatrixHeader.tsx"],"sourcesContent":["import { HEATMAP_GROUPED_HEADER_ROWS } from '../../constants';\nimport type { HeatmapColumnHeaderProps, HeatmapMatrixHeaderProps } from './HeatmapMatrix.types';\nimport styles from './HeatmapMatrix.module.css';\n\nfunction ColumnHeader({ column, rowSpan }: HeatmapColumnHeaderProps) {\n  return (\n    <th scope=\"col\" rowSpan={rowSpan} className={styles.colh} title={column.title}>\n      {column.label}\n    </th>\n  );\n}\n\n/**\n * Flat (one row) when `runs` is undefined, so the DOM stays as it was before column groups.\n * Grouped: the corner and ungrouped columns span both rows; each grouped run gets one\n * `scope=\"colgroup\"` header above its columns.\n */\nexport function HeatmapMatrixHeader({\n  columns,\n  runs,\n  columnGroups,\n  cornerLabel,\n}: HeatmapMatrixHeaderProps) {\n  const rowSpan = runs ? HEATMAP_GROUPED_HEADER_ROWS : undefined;\n  const corner = (\n    <th scope=\"col\" rowSpan={rowSpan} className={styles.corner} aria-hidden={cornerLabel == null}>\n      {cornerLabel}\n    </th>\n  );\n\n  if (!runs) {\n    return (\n      <thead>\n        <tr>\n          {corner}\n          {columns.map((column) => (\n            <ColumnHeader key={column.key} column={column} />\n          ))}\n        </tr>\n      </thead>\n    );\n  }\n\n  const groupsByKey = new Map(columnGroups?.map((group) => [group.key, group]));\n  const groupedColumns = runs\n    .filter((run) => run.group !== undefined)\n    .flatMap((run) => run.columns);\n\n  return (\n    <thead>\n      <tr>\n        {corner}\n        {runs.map((run) => {\n          if (run.group === undefined) {\n            return run.columns.map((column) => (\n              <ColumnHeader key={column.key} column={column} rowSpan={rowSpan} />\n            ));\n          }\n          const entry = groupsByKey.get(run.group);\n          return (\n            <th\n              key={`group-${run.start}`}\n              scope=\"colgroup\"\n              colSpan={run.columns.length}\n              className={styles.group}\n              title={entry?.title}\n            >\n              {entry?.label ?? run.group}\n            </th>\n          );\n        })}\n      </tr>\n      <tr>\n        {groupedColumns.map((column) => (\n          <ColumnHeader key={column.key} column={column} />\n        ))}\n      </tr>\n    </thead>\n  );\n}\n"],"names":[],"mappings":";;;AAIA,SAAS,aAAa,EAAE,QAAQ,WAAqC;AACnE,SACE,oBAAC,MAAA,EAAG,OAAM,OAAM,SAAkB,WAAW,OAAO,MAAM,OAAO,OAAO,OACrE,UAAA,OAAO,OACV;AAEJ;AAOO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,UAAU,OAAO,8BAA8B;AACrD,QAAM,SACJ,oBAAC,MAAA,EAAG,OAAM,OAAM,SAAkB,WAAW,OAAO,QAAQ,eAAa,eAAe,MACrF,UAAA,aACH;AAGF,MAAI,CAAC,MAAM;AACT,WACE,oBAAC,SAAA,EACC,UAAA,qBAAC,MAAA,EACE,UAAA;AAAA,MAAA;AAAA,MACA,QAAQ,IAAI,CAAC,+BACX,cAAA,EAA8B,OAAA,GAAZ,OAAO,GAAqB,CAChD;AAAA,IAAA,EAAA,CACH,EAAA,CACF;AAAA,EAEJ;AAEA,QAAM,cAAc,IAAI,IAAI,6CAAc,IAAI,CAAC,UAAU,CAAC,MAAM,KAAK,KAAK,EAAE;AAC5E,QAAM,iBAAiB,KACpB,OAAO,CAAC,QAAQ,IAAI,UAAU,MAAS,EACvC,QAAQ,CAAC,QAAQ,IAAI,OAAO;AAE/B,8BACG,SAAA,EACC,UAAA;AAAA,IAAA,qBAAC,MAAA,EACE,UAAA;AAAA,MAAA;AAAA,MACA,KAAK,IAAI,CAAC,QAAQ;AACjB,YAAI,IAAI,UAAU,QAAW;AAC3B,iBAAO,IAAI,QAAQ,IAAI,CAAC,WACtB,oBAAC,cAAA,EAA8B,QAAgB,QAAA,GAA5B,OAAO,GAAuC,CAClE;AAAA,QACH;AACA,cAAM,QAAQ,YAAY,IAAI,IAAI,KAAK;AACvC,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,OAAM;AAAA,YACN,SAAS,IAAI,QAAQ;AAAA,YACrB,WAAW,OAAO;AAAA,YAClB,OAAO,+BAAO;AAAA,YAEb,WAAA,+BAAO,UAAS,IAAI;AAAA,UAAA;AAAA,UANhB,SAAS,IAAI,KAAK;AAAA,QAAA;AAAA,MAS7B,CAAC;AAAA,IAAA,GACH;AAAA,IACA,oBAAC,MAAA,EACE,UAAA,eAAe,IAAI,CAAC,WACnB,oBAAC,cAAA,EAA8B,OAAA,GAAZ,OAAO,GAAqB,CAChD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}