@ktnpm_devops/react-component 0.12.1 → 0.13.0

package/dist/index9.js

@@ -1,49 +1,85 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useId } from "react";
-import { clsx } from "./index55.js";
-import styles from "./index72.js";
-const Accordion = forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: clsx(styles.root, className), ...props, children })
-);
-Accordion.displayName = "Accordion";
-const AccordionItem = forwardRef(
-  ({ header, open, onToggle, className, children, ...props }, ref) => {
-    const bodyId = useId();
-    return /* @__PURE__ */ jsxs("div", { ref, className: clsx(styles.item, open && styles.isOpen, className), ...props, children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          className: styles.head,
-          "aria-expanded": open,
-          "aria-controls": bodyId,
-          onClick: onToggle,
-          children: [
-            /* @__PURE__ */ jsx("span", { className: styles.headContent, children: header }),
-            /* @__PURE__ */ jsx(
-              "svg",
-              {
-                className: styles.chev,
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                "aria-hidden": "true",
-                children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" })
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { id: bodyId, className: styles.body, role: "region", hidden: !open, children })
-    ] });
+const ensureString = (value) => value === null || value === void 0 ? "" : String(value);
+const toStringTable = (table) => table.map((row) => row.map((cell) => ensureString(cell)));
+const sanitizeFilename = (value) => {
+  const normalized = value.normalize().replace(/[^\p{L}\p{N}]+/gu, "-").replace(/^-+|-+$/g, "").toLowerCase();
+  return normalized || "export";
+};
+const buildCsv = (table) => {
+  const rows = toStringTable(table);
+  return rows.map(
+    (row) => row.map((cell) => {
+      const escaped = cell.replace(/"/g, '""');
+      return /[",\n]/.test(escaped) ? `"${escaped}"` : escaped;
+    }).join(",")
+  ).join("\r\n");
+};
+const triggerDownload = (blob, filename) => {
+  const link = document.createElement("a");
+  const url = URL.createObjectURL(blob);
+  link.href = url;
+  link.download = filename;
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  URL.revokeObjectURL(url);
+};
+const exportTableToCsv = (table, filename) => {
+  if (table.length === 0) return;
+  const csv = buildCsv(table);
+  const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
+  const finalName = filename.endsWith(".csv") ? filename : `${filename}.csv`;
+  triggerDownload(blob, finalName);
+};
+const getChartPngDataUrl = (chart) => chart.getDataURL({ type: "png", pixelRatio: 2, backgroundColor: "#ffffff" });
+const downloadImageDataUrl = (dataUrl, filename) => {
+  const link = document.createElement("a");
+  link.href = dataUrl;
+  link.download = filename;
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+};
+const buildTableHtml = (table) => {
+  const rows = toStringTable(table);
+  if (rows.length === 0) return "";
+  const [header, ...body] = rows;
+  const thead = `<thead><tr>${header.map((c) => `<th>${c}</th>`).join("")}</tr></thead>`;
+  const tbody = body.map((r) => `<tr>${r.map((c) => `<td>${c}</td>`).join("")}</tr>`).join("");
+  return `<table>${thead}<tbody>${tbody}</tbody></table>`;
+};
+const openPrintWindowWithChart = (title, chartDataUrl, table) => {
+  const win = window.open("", "_blank");
+  if (!win) return;
+  const tableHtml = buildTableHtml(table);
+  win.document.write("<!DOCTYPE html>");
+  win.document.write(`<html><head><title>${title}</title>`);
+  win.document.write(
+    "<style>body{font-family:Arial,Helvetica,sans-serif;padding:24px;color:#1f2937;}h1{font-size:20px;margin-bottom:16px;}img{max-width:100%;height:auto;margin-bottom:16px;border:1px solid #e5e7eb;border-radius:12px;}table{border-collapse:collapse;width:100%;}th,td{border:1px solid #d1d5db;padding:8px;text-align:left;font-size:12px;}th{background:#f3f4f6;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;}</style>"
+  );
+  win.document.write("</head><body>");
+  win.document.write(`<h1>${title}</h1>`);
+  win.document.write(`<img src="${chartDataUrl}" alt="${title}" />`);
+  win.document.write(tableHtml);
+  win.document.write("</body></html>");
+  win.document.close();
+  win.focus();
+  setTimeout(() => win.print(), 300);
+};
+const composeFilename = (title, suffix) => {
+  const base = sanitizeFilename(title);
+  if (suffix && suffix.trim().length > 0) {
+    const suffixSanitized = sanitizeFilename(suffix);
+    return `${base}-${suffixSanitized}`;
   }
-);
-AccordionItem.displayName = "AccordionItem";
+  return base;
+};
 export {
-  Accordion,
-  AccordionItem
+  composeFilename,
+  downloadImageDataUrl,
+  exportTableToCsv,
+  getChartPngDataUrl,
+  openPrintWindowWithChart,
+  sanitizeFilename,
+  toStringTable
 };
 //# sourceMappingURL=index9.js.map

package/dist/index9.js.map

@@ -1 +1 @@
-{"version":3,"file":"index9.js","sources":["../src/composites/Accordion/Accordion.tsx"],"sourcesContent":["import { forwardRef, useId } from 'react';\nimport clsx from 'clsx';\nimport type { AccordionItemProps, AccordionProps } from './Accordion.types';\nimport styles from './Accordion.module.css';\n\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  ({ className, children, ...props }, ref) => (\n    <div ref={ref} className={clsx(styles.root, className)} {...props}>\n      {children}\n    </div>\n  ),\n);\n\nAccordion.displayName = 'Accordion';\n\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(\n  ({ header, open, onToggle, className, children, ...props }, ref) => {\n    const bodyId = useId();\n    return (\n      <div ref={ref} className={clsx(styles.item, open && styles.isOpen, className)} {...props}>\n        <button\n          type=\"button\"\n          className={styles.head}\n          aria-expanded={open}\n          aria-controls={bodyId}\n          onClick={onToggle}\n        >\n          <span className={styles.headContent}>{header}</span>\n          <svg\n            className={styles.chev}\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </button>\n        <div id={bodyId} className={styles.body} role=\"region\" hidden={!open}>\n          {children}\n        </div>\n      </div>\n    );\n  },\n);\n\nAccordionItem.displayName = 'AccordionItem';\n"],"names":[],"mappings":";;;;AAKO,MAAM,YAAY;AAAA,EACvB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAA,GAAS,QAClC,oBAAC,SAAI,KAAU,WAAW,KAAK,OAAO,MAAM,SAAS,GAAI,GAAG,OACzD,SAAA,CACH;AAEJ;AAEA,UAAU,cAAc;AAEjB,MAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,QAAQ,MAAM,UAAU,WAAW,UAAU,GAAG,MAAA,GAAS,QAAQ;AAClE,UAAM,SAAS,MAAA;AACf,WACE,qBAAC,OAAA,EAAI,KAAU,WAAW,KAAK,OAAO,MAAM,QAAQ,OAAO,QAAQ,SAAS,GAAI,GAAG,OACjF,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW,OAAO;AAAA,UAClB,iBAAe;AAAA,UACf,iBAAe;AAAA,UACf,SAAS;AAAA,UAET,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAK,WAAW,OAAO,aAAc,UAAA,QAAO;AAAA,YAC7C;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,OAAO;AAAA,gBAClB,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,QAAO;AAAA,gBACP,aAAY;AAAA,gBACZ,eAAc;AAAA,gBACd,gBAAe;AAAA,gBACf,eAAY;AAAA,gBAEZ,UAAA,oBAAC,YAAA,EAAS,QAAO,iBAAA,CAAiB;AAAA,cAAA;AAAA,YAAA;AAAA,UACpC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,oBAAC,OAAA,EAAI,IAAI,QAAQ,WAAW,OAAO,MAAM,MAAK,UAAS,QAAQ,CAAC,MAC7D,SAAA,CACH;AAAA,IAAA,GACF;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;"}
+{"version":3,"file":"index9.js","sources":["../src/utils/chartExport.ts"],"sourcesContent":["export type TableData = Array<Array<string | number>>;\n\nconst ensureString = (value: string | number): string =>\n  value === null || value === undefined ? '' : String(value);\n\nexport const toStringTable = (table: TableData): string[][] =>\n  table.map((row) => row.map((cell) => ensureString(cell)));\n\nexport const sanitizeFilename = (value: string): string => {\n  const normalized = value\n    .normalize()\n    .replace(/[^\\p{L}\\p{N}]+/gu, '-')\n    .replace(/^-+|-+$/g, '')\n    .toLowerCase();\n  return normalized || 'export';\n};\n\nconst buildCsv = (table: TableData): string => {\n  const rows = toStringTable(table);\n  return rows\n    .map((row) =>\n      row\n        .map((cell) => {\n          const escaped = cell.replace(/\"/g, '\"\"');\n          return /[\",\\n]/.test(escaped) ? `\"${escaped}\"` : escaped;\n        })\n        .join(','),\n    )\n    .join('\\r\\n');\n};\n\nconst triggerDownload = (blob: Blob, filename: string) => {\n  const link = document.createElement('a');\n  const url = URL.createObjectURL(blob);\n  link.href = url;\n  link.download = filename;\n  document.body.appendChild(link);\n  link.click();\n  document.body.removeChild(link);\n  URL.revokeObjectURL(url);\n};\n\nexport const exportTableToCsv = (table: TableData, filename: string) => {\n  if (table.length === 0) return;\n  const csv = buildCsv(table);\n  const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });\n  const finalName = filename.endsWith('.csv') ? filename : `${filename}.csv`;\n  triggerDownload(blob, finalName);\n};\n\nexport const getChartPngDataUrl = (chart: { getDataURL: (opts: Record<string, unknown>) => string }): string =>\n  chart.getDataURL({ type: 'png', pixelRatio: 2, backgroundColor: '#ffffff' });\n\nexport const downloadImageDataUrl = (dataUrl: string, filename: string) => {\n  const link = document.createElement('a');\n  link.href = dataUrl;\n  link.download = filename;\n  document.body.appendChild(link);\n  link.click();\n  document.body.removeChild(link);\n};\n\nconst buildTableHtml = (table: TableData): string => {\n  const rows = toStringTable(table);\n  if (rows.length === 0) return '';\n  const [header, ...body] = rows;\n  const thead = `<thead><tr>${header.map((c) => `<th>${c}</th>`).join('')}</tr></thead>`;\n  const tbody = body.map((r) => `<tr>${r.map((c) => `<td>${c}</td>`).join('')}</tr>`).join('');\n  return `<table>${thead}<tbody>${tbody}</tbody></table>`;\n};\n\nexport const openPrintWindowWithChart = (title: string, chartDataUrl: string, table: TableData) => {\n  const win = window.open('', '_blank');\n  if (!win) return;\n  const tableHtml = buildTableHtml(table);\n  win.document.write('<!DOCTYPE html>');\n  win.document.write(`<html><head><title>${title}</title>`);\n  win.document.write(\n    '<style>body{font-family:Arial,Helvetica,sans-serif;padding:24px;color:#1f2937;}h1{font-size:20px;margin-bottom:16px;}img{max-width:100%;height:auto;margin-bottom:16px;border:1px solid #e5e7eb;border-radius:12px;}table{border-collapse:collapse;width:100%;}th,td{border:1px solid #d1d5db;padding:8px;text-align:left;font-size:12px;}th{background:#f3f4f6;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;}</style>',\n  );\n  win.document.write('</head><body>');\n  win.document.write(`<h1>${title}</h1>`);\n  win.document.write(`<img src=\"${chartDataUrl}\" alt=\"${title}\" />`);\n  win.document.write(tableHtml);\n  win.document.write('</body></html>');\n  win.document.close();\n  win.focus();\n  setTimeout(() => win.print(), 300);\n};\n\nexport const composeFilename = (title: string, suffix?: string) => {\n  const base = sanitizeFilename(title);\n  if (suffix && suffix.trim().length > 0) {\n    const suffixSanitized = sanitizeFilename(suffix);\n    return suffixSanitized ? `${base}-${suffixSanitized}` : base;\n  }\n  return base;\n};\n"],"names":[],"mappings":"AAEA,MAAM,eAAe,CAAC,UACpB,UAAU,QAAQ,UAAU,SAAY,KAAK,OAAO,KAAK;AAEpD,MAAM,gBAAgB,CAAC,UAC5B,MAAM,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,aAAa,IAAI,CAAC,CAAC;AAEnD,MAAM,mBAAmB,CAAC,UAA0B;AACzD,QAAM,aAAa,MAChB,UAAA,EACA,QAAQ,oBAAoB,GAAG,EAC/B,QAAQ,YAAY,EAAE,EACtB,YAAA;AACH,SAAO,cAAc;AACvB;AAEA,MAAM,WAAW,CAAC,UAA6B;AAC7C,QAAM,OAAO,cAAc,KAAK;AAChC,SAAO,KACJ;AAAA,IAAI,CAAC,QACJ,IACG,IAAI,CAAC,SAAS;AACb,YAAM,UAAU,KAAK,QAAQ,MAAM,IAAI;AACvC,aAAO,SAAS,KAAK,OAAO,IAAI,IAAI,OAAO,MAAM;AAAA,IACnD,CAAC,EACA,KAAK,GAAG;AAAA,EAAA,EAEZ,KAAK,MAAM;AAChB;AAEA,MAAM,kBAAkB,CAAC,MAAY,aAAqB;AACxD,QAAM,OAAO,SAAS,cAAc,GAAG;AACvC,QAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,OAAK,OAAO;AACZ,OAAK,WAAW;AAChB,WAAS,KAAK,YAAY,IAAI;AAC9B,OAAK,MAAA;AACL,WAAS,KAAK,YAAY,IAAI;AAC9B,MAAI,gBAAgB,GAAG;AACzB;AAEO,MAAM,mBAAmB,CAAC,OAAkB,aAAqB;AACtE,MAAI,MAAM,WAAW,EAAG;AACxB,QAAM,MAAM,SAAS,KAAK;AAC1B,QAAM,OAAO,IAAI,KAAK,CAAC,GAAG,GAAG,EAAE,MAAM,2BAA2B;AAChE,QAAM,YAAY,SAAS,SAAS,MAAM,IAAI,WAAW,GAAG,QAAQ;AACpE,kBAAgB,MAAM,SAAS;AACjC;AAEO,MAAM,qBAAqB,CAAC,UACjC,MAAM,WAAW,EAAE,MAAM,OAAO,YAAY,GAAG,iBAAiB,UAAA,CAAW;AAEtE,MAAM,uBAAuB,CAAC,SAAiB,aAAqB;AACzE,QAAM,OAAO,SAAS,cAAc,GAAG;AACvC,OAAK,OAAO;AACZ,OAAK,WAAW;AAChB,WAAS,KAAK,YAAY,IAAI;AAC9B,OAAK,MAAA;AACL,WAAS,KAAK,YAAY,IAAI;AAChC;AAEA,MAAM,iBAAiB,CAAC,UAA6B;AACnD,QAAM,OAAO,cAAc,KAAK;AAChC,MAAI,KAAK,WAAW,EAAG,QAAO;AAC9B,QAAM,CAAC,QAAQ,GAAG,IAAI,IAAI;AAC1B,QAAM,QAAQ,cAAc,OAAO,IAAI,CAAC,MAAM,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;AACvE,QAAM,QAAQ,KAAK,IAAI,CAAC,MAAM,OAAO,EAAE,IAAI,CAAC,MAAM,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE;AAC3F,SAAO,UAAU,KAAK,UAAU,KAAK;AACvC;AAEO,MAAM,2BAA2B,CAAC,OAAe,cAAsB,UAAqB;AACjG,QAAM,MAAM,OAAO,KAAK,IAAI,QAAQ;AACpC,MAAI,CAAC,IAAK;AACV,QAAM,YAAY,eAAe,KAAK;AACtC,MAAI,SAAS,MAAM,iBAAiB;AACpC,MAAI,SAAS,MAAM,sBAAsB,KAAK,UAAU;AACxD,MAAI,SAAS;AAAA,IACX;AAAA,EAAA;AAEF,MAAI,SAAS,MAAM,eAAe;AAClC,MAAI,SAAS,MAAM,OAAO,KAAK,OAAO;AACtC,MAAI,SAAS,MAAM,aAAa,YAAY,UAAU,KAAK,MAAM;AACjE,MAAI,SAAS,MAAM,SAAS;AAC5B,MAAI,SAAS,MAAM,gBAAgB;AACnC,MAAI,SAAS,MAAA;AACb,MAAI,MAAA;AACJ,aAAW,MAAM,IAAI,MAAA,GAAS,GAAG;AACnC;AAEO,MAAM,kBAAkB,CAAC,OAAe,WAAoB;AACjE,QAAM,OAAO,iBAAiB,KAAK;AACnC,MAAI,UAAU,OAAO,KAAA,EAAO,SAAS,GAAG;AACtC,UAAM,kBAAkB,iBAAiB,MAAM;AAC/C,WAAyB,GAAG,IAAI,IAAI,eAAe;AAAA,EACrD;AACA,SAAO;AACT;"}

package/dist/index90.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const constants = require("./index59.cjs");
+const constants = require("./index67.cjs");
 function groupByCategory(data, limit, order = "total") {
   const grouped = /* @__PURE__ */ new Map();
   for (const point of data) {

package/dist/index90.js

@@ -1,4 +1,4 @@
-import { CHART_COLORS } from "./index59.js";
+import { CHART_COLORS } from "./index67.js";
 function groupByCategory(data, limit, order = "total") {
   const grouped = /* @__PURE__ */ new Map();
   for (const point of data) {

package/dist/index92.cjs

@@ -1,42 +1,42 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-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 root = "krc-root-7cxYt";
+const chip = "krc-chip-tgAQw";
+const active = "krc-active-hboGd";
+const summary = "krc-summary-E-FXy";
+const popover = "krc-popover-IJFWK";
+const popoverHeader = "krc-popoverHeader-mdeD8";
+const fields = "krc-fields-h5R5w";
+const field = "krc-field-u9yvp";
+const error = "krc-error-jsFkv";
+const actions = "krc-actions-prbFX";
+const btnGhost = "krc-btnGhost-x8cbA";
+const btnPrimary = "krc-btnPrimary-T0w2q";
 const styles = {
   root,
-  header,
-  body,
-  footer,
-  toggle,
-  section,
-  sectionTitle,
-  sectionToggle,
-  sectionChevron,
-  sectionChevronOpen,
-  sectionItems,
-  collapsed
+  chip,
+  active,
+  summary,
+  popover,
+  popoverHeader,
+  fields,
+  field,
+  error,
+  actions,
+  btnGhost,
+  btnPrimary
 };
-exports.body = body;
-exports.collapsed = collapsed;
+exports.actions = actions;
+exports.active = active;
+exports.btnGhost = btnGhost;
+exports.btnPrimary = btnPrimary;
+exports.chip = chip;
 exports.default = styles;
-exports.footer = footer;
-exports.header = header;
+exports.error = error;
+exports.field = field;
+exports.fields = fields;
+exports.popover = popover;
+exports.popoverHeader = popoverHeader;
 exports.root = root;
-exports.section = section;
-exports.sectionChevron = sectionChevron;
-exports.sectionChevronOpen = sectionChevronOpen;
-exports.sectionItems = sectionItems;
-exports.sectionTitle = sectionTitle;
-exports.sectionToggle = sectionToggle;
-exports.toggle = toggle;
+exports.summary = summary;
 //# sourceMappingURL=index92.cjs.map

package/dist/index92.js

@@ -1,42 +1,42 @@
-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 root = "krc-root-7cxYt";
+const chip = "krc-chip-tgAQw";
+const active = "krc-active-hboGd";
+const summary = "krc-summary-E-FXy";
+const popover = "krc-popover-IJFWK";
+const popoverHeader = "krc-popoverHeader-mdeD8";
+const fields = "krc-fields-h5R5w";
+const field = "krc-field-u9yvp";
+const error = "krc-error-jsFkv";
+const actions = "krc-actions-prbFX";
+const btnGhost = "krc-btnGhost-x8cbA";
+const btnPrimary = "krc-btnPrimary-T0w2q";
 const styles = {
   root,
-  header,
-  body,
-  footer,
-  toggle,
-  section,
-  sectionTitle,
-  sectionToggle,
-  sectionChevron,
-  sectionChevronOpen,
-  sectionItems,
-  collapsed
+  chip,
+  active,
+  summary,
+  popover,
+  popoverHeader,
+  fields,
+  field,
+  error,
+  actions,
+  btnGhost,
+  btnPrimary
 };
 export {
-  body,
-  collapsed,
+  actions,
+  active,
+  btnGhost,
+  btnPrimary,
+  chip,
   styles as default,
-  footer,
-  header,
+  error,
+  field,
+  fields,
+  popover,
+  popoverHeader,
   root,
-  section,
-  sectionChevron,
-  sectionChevronOpen,
-  sectionItems,
-  sectionTitle,
-  sectionToggle,
-  toggle
+  summary
 };
 //# sourceMappingURL=index92.js.map

package/dist/index93.cjs

@@ -1,36 +1,136 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-rUudF";
-const header = "krc-header-zjbPA";
-const title = "krc-title-ScYja";
-const timeRangeGroup = "krc-timeRangeGroup-FP1TP";
-const timeRangeButton = "krc-timeRangeButton-9XCxb";
-const timeRangeButtonActive = "krc-timeRangeButtonActive-Y-KCh";
-const chartContainer = "krc-chartContainer-6rb4Z";
-const loading = "krc-loading-EWhol";
-const error = "krc-error-erDaP";
-const empty = "krc-empty---cYi";
-const styles = {
-  root,
-  header,
-  title,
-  timeRangeGroup,
-  timeRangeButton,
-  timeRangeButtonActive,
-  chartContainer,
-  loading,
-  error,
-  empty
-};
-exports.chartContainer = chartContainer;
-exports.default = styles;
-exports.empty = empty;
-exports.error = error;
-exports.header = header;
-exports.loading = loading;
-exports.root = root;
-exports.timeRangeButton = timeRangeButton;
-exports.timeRangeButtonActive = timeRangeButtonActive;
-exports.timeRangeGroup = timeRangeGroup;
-exports.title = title;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const constants = require("./index67.cjs");
+function aggregateData(data, maxCats, maxSubs, showOthers) {
+  const categoryMap = /* @__PURE__ */ new Map();
+  for (const point of data) {
+    const cat = point.category ?? "Unknown";
+    const sub = point.subCategory ?? "Default";
+    if (!categoryMap.has(cat)) {
+      categoryMap.set(cat, /* @__PURE__ */ new Map());
+    }
+    const subMap = categoryMap.get(cat);
+    subMap.set(sub, (subMap.get(sub) ?? 0) + point.value);
+  }
+  const sortedCategories = [...categoryMap.entries()].map(([cat, subMap]) => {
+    let total = 0;
+    for (const v of subMap.values()) total += v;
+    return { cat, subMap, total };
+  }).sort((a, b) => b.total - a.total);
+  const topCategories = sortedCategories.slice(0, maxCats);
+  const overflowCategories = sortedCategories.slice(maxCats);
+  if (showOthers && overflowCategories.length > 0) {
+    const othersMap = /* @__PURE__ */ new Map();
+    for (const { subMap } of overflowCategories) {
+      for (const [sub, val] of subMap) {
+        othersMap.set(sub, (othersMap.get(sub) ?? 0) + val);
+      }
+    }
+    let othersTotal = 0;
+    for (const v of othersMap.values()) othersTotal += v;
+    topCategories.push({ cat: "Others", subMap: othersMap, total: othersTotal });
+  }
+  const allSubCategories = /* @__PURE__ */ new Set();
+  for (const { subMap } of topCategories) {
+    for (const sub of subMap.keys()) {
+      allSubCategories.add(sub);
+    }
+  }
+  const sortedSubs = [...allSubCategories];
+  const limitedSubs = sortedSubs.slice(0, maxSubs);
+  const hasOverflowSubs = sortedSubs.length > maxSubs;
+  const categories = topCategories.map((entry) => entry.cat);
+  const series = limitedSubs.map((sub) => ({
+    name: sub,
+    values: topCategories.map((entry) => entry.subMap.get(sub) ?? 0)
+  }));
+  if (hasOverflowSubs && showOthers) {
+    const overflowSubs = sortedSubs.slice(maxSubs);
+    series.push({
+      name: "Other subcategories",
+      values: topCategories.map((entry) => {
+        let sum = 0;
+        for (const sub of overflowSubs) {
+          sum += entry.subMap.get(sub) ?? 0;
+        }
+        return sum;
+      })
+    });
+  }
+  return { categories, series };
+}
+function buildBarOption(categories, series, invertAxis, hideLegend, enableScroll) {
+  const categoryAxis = { type: "category", data: categories };
+  const valueAxis = { type: "value" };
+  const dataZoom = enableScroll ? [{ type: "slider", show: true, ...invertAxis ? { yAxisIndex: 0 } : { xAxisIndex: 0 } }] : [];
+  return {
+    tooltip: { trigger: "axis", axisPointer: { type: "shadow" } },
+    legend: { show: !hideLegend, bottom: 0, type: "scroll" },
+    grid: { left: "3%", right: "4%", top: "3%", bottom: hideLegend ? "3%" : "12%", containLabel: true },
+    xAxis: invertAxis ? valueAxis : categoryAxis,
+    yAxis: invertAxis ? categoryAxis : valueAxis,
+    dataZoom,
+    series: series.map((s, i) => ({
+      name: s.name,
+      type: "bar",
+      stack: "total",
+      emphasis: { focus: "series" },
+      data: s.values,
+      itemStyle: { color: constants.CHART_COLORS[i % constants.CHART_COLORS.length] }
+    }))
+  };
+}
+function buildPieOption(categories, series, hideLegend) {
+  const pieData = categories.map((cat, catIdx) => {
+    let total = 0;
+    for (const s of series) {
+      total += s.values[catIdx] ?? 0;
+    }
+    return { name: cat, value: total };
+  });
+  return {
+    tooltip: { trigger: "item" },
+    legend: { show: !hideLegend, bottom: 0, type: "scroll" },
+    series: [
+      {
+        type: "pie",
+        radius: ["30%", "65%"],
+        center: ["50%", "45%"],
+        data: pieData.map((d, i) => ({
+          ...d,
+          itemStyle: { color: constants.CHART_COLORS[i % constants.CHART_COLORS.length] }
+        })),
+        emphasis: { itemStyle: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: "rgba(0,0,0,0.3)" } },
+        label: { show: true, formatter: "{b}: {d}%" }
+      }
+    ]
+  };
+}
+function buildSunburstOption(categories, series) {
+  const sunburstData = categories.map((cat, catIdx) => {
+    const children = series.map((s, sIdx) => ({
+      name: s.name,
+      value: s.values[catIdx] ?? 0,
+      itemStyle: { color: constants.CHART_COLORS[(catIdx * series.length + sIdx) % constants.CHART_COLORS.length] }
+    })).filter((child) => child.value > 0);
+    return { name: cat, children };
+  });
+  return {
+    tooltip: { trigger: "item" },
+    series: [
+      {
+        type: "sunburst",
+        data: sunburstData,
+        radius: ["15%", "80%"],
+        label: { rotate: "radial", fontSize: 10 },
+        itemStyle: { borderRadius: 4, borderWidth: 1 },
+        emphasis: { focus: "ancestor" }
+      }
+    ]
+  };
+}
+exports.aggregateData = aggregateData;
+exports.buildBarOption = buildBarOption;
+exports.buildPieOption = buildPieOption;
+exports.buildSunburstOption = buildSunburstOption;
 //# sourceMappingURL=index93.cjs.map

package/dist/index93.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index93.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index93.cjs","sources":["../src/charts/StackedBarChartCard/buildChartOptions.ts"],"sourcesContent":["import type { ChartSeriesPoint } from '../../types/chart.types';\nimport { CHART_COLORS } from '../../constants';\n\n/** Aggregated series data for chart rendering. */\nexport interface AggregatedChartData {\n  categories: string[];\n  series: { name: string; values: number[] }[];\n}\n\n/** Aggregate data points by category and subCategory, applying limits. */\nexport function aggregateData(\n  data: ChartSeriesPoint[],\n  maxCats: number,\n  maxSubs: number,\n  showOthers: boolean,\n): AggregatedChartData {\n  const categoryMap = new Map<string, Map<string, number>>();\n\n  for (const point of data) {\n    const cat = point.category ?? 'Unknown';\n    const sub = point.subCategory ?? 'Default';\n    if (!categoryMap.has(cat)) {\n      categoryMap.set(cat, new Map());\n    }\n    const subMap = categoryMap.get(cat)!;\n    subMap.set(sub, (subMap.get(sub) ?? 0) + point.value);\n  }\n\n  const sortedCategories = [...categoryMap.entries()]\n    .map(([cat, subMap]) => {\n      let total = 0;\n      for (const v of subMap.values()) total += v;\n      return { cat, subMap, total };\n    })\n    .sort((a, b) => b.total - a.total);\n\n  const topCategories = sortedCategories.slice(0, maxCats);\n  const overflowCategories = sortedCategories.slice(maxCats);\n\n  if (showOthers && overflowCategories.length > 0) {\n    const othersMap = new Map<string, number>();\n    for (const { subMap } of overflowCategories) {\n      for (const [sub, val] of subMap) {\n        othersMap.set(sub, (othersMap.get(sub) ?? 0) + val);\n      }\n    }\n    let othersTotal = 0;\n    for (const v of othersMap.values()) othersTotal += v;\n    topCategories.push({ cat: 'Others', subMap: othersMap, total: othersTotal });\n  }\n\n  const allSubCategories = new Set<string>();\n  for (const { subMap } of topCategories) {\n    for (const sub of subMap.keys()) {\n      allSubCategories.add(sub);\n    }\n  }\n\n  const sortedSubs = [...allSubCategories];\n  const limitedSubs = sortedSubs.slice(0, maxSubs);\n  const hasOverflowSubs = sortedSubs.length > maxSubs;\n\n  const categories = topCategories.map((entry) => entry.cat);\n\n  const series = limitedSubs.map((sub) => ({\n    name: sub,\n    values: topCategories.map((entry) => entry.subMap.get(sub) ?? 0),\n  }));\n\n  if (hasOverflowSubs && showOthers) {\n    const overflowSubs = sortedSubs.slice(maxSubs);\n    series.push({\n      name: 'Other subcategories',\n      values: topCategories.map((entry) => {\n        let sum = 0;\n        for (const sub of overflowSubs) {\n          sum += entry.subMap.get(sub) ?? 0;\n        }\n        return sum;\n      }),\n    });\n  }\n\n  return { categories, series };\n}\n\n/** Build ECharts option for stacked bar chart. */\nexport function buildBarOption(\n  categories: string[],\n  series: { name: string; values: number[] }[],\n  invertAxis: boolean,\n  hideLegend: boolean,\n  enableScroll: boolean,\n) {\n  const categoryAxis = { type: 'category' as const, data: categories };\n  const valueAxis = { type: 'value' as const };\n\n  const dataZoom = enableScroll\n    ? [{ type: 'slider' as const, show: true, ...(invertAxis ? { yAxisIndex: 0 } : { xAxisIndex: 0 }) }]\n    : [];\n\n  return {\n    tooltip: { trigger: 'axis' as const, axisPointer: { type: 'shadow' as const } },\n    legend: { show: !hideLegend, bottom: 0, type: 'scroll' as const },\n    grid: { left: '3%', right: '4%', top: '3%', bottom: hideLegend ? '3%' : '12%', containLabel: true },\n    xAxis: invertAxis ? valueAxis : categoryAxis,\n    yAxis: invertAxis ? categoryAxis : valueAxis,\n    dataZoom,\n    series: series.map((s, i) => ({\n      name: s.name,\n      type: 'bar' as const,\n      stack: 'total',\n      emphasis: { focus: 'series' as const },\n      data: s.values,\n      itemStyle: { color: CHART_COLORS[i % CHART_COLORS.length] },\n    })),\n  };\n}\n\n/** Build ECharts option for pie chart. */\nexport function buildPieOption(\n  categories: string[],\n  series: { name: string; values: number[] }[],\n  hideLegend: boolean,\n) {\n  const pieData = categories.map((cat, catIdx) => {\n    let total = 0;\n    for (const s of series) {\n      total += s.values[catIdx] ?? 0;\n    }\n    return { name: cat, value: total };\n  });\n\n  return {\n    tooltip: { trigger: 'item' as const },\n    legend: { show: !hideLegend, bottom: 0, type: 'scroll' as const },\n    series: [\n      {\n        type: 'pie' as const,\n        radius: ['30%', '65%'],\n        center: ['50%', '45%'],\n        data: pieData.map((d, i) => ({\n          ...d,\n          itemStyle: { color: CHART_COLORS[i % CHART_COLORS.length] },\n        })),\n        emphasis: { itemStyle: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0,0,0,0.3)' } },\n        label: { show: true, formatter: '{b}: {d}%' },\n      },\n    ],\n  };\n}\n\n/** Build ECharts option for sunburst chart. */\nexport function buildSunburstOption(\n  categories: string[],\n  series: { name: string; values: number[] }[],\n) {\n  const sunburstData = categories.map((cat, catIdx) => {\n    const children = series\n      .map((s, sIdx) => ({\n        name: s.name,\n        value: s.values[catIdx] ?? 0,\n        itemStyle: { color: CHART_COLORS[(catIdx * series.length + sIdx) % CHART_COLORS.length] },\n      }))\n      .filter((child) => child.value > 0);\n\n    return { name: cat, children };\n  });\n\n  return {\n    tooltip: { trigger: 'item' as const },\n    series: [\n      {\n        type: 'sunburst' as const,\n        data: sunburstData,\n        radius: ['15%', '80%'],\n        label: { rotate: 'radial' as const, fontSize: 10 },\n        itemStyle: { borderRadius: 4, borderWidth: 1 },\n        emphasis: { focus: 'ancestor' as const },\n      },\n    ],\n  };\n}\n"],"names":["CHART_COLORS"],"mappings":"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"}