@ktnpm_devops/react-component 0.17.0 → 0.18.0

package/dist/index115.js.map

@@ -1 +1 @@
-{"version":3,"file":"index115.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index115.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;"}

package/dist/index116.cjs

@@ -1,72 +1,20 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-HS837";
-const gapNone = "krc-gapNone-MmCvp";
-const gapXs = "krc-gapXs-Jketq";
-const gapSm = "krc-gapSm-BFLhK";
-const gapMd = "krc-gapMd--7IRg";
-const gapLg = "krc-gapLg-ehuIZ";
-const gapXl = "krc-gapXl-kNEyc";
-const alignStart = "krc-alignStart-q6fMC";
-const alignCenter = "krc-alignCenter-Py2Kt";
-const alignEnd = "krc-alignEnd-ialGn";
-const alignStretch = "krc-alignStretch-J-rq4";
-const alignBaseline = "krc-alignBaseline-Hg-4L";
-const justifyStart = "krc-justifyStart-tBqbD";
-const justifyCenter = "krc-justifyCenter-6QDaO";
-const justifyEnd = "krc-justifyEnd-2tbcB";
-const justifyBetween = "krc-justifyBetween-5W1AJ";
-const justifyAround = "krc-justifyAround-AMU1m";
-const justifyEvenly = "krc-justifyEvenly-Vj3C-";
-const wrap = "krc-wrap-Q4txZ";
-const nowrap = "krc-nowrap-BUcfT";
-const dirRow = "krc-dirRow-NBoPO";
-const dirColumn = "krc-dirColumn-gJ7qS";
-const styles = {
-  root,
-  gapNone,
-  gapXs,
-  gapSm,
-  gapMd,
-  gapLg,
-  gapXl,
-  alignStart,
-  alignCenter,
-  alignEnd,
-  alignStretch,
-  alignBaseline,
-  justifyStart,
-  justifyCenter,
-  justifyEnd,
-  justifyBetween,
-  justifyAround,
-  justifyEvenly,
-  wrap,
-  nowrap,
-  dirRow,
-  dirColumn
-};
-exports.alignBaseline = alignBaseline;
-exports.alignCenter = alignCenter;
-exports.alignEnd = alignEnd;
-exports.alignStart = alignStart;
-exports.alignStretch = alignStretch;
-exports.default = styles;
-exports.dirColumn = dirColumn;
-exports.dirRow = dirRow;
-exports.gapLg = gapLg;
-exports.gapMd = gapMd;
-exports.gapNone = gapNone;
-exports.gapSm = gapSm;
-exports.gapXl = gapXl;
-exports.gapXs = gapXs;
-exports.justifyAround = justifyAround;
-exports.justifyBetween = justifyBetween;
-exports.justifyCenter = justifyCenter;
-exports.justifyEnd = justifyEnd;
-exports.justifyEvenly = justifyEvenly;
-exports.justifyStart = justifyStart;
-exports.nowrap = nowrap;
-exports.root = root;
-exports.wrap = wrap;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function getColumnRuns(columns) {
+  const runs = [];
+  columns.forEach((column, index) => {
+    const current = runs[runs.length - 1];
+    if (current && current.group === column.group) {
+      current.columns.push(column);
+    } else {
+      runs.push({ group: column.group, start: index, columns: [column] });
+    }
+  });
+  return runs;
+}
+function hasColumnGroups(columns) {
+  return columns.some((column) => column.group !== void 0);
+}
+exports.getColumnRuns = getColumnRuns;
+exports.hasColumnGroups = hasColumnGroups;
 //# sourceMappingURL=index116.cjs.map

package/dist/index116.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index116.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index116.cjs","sources":["../src/data/HeatmapMatrix/getColumnRuns.ts"],"sourcesContent":["import type { ColumnRun, HeatmapColumn } from './HeatmapMatrix.types';\n\n/**\n * Splits `columns` into runs of consecutive columns sharing the same `group`. Never sorts: a group\n * that appears in two non-contiguous places yields two runs, and ungrouped columns form their own\n * runs (`group` undefined).\n */\nexport function getColumnRuns(columns: HeatmapColumn[]): ColumnRun[] {\n  const runs: ColumnRun[] = [];\n  columns.forEach((column, index) => {\n    const current = runs[runs.length - 1];\n    if (current && current.group === column.group) {\n      current.columns.push(column);\n    } else {\n      runs.push({ group: column.group, start: index, columns: [column] });\n    }\n  });\n  return runs;\n}\n\n/** True when at least one column declares a `group`, i.e. the two-row header is needed. */\nexport function hasColumnGroups(columns: HeatmapColumn[]): boolean {\n  return columns.some((column) => column.group !== undefined);\n}\n"],"names":[],"mappings":";;AAOO,SAAS,cAAc,SAAuC;AACnE,QAAM,OAAoB,CAAA;AAC1B,UAAQ,QAAQ,CAAC,QAAQ,UAAU;AACjC,UAAM,UAAU,KAAK,KAAK,SAAS,CAAC;AACpC,QAAI,WAAW,QAAQ,UAAU,OAAO,OAAO;AAC7C,cAAQ,QAAQ,KAAK,MAAM;AAAA,IAC7B,OAAO;AACL,WAAK,KAAK,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,SAAS,CAAC,MAAM,EAAA,CAAG;AAAA,IACpE;AAAA,EACF,CAAC;AACD,SAAO;AACT;AAGO,SAAS,gBAAgB,SAAmC;AACjE,SAAO,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,MAAS;AAC5D;;;"}

package/dist/index116.js

@@ -1,72 +1,20 @@
-const root = "krc-root-HS837";
-const gapNone = "krc-gapNone-MmCvp";
-const gapXs = "krc-gapXs-Jketq";
-const gapSm = "krc-gapSm-BFLhK";
-const gapMd = "krc-gapMd--7IRg";
-const gapLg = "krc-gapLg-ehuIZ";
-const gapXl = "krc-gapXl-kNEyc";
-const alignStart = "krc-alignStart-q6fMC";
-const alignCenter = "krc-alignCenter-Py2Kt";
-const alignEnd = "krc-alignEnd-ialGn";
-const alignStretch = "krc-alignStretch-J-rq4";
-const alignBaseline = "krc-alignBaseline-Hg-4L";
-const justifyStart = "krc-justifyStart-tBqbD";
-const justifyCenter = "krc-justifyCenter-6QDaO";
-const justifyEnd = "krc-justifyEnd-2tbcB";
-const justifyBetween = "krc-justifyBetween-5W1AJ";
-const justifyAround = "krc-justifyAround-AMU1m";
-const justifyEvenly = "krc-justifyEvenly-Vj3C-";
-const wrap = "krc-wrap-Q4txZ";
-const nowrap = "krc-nowrap-BUcfT";
-const dirRow = "krc-dirRow-NBoPO";
-const dirColumn = "krc-dirColumn-gJ7qS";
-const styles = {
-  root,
-  gapNone,
-  gapXs,
-  gapSm,
-  gapMd,
-  gapLg,
-  gapXl,
-  alignStart,
-  alignCenter,
-  alignEnd,
-  alignStretch,
-  alignBaseline,
-  justifyStart,
-  justifyCenter,
-  justifyEnd,
-  justifyBetween,
-  justifyAround,
-  justifyEvenly,
-  wrap,
-  nowrap,
-  dirRow,
-  dirColumn
-};
+function getColumnRuns(columns) {
+  const runs = [];
+  columns.forEach((column, index) => {
+    const current = runs[runs.length - 1];
+    if (current && current.group === column.group) {
+      current.columns.push(column);
+    } else {
+      runs.push({ group: column.group, start: index, columns: [column] });
+    }
+  });
+  return runs;
+}
+function hasColumnGroups(columns) {
+  return columns.some((column) => column.group !== void 0);
+}
 export {
-  alignBaseline,
-  alignCenter,
-  alignEnd,
-  alignStart,
-  alignStretch,
-  styles as default,
-  dirColumn,
-  dirRow,
-  gapLg,
-  gapMd,
-  gapNone,
-  gapSm,
-  gapXl,
-  gapXs,
-  justifyAround,
-  justifyBetween,
-  justifyCenter,
-  justifyEnd,
-  justifyEvenly,
-  justifyStart,
-  nowrap,
-  root,
-  wrap
+  getColumnRuns,
+  hasColumnGroups
 };
 //# sourceMappingURL=index116.js.map

package/dist/index116.js.map

@@ -1 +1 @@
-{"version":3,"file":"index116.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index116.js","sources":["../src/data/HeatmapMatrix/getColumnRuns.ts"],"sourcesContent":["import type { ColumnRun, HeatmapColumn } from './HeatmapMatrix.types';\n\n/**\n * Splits `columns` into runs of consecutive columns sharing the same `group`. Never sorts: a group\n * that appears in two non-contiguous places yields two runs, and ungrouped columns form their own\n * runs (`group` undefined).\n */\nexport function getColumnRuns(columns: HeatmapColumn[]): ColumnRun[] {\n  const runs: ColumnRun[] = [];\n  columns.forEach((column, index) => {\n    const current = runs[runs.length - 1];\n    if (current && current.group === column.group) {\n      current.columns.push(column);\n    } else {\n      runs.push({ group: column.group, start: index, columns: [column] });\n    }\n  });\n  return runs;\n}\n\n/** True when at least one column declares a `group`, i.e. the two-row header is needed. */\nexport function hasColumnGroups(columns: HeatmapColumn[]): boolean {\n  return columns.some((column) => column.group !== undefined);\n}\n"],"names":[],"mappings":"AAOO,SAAS,cAAc,SAAuC;AACnE,QAAM,OAAoB,CAAA;AAC1B,UAAQ,QAAQ,CAAC,QAAQ,UAAU;AACjC,UAAM,UAAU,KAAK,KAAK,SAAS,CAAC;AACpC,QAAI,WAAW,QAAQ,UAAU,OAAO,OAAO;AAC7C,cAAQ,QAAQ,KAAK,MAAM;AAAA,IAC7B,OAAO;AACL,WAAK,KAAK,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,SAAS,CAAC,MAAM,EAAA,CAAG;AAAA,IACpE;AAAA,EACF,CAAC;AACD,SAAO;AACT;AAGO,SAAS,gBAAgB,SAAmC;AACjE,SAAO,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,MAAS;AAC5D;"}

package/dist/index117.cjs

@@ -1,60 +1,39 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root--s1oD";
-const trigger = "krc-trigger-WMlNa";
-const active = "krc-active-O65lj";
-const triggerContent = "krc-triggerContent-JipmE";
-const chevron = "krc-chevron-J2Zsy";
-const label = "krc-label-lZlV-";
-const value = "krc-value-HsQrC";
-const clear = "krc-clear-bsi5j";
-const panel = "krc-panel--0odx";
-const searchContainer = "krc-searchContainer-WRS-U";
-const search = "krc-search-Dh3pY";
-const list = "krc-list-1RUtr";
-const noResults = "krc-noResults-Hin1U";
-const option = "krc-option-0mFGi";
-const focused = "krc-focused-0-7tE";
-const selected = "krc-selected-1zIqI";
-const optionLabel = "krc-optionLabel-pj-hL";
-const optionCount = "krc-optionCount-rVlCP";
+const wrap = "krc-wrap-JRsc1";
+const root = "krc-root-k9ocd";
+const colh = "krc-colh-Fi0Kr";
+const group = "krc-group-rVQPU";
+const groupStart = "krc-groupStart-bu8S4";
+const rowh = "krc-rowh-bTG4G";
+const corner = "krc-corner-MNGJd";
+const cell = "krc-cell-i0lDG";
+const bad = "krc-bad-Hb1F3";
+const ok = "krc-ok-hx6Lc";
+const clickable = "krc-clickable-Q8fZg";
 const styles = {
+  wrap,
   root,
-  trigger,
-  active,
-  triggerContent,
-  chevron,
-  label,
-  value,
-  clear,
-  panel,
-  searchContainer,
-  search,
-  list,
-  noResults,
-  option,
-  focused,
-  selected,
-  optionLabel,
-  optionCount
+  colh,
+  group,
+  groupStart,
+  rowh,
+  corner,
+  cell,
+  bad,
+  ok,
+  clickable
 };
-exports.active = active;
-exports.chevron = chevron;
-exports.clear = clear;
+exports.bad = bad;
+exports.cell = cell;
+exports.clickable = clickable;
+exports.colh = colh;
+exports.corner = corner;
 exports.default = styles;
-exports.focused = focused;
-exports.label = label;
-exports.list = list;
-exports.noResults = noResults;
-exports.option = option;
-exports.optionCount = optionCount;
-exports.optionLabel = optionLabel;
-exports.panel = panel;
+exports.group = group;
+exports.groupStart = groupStart;
+exports.ok = ok;
 exports.root = root;
-exports.search = search;
-exports.searchContainer = searchContainer;
-exports.selected = selected;
-exports.trigger = trigger;
-exports.triggerContent = triggerContent;
-exports.value = value;
+exports.rowh = rowh;
+exports.wrap = wrap;
 //# sourceMappingURL=index117.cjs.map

package/dist/index117.cjs.map

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

package/dist/index117.js

@@ -1,60 +1,39 @@
-const root = "krc-root--s1oD";
-const trigger = "krc-trigger-WMlNa";
-const active = "krc-active-O65lj";
-const triggerContent = "krc-triggerContent-JipmE";
-const chevron = "krc-chevron-J2Zsy";
-const label = "krc-label-lZlV-";
-const value = "krc-value-HsQrC";
-const clear = "krc-clear-bsi5j";
-const panel = "krc-panel--0odx";
-const searchContainer = "krc-searchContainer-WRS-U";
-const search = "krc-search-Dh3pY";
-const list = "krc-list-1RUtr";
-const noResults = "krc-noResults-Hin1U";
-const option = "krc-option-0mFGi";
-const focused = "krc-focused-0-7tE";
-const selected = "krc-selected-1zIqI";
-const optionLabel = "krc-optionLabel-pj-hL";
-const optionCount = "krc-optionCount-rVlCP";
+const wrap = "krc-wrap-JRsc1";
+const root = "krc-root-k9ocd";
+const colh = "krc-colh-Fi0Kr";
+const group = "krc-group-rVQPU";
+const groupStart = "krc-groupStart-bu8S4";
+const rowh = "krc-rowh-bTG4G";
+const corner = "krc-corner-MNGJd";
+const cell = "krc-cell-i0lDG";
+const bad = "krc-bad-Hb1F3";
+const ok = "krc-ok-hx6Lc";
+const clickable = "krc-clickable-Q8fZg";
 const styles = {
+  wrap,
   root,
-  trigger,
-  active,
-  triggerContent,
-  chevron,
-  label,
-  value,
-  clear,
-  panel,
-  searchContainer,
-  search,
-  list,
-  noResults,
-  option,
-  focused,
-  selected,
-  optionLabel,
-  optionCount
+  colh,
+  group,
+  groupStart,
+  rowh,
+  corner,
+  cell,
+  bad,
+  ok,
+  clickable
 };
 export {
-  active,
-  chevron,
-  clear,
+  bad,
+  cell,
+  clickable,
+  colh,
+  corner,
   styles as default,
-  focused,
-  label,
-  list,
-  noResults,
-  option,
-  optionCount,
-  optionLabel,
-  panel,
+  group,
+  groupStart,
+  ok,
   root,
-  search,
-  searchContainer,
-  selected,
-  trigger,
-  triggerContent,
-  value
+  rowh,
+  wrap
 };
 //# sourceMappingURL=index117.js.map

package/dist/index117.js.map

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

package/dist/index118.cjs

@@ -1,18 +1,25 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-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
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const merge = (a, b) => a == null ? b : b == null ? a : a + b;
+const pivotGroupedBars = (data) => {
+  const categories = /* @__PURE__ */ new Set();
+  const cells = /* @__PURE__ */ new Map();
+  for (const { category, series: series2, value } of data) {
+    categories.add(category);
+    let row = cells.get(series2);
+    if (!row) {
+      row = /* @__PURE__ */ new Map();
+      cells.set(series2, row);
+    }
+    row.set(category, row.has(category) ? merge(row.get(category) ?? null, value) : value);
+  }
+  const categoryList = [...categories];
+  const series = [...cells.entries()].map(([name, row]) => ({
+    name,
+    values: categoryList.map((category) => row.get(category) ?? null)
+  }));
+  const hasValues = series.some((s) => s.values.some((v) => v != null));
+  return { categories: categoryList, series, hasValues };
 };
-exports.card = card;
-exports.default = styles;
-exports.footer = footer;
-exports.logo = logo;
-exports.root = root;
+exports.pivotGroupedBars = pivotGroupedBars;
 //# sourceMappingURL=index118.cjs.map

package/dist/index118.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index118.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index118.cjs","sources":["../src/charts/GroupedBarChartCard/pivotGroupedBars.ts"],"sourcesContent":["import type { GroupedBarPoint } from '../../types/chart.types';\n\n/** One series with its values aligned to `categories`; `null` is a gap. */\nexport interface PivotedSeries {\n  name: string;\n  values: (number | null)[];\n}\n\n/** Category × series matrix of a grouped bar chart. */\nexport interface GroupedBarPivot {\n  /** First-seen order. */\n  categories: string[];\n  /** First-seen order. */\n  series: PivotedSeries[];\n  /** Whether any value is non-null — false means there is nothing to draw. */\n  hasValues: boolean;\n}\n\n/** `null` adds nothing: only nulls stay a gap. */\nconst merge = (a: number | null, b: number | null) => (a == null ? b : b == null ? a : a + b);\n\n/**\n * Pivot points into a category × series matrix, keeping first-appearance order,\n * summing repeated pairs and filling missing pairs with `null` — never `0`.\n */\nexport const pivotGroupedBars = (data: GroupedBarPoint[]): GroupedBarPivot => {\n  const categories = new Set<string>();\n  const cells = new Map<string, Map<string, number | null>>();\n\n  for (const { category, series, value } of data) {\n    categories.add(category);\n    let row = cells.get(series);\n    if (!row) {\n      row = new Map();\n      cells.set(series, row);\n    }\n    row.set(category, row.has(category) ? merge(row.get(category) ?? null, value) : value);\n  }\n\n  const categoryList = [...categories];\n  const series = [...cells.entries()].map(([name, row]) => ({\n    name,\n    values: categoryList.map((category) => row.get(category) ?? null),\n  }));\n  const hasValues = series.some((s) => s.values.some((v) => v != null));\n\n  return { categories: categoryList, series, hasValues };\n};\n"],"names":["series"],"mappings":";;AAmBA,MAAM,QAAQ,CAAC,GAAkB,MAAsB,KAAK,OAAO,IAAI,KAAK,OAAO,IAAI,IAAI;AAMpF,MAAM,mBAAmB,CAAC,SAA6C;AAC5E,QAAM,iCAAiB,IAAA;AACvB,QAAM,4BAAY,IAAA;AAElB,aAAW,EAAE,UAAU,QAAAA,SAAQ,MAAA,KAAW,MAAM;AAC9C,eAAW,IAAI,QAAQ;AACvB,QAAI,MAAM,MAAM,IAAIA,OAAM;AAC1B,QAAI,CAAC,KAAK;AACR,gCAAU,IAAA;AACV,YAAM,IAAIA,SAAQ,GAAG;AAAA,IACvB;AACA,QAAI,IAAI,UAAU,IAAI,IAAI,QAAQ,IAAI,MAAM,IAAI,IAAI,QAAQ,KAAK,MAAM,KAAK,IAAI,KAAK;AAAA,EACvF;AAEA,QAAM,eAAe,CAAC,GAAG,UAAU;AACnC,QAAM,SAAS,CAAC,GAAG,MAAM,QAAA,CAAS,EAAE,IAAI,CAAC,CAAC,MAAM,GAAG,OAAO;AAAA,IACxD;AAAA,IACA,QAAQ,aAAa,IAAI,CAAC,aAAa,IAAI,IAAI,QAAQ,KAAK,IAAI;AAAA,EAAA,EAChE;AACF,QAAM,YAAY,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC;AAEpE,SAAO,EAAE,YAAY,cAAc,QAAQ,UAAA;AAC7C;;"}

package/dist/index118.js

@@ -1,18 +1,25 @@
-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
+const merge = (a, b) => a == null ? b : b == null ? a : a + b;
+const pivotGroupedBars = (data) => {
+  const categories = /* @__PURE__ */ new Set();
+  const cells = /* @__PURE__ */ new Map();
+  for (const { category, series: series2, value } of data) {
+    categories.add(category);
+    let row = cells.get(series2);
+    if (!row) {
+      row = /* @__PURE__ */ new Map();
+      cells.set(series2, row);
+    }
+    row.set(category, row.has(category) ? merge(row.get(category) ?? null, value) : value);
+  }
+  const categoryList = [...categories];
+  const series = [...cells.entries()].map(([name, row]) => ({
+    name,
+    values: categoryList.map((category) => row.get(category) ?? null)
+  }));
+  const hasValues = series.some((s) => s.values.some((v) => v != null));
+  return { categories: categoryList, series, hasValues };
 };
 export {
-  card,
-  styles as default,
-  footer,
-  logo,
-  root
+  pivotGroupedBars
 };
 //# sourceMappingURL=index118.js.map

package/dist/index118.js.map

@@ -1 +1 @@
-{"version":3,"file":"index118.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"index118.js","sources":["../src/charts/GroupedBarChartCard/pivotGroupedBars.ts"],"sourcesContent":["import type { GroupedBarPoint } from '../../types/chart.types';\n\n/** One series with its values aligned to `categories`; `null` is a gap. */\nexport interface PivotedSeries {\n  name: string;\n  values: (number | null)[];\n}\n\n/** Category × series matrix of a grouped bar chart. */\nexport interface GroupedBarPivot {\n  /** First-seen order. */\n  categories: string[];\n  /** First-seen order. */\n  series: PivotedSeries[];\n  /** Whether any value is non-null — false means there is nothing to draw. */\n  hasValues: boolean;\n}\n\n/** `null` adds nothing: only nulls stay a gap. */\nconst merge = (a: number | null, b: number | null) => (a == null ? b : b == null ? a : a + b);\n\n/**\n * Pivot points into a category × series matrix, keeping first-appearance order,\n * summing repeated pairs and filling missing pairs with `null` — never `0`.\n */\nexport const pivotGroupedBars = (data: GroupedBarPoint[]): GroupedBarPivot => {\n  const categories = new Set<string>();\n  const cells = new Map<string, Map<string, number | null>>();\n\n  for (const { category, series, value } of data) {\n    categories.add(category);\n    let row = cells.get(series);\n    if (!row) {\n      row = new Map();\n      cells.set(series, row);\n    }\n    row.set(category, row.has(category) ? merge(row.get(category) ?? null, value) : value);\n  }\n\n  const categoryList = [...categories];\n  const series = [...cells.entries()].map(([name, row]) => ({\n    name,\n    values: categoryList.map((category) => row.get(category) ?? null),\n  }));\n  const hasValues = series.some((s) => s.values.some((v) => v != null));\n\n  return { categories: categoryList, series, hasValues };\n};\n"],"names":["series"],"mappings":"AAmBA,MAAM,QAAQ,CAAC,GAAkB,MAAsB,KAAK,OAAO,IAAI,KAAK,OAAO,IAAI,IAAI;AAMpF,MAAM,mBAAmB,CAAC,SAA6C;AAC5E,QAAM,iCAAiB,IAAA;AACvB,QAAM,4BAAY,IAAA;AAElB,aAAW,EAAE,UAAU,QAAAA,SAAQ,MAAA,KAAW,MAAM;AAC9C,eAAW,IAAI,QAAQ;AACvB,QAAI,MAAM,MAAM,IAAIA,OAAM;AAC1B,QAAI,CAAC,KAAK;AACR,gCAAU,IAAA;AACV,YAAM,IAAIA,SAAQ,GAAG;AAAA,IACvB;AACA,QAAI,IAAI,UAAU,IAAI,IAAI,QAAQ,IAAI,MAAM,IAAI,IAAI,QAAQ,KAAK,MAAM,KAAK,IAAI,KAAK;AAAA,EACvF;AAEA,QAAM,eAAe,CAAC,GAAG,UAAU;AACnC,QAAM,SAAS,CAAC,GAAG,MAAM,QAAA,CAAS,EAAE,IAAI,CAAC,CAAC,MAAM,GAAG,OAAO;AAAA,IACxD;AAAA,IACA,QAAQ,aAAa,IAAI,CAAC,aAAa,IAAI,IAAI,QAAQ,KAAK,IAAI;AAAA,EAAA,EAChE;AACF,QAAM,YAAY,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC;AAEpE,SAAO,EAAE,YAAY,cAAc,QAAQ,UAAA;AAC7C;"}

package/dist/index119.cjs

@@ -1,24 +1,72 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-rzEDE";
-const sidebar = "krc-sidebar-ediN2";
-const sidebarCollapsed = "krc-sidebarCollapsed--qs43";
-const main = "krc-main-E8utR";
-const filterBar = "krc-filterBar-O8ajX";
-const content = "krc-content-lY5l-";
-const styles = {
-  root,
-  sidebar,
-  sidebarCollapsed,
-  main,
-  filterBar,
-  content
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const constants = require("./index62.cjs");
+const { GRID_MARGIN, AXIS_NAME_GAP } = constants.GROUPED_BAR;
+const escapeHtml = (value) => value.replace(/[&<>"]/g, (char) => `&#${char.charCodeAt(0)};`);
+const colorFor = (name, index, seriesColors) => (seriesColors == null ? void 0 : seriesColors[name]) ?? constants.CHART_COLORS[index % constants.CHART_COLORS.length];
+const markerFor = (color) => {
+  const { TOOLTIP_MARKER_SIZE: size, TOOLTIP_MARKER_GAP: gap } = constants.GROUPED_BAR;
+  return `<span style="display:inline-block;margin-right:${gap}px;border-radius:50%;width:${size}px;height:${size}px;background-color:${escapeHtml(color)};"></span>`;
 };
-exports.content = content;
-exports.default = styles;
-exports.filterBar = filterBar;
-exports.main = main;
-exports.root = root;
-exports.sidebar = sidebar;
-exports.sidebarCollapsed = sidebarCollapsed;
+const buildTooltipFormatter = (pivot, colors, noValueText) => (params) => {
+  const first = Array.isArray(params) ? params[0] : params;
+  const index = first == null ? void 0 : first.dataIndex;
+  if (index == null || index >= pivot.categories.length) return "";
+  const lines = [escapeHtml(pivot.categories[index])];
+  pivot.series.forEach((s, i) => {
+    const value = s.values[index];
+    const text = value == null ? escapeHtml(noValueText) : String(value);
+    lines.push(`${markerFor(colors[i])}${escapeHtml(s.name)}: ${text}`);
+  });
+  return lines.join("<br/>");
+};
+const buildGrid = (config) => {
+  const named = Boolean(config.valueLabel);
+  return {
+    left: GRID_MARGIN.BASE + (named && !config.invertAxis ? GRID_MARGIN.VALUE_NAME_Y : 0),
+    right: GRID_MARGIN.RIGHT,
+    top: GRID_MARGIN.TOP,
+    // Room for a horizontal value-axis name and the legend, each only when drawn.
+    bottom: GRID_MARGIN.BASE + (named && config.invertAxis ? GRID_MARGIN.VALUE_NAME_X : 0) + (config.hideLegend ? 0 : GRID_MARGIN.LEGEND),
+    containLabel: true
+  };
+};
+const buildGroupedBarOption = (pivot, config) => {
+  const colors = pivot.series.map((s, i) => colorFor(s.name, i, config.seriesColors));
+  const categoryAxis = {
+    type: "category",
+    data: pivot.categories,
+    // Horizontal bars read top-down, so the first category goes on top.
+    inverse: config.invertAxis
+  };
+  const valueAxis = {
+    type: "value",
+    name: config.valueLabel,
+    nameLocation: "middle",
+    nameGap: config.invertAxis ? AXIS_NAME_GAP.X : AXIS_NAME_GAP.Y,
+    // Without this a vertical axis name is drawn horizontally and eats the plot's width.
+    nameRotate: config.invertAxis ? 0 : 90,
+    minInterval: config.integerValues ? 1 : void 0
+  };
+  return {
+    tooltip: {
+      trigger: "axis",
+      axisPointer: { type: "shadow" },
+      formatter: buildTooltipFormatter(pivot, colors, config.noValueText)
+    },
+    legend: { show: !config.hideLegend, bottom: 0, type: "scroll" },
+    grid: buildGrid(config),
+    xAxis: config.invertAxis ? valueAxis : categoryAxis,
+    yAxis: config.invertAxis ? categoryAxis : valueAxis,
+    series: pivot.series.map((s, i) => ({
+      name: s.name,
+      type: "bar",
+      data: s.values,
+      barMinHeight: constants.GROUPED_BAR.MIN_BAR_HEIGHT,
+      itemStyle: { color: colors[i] },
+      emphasis: { focus: "series" }
+    }))
+  };
+};
+exports.buildGroupedBarOption = buildGroupedBarOption;
 //# 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":["../src/charts/GroupedBarChartCard/buildGroupedBarOption.ts"],"sourcesContent":["import type { GroupedBarPivot } from './pivotGroupedBars';\nimport { CHART_COLORS, GROUPED_BAR } from '../../constants';\n\nexport interface GroupedBarOptionConfig {\n  seriesColors?: Readonly<Record<string, string>>;\n  invertAxis: boolean;\n  hideLegend: boolean;\n  integerValues: boolean;\n  valueLabel?: string;\n  /** Tooltip text for a gap. */\n  noValueText: string;\n}\n\nconst { GRID_MARGIN, AXIS_NAME_GAP } = GROUPED_BAR;\n\n/** Category and series names come from consumer data and land in the tooltip's HTML. */\nconst escapeHtml = (value: string) =>\n  value.replace(/[&<>\"]/g, (char) => `&#${char.charCodeAt(0)};`);\n\n/** Pinned colour first, else the palette by first-seen position. */\nconst colorFor = (name: string, index: number, seriesColors?: Readonly<Record<string, string>>) =>\n  seriesColors?.[name] ?? CHART_COLORS[index % CHART_COLORS.length];\n\nconst markerFor = (color: string) => {\n  const { TOOLTIP_MARKER_SIZE: size, TOOLTIP_MARKER_GAP: gap } = GROUPED_BAR;\n  return `<span style=\"display:inline-block;margin-right:${gap}px;border-radius:50%;width:${size}px;height:${size}px;background-color:${escapeHtml(color)};\"></span>`;\n};\n\n/**\n * The tooltip is built from the pivot rather than from echarts' params, so every\n * series is listed in series order and a gap reads as `noValueText`, never `-`.\n */\nconst buildTooltipFormatter =\n  (pivot: GroupedBarPivot, colors: string[], noValueText: string) => (params: unknown) => {\n    const first = (Array.isArray(params) ? params[0] : params) as\n      | { dataIndex?: number }\n      | undefined;\n    const index = first?.dataIndex;\n    if (index == null || index >= pivot.categories.length) return '';\n\n    const lines = [escapeHtml(pivot.categories[index])];\n    pivot.series.forEach((s, i) => {\n      const value = s.values[index];\n      const text = value == null ? escapeHtml(noValueText) : String(value);\n      lines.push(`${markerFor(colors[i])}${escapeHtml(s.name)}: ${text}`);\n    });\n\n    return lines.join('<br/>');\n  };\n\nconst buildGrid = (config: GroupedBarOptionConfig) => {\n  const named = Boolean(config.valueLabel);\n  return {\n    left: GRID_MARGIN.BASE + (named && !config.invertAxis ? GRID_MARGIN.VALUE_NAME_Y : 0),\n    right: GRID_MARGIN.RIGHT,\n    top: GRID_MARGIN.TOP,\n    // Room for a horizontal value-axis name and the legend, each only when drawn.\n    bottom:\n      GRID_MARGIN.BASE +\n      (named && config.invertAxis ? GRID_MARGIN.VALUE_NAME_X : 0) +\n      (config.hideLegend ? 0 : GRID_MARGIN.LEGEND),\n    containLabel: true,\n  };\n};\n\nexport const buildGroupedBarOption = (pivot: GroupedBarPivot, config: GroupedBarOptionConfig) => {\n  const colors = pivot.series.map((s, i) => colorFor(s.name, i, config.seriesColors));\n\n  const categoryAxis = {\n    type: 'category' as const,\n    data: pivot.categories,\n    // Horizontal bars read top-down, so the first category goes on top.\n    inverse: config.invertAxis,\n  };\n  const valueAxis = {\n    type: 'value' as const,\n    name: config.valueLabel,\n    nameLocation: 'middle' as const,\n    nameGap: config.invertAxis ? AXIS_NAME_GAP.X : AXIS_NAME_GAP.Y,\n    // Without this a vertical axis name is drawn horizontally and eats the plot's width.\n    nameRotate: config.invertAxis ? 0 : 90,\n    minInterval: config.integerValues ? 1 : undefined,\n  };\n\n  return {\n    tooltip: {\n      trigger: 'axis' as const,\n      axisPointer: { type: 'shadow' as const },\n      formatter: buildTooltipFormatter(pivot, colors, config.noValueText),\n    },\n    legend: { show: !config.hideLegend, bottom: 0, type: 'scroll' as const },\n    grid: buildGrid(config),\n    xAxis: config.invertAxis ? valueAxis : categoryAxis,\n    yAxis: config.invertAxis ? categoryAxis : valueAxis,\n    series: pivot.series.map((s, i) => ({\n      name: s.name,\n      type: 'bar' as const,\n      data: s.values,\n      barMinHeight: GROUPED_BAR.MIN_BAR_HEIGHT,\n      itemStyle: { color: colors[i] },\n      emphasis: { focus: 'series' as const },\n    })),\n  };\n};\n"],"names":["GROUPED_BAR","CHART_COLORS"],"mappings":";;;AAaA,MAAM,EAAE,aAAa,cAAA,IAAkBA,UAAAA;AAGvC,MAAM,aAAa,CAAC,UAClB,MAAM,QAAQ,WAAW,CAAC,SAAS,KAAK,KAAK,WAAW,CAAC,CAAC,GAAG;AAG/D,MAAM,WAAW,CAAC,MAAc,OAAe,kBAC7C,6CAAe,UAASC,UAAAA,aAAa,QAAQA,UAAAA,aAAa,MAAM;AAElE,MAAM,YAAY,CAAC,UAAkB;AACnC,QAAM,EAAE,qBAAqB,MAAM,oBAAoB,QAAQD,UAAAA;AAC/D,SAAO,kDAAkD,GAAG,8BAA8B,IAAI,aAAa,IAAI,uBAAuB,WAAW,KAAK,CAAC;AACzJ;AAMA,MAAM,wBACJ,CAAC,OAAwB,QAAkB,gBAAwB,CAAC,WAAoB;AACtF,QAAM,QAAS,MAAM,QAAQ,MAAM,IAAI,OAAO,CAAC,IAAI;AAGnD,QAAM,QAAQ,+BAAO;AACrB,MAAI,SAAS,QAAQ,SAAS,MAAM,WAAW,OAAQ,QAAO;AAE9D,QAAM,QAAQ,CAAC,WAAW,MAAM,WAAW,KAAK,CAAC,CAAC;AAClD,QAAM,OAAO,QAAQ,CAAC,GAAG,MAAM;AAC7B,UAAM,QAAQ,EAAE,OAAO,KAAK;AAC5B,UAAM,OAAO,SAAS,OAAO,WAAW,WAAW,IAAI,OAAO,KAAK;AACnE,UAAM,KAAK,GAAG,UAAU,OAAO,CAAC,CAAC,CAAC,GAAG,WAAW,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE;AAAA,EACpE,CAAC;AAED,SAAO,MAAM,KAAK,OAAO;AAC3B;AAEF,MAAM,YAAY,CAAC,WAAmC;AACpD,QAAM,QAAQ,QAAQ,OAAO,UAAU;AACvC,SAAO;AAAA,IACL,MAAM,YAAY,QAAQ,SAAS,CAAC,OAAO,aAAa,YAAY,eAAe;AAAA,IACnF,OAAO,YAAY;AAAA,IACnB,KAAK,YAAY;AAAA;AAAA,IAEjB,QACE,YAAY,QACX,SAAS,OAAO,aAAa,YAAY,eAAe,MACxD,OAAO,aAAa,IAAI,YAAY;AAAA,IACvC,cAAc;AAAA,EAAA;AAElB;AAEO,MAAM,wBAAwB,CAAC,OAAwB,WAAmC;AAC/F,QAAM,SAAS,MAAM,OAAO,IAAI,CAAC,GAAG,MAAM,SAAS,EAAE,MAAM,GAAG,OAAO,YAAY,CAAC;AAElF,QAAM,eAAe;AAAA,IACnB,MAAM;AAAA,IACN,MAAM,MAAM;AAAA;AAAA,IAEZ,SAAS,OAAO;AAAA,EAAA;AAElB,QAAM,YAAY;AAAA,IAChB,MAAM;AAAA,IACN,MAAM,OAAO;AAAA,IACb,cAAc;AAAA,IACd,SAAS,OAAO,aAAa,cAAc,IAAI,cAAc;AAAA;AAAA,IAE7D,YAAY,OAAO,aAAa,IAAI;AAAA,IACpC,aAAa,OAAO,gBAAgB,IAAI;AAAA,EAAA;AAG1C,SAAO;AAAA,IACL,SAAS;AAAA,MACP,SAAS;AAAA,MACT,aAAa,EAAE,MAAM,SAAA;AAAA,MACrB,WAAW,sBAAsB,OAAO,QAAQ,OAAO,WAAW;AAAA,IAAA;AAAA,IAEpE,QAAQ,EAAE,MAAM,CAAC,OAAO,YAAY,QAAQ,GAAG,MAAM,SAAA;AAAA,IACrD,MAAM,UAAU,MAAM;AAAA,IACtB,OAAO,OAAO,aAAa,YAAY;AAAA,IACvC,OAAO,OAAO,aAAa,eAAe;AAAA,IAC1C,QAAQ,MAAM,OAAO,IAAI,CAAC,GAAG,OAAO;AAAA,MAClC,MAAM,EAAE;AAAA,MACR,MAAM;AAAA,MACN,MAAM,EAAE;AAAA,MACR,cAAcA,UAAAA,YAAY;AAAA,MAC1B,WAAW,EAAE,OAAO,OAAO,CAAC,EAAA;AAAA,MAC5B,UAAU,EAAE,OAAO,SAAA;AAAA,IAAkB,EACrC;AAAA,EAAA;AAEN;;"}