@ktnpm_devops/react-component 0.8.0 → 0.9.0

package/dist/index85.js

@@ -1,21 +1,136 @@
-const root = "krc-root-WL0sD";
-const left = "krc-left-9KFDB";
-const right = "krc-right-YmUbX";
-const divider = "krc-divider-jNOSU";
-const dividerHandle = "krc-dividerHandle-SoNqx";
-const styles = {
-  root,
-  left,
-  right,
-  divider,
-  dividerHandle
-};
+import { CHART_COLORS } from "./index56.js";
+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: CHART_COLORS[i % 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: CHART_COLORS[i % 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: CHART_COLORS[(catIdx * series.length + sIdx) % 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" }
+      }
+    ]
+  };
+}
 export {
-  styles as default,
-  divider,
-  dividerHandle,
-  left,
-  right,
-  root
+  aggregateData,
+  buildBarOption,
+  buildPieOption,
+  buildSunburstOption
 };
 //# sourceMappingURL=index85.js.map

package/dist/index85.js.map

@@ -1 +1 @@
-{"version":3,"file":"index85.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"index85.js","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":[],"mappings":";AAUO,SAAS,cACd,MACA,SACA,SACA,YACqB;AACrB,QAAM,kCAAkB,IAAA;AAExB,aAAW,SAAS,MAAM;AACxB,UAAM,MAAM,MAAM,YAAY;AAC9B,UAAM,MAAM,MAAM,eAAe;AACjC,QAAI,CAAC,YAAY,IAAI,GAAG,GAAG;AACzB,kBAAY,IAAI,KAAK,oBAAI,IAAA,CAAK;AAAA,IAChC;AACA,UAAM,SAAS,YAAY,IAAI,GAAG;AAClC,WAAO,IAAI,MAAM,OAAO,IAAI,GAAG,KAAK,KAAK,MAAM,KAAK;AAAA,EACtD;AAEA,QAAM,mBAAmB,CAAC,GAAG,YAAY,QAAA,CAAS,EAC/C,IAAI,CAAC,CAAC,KAAK,MAAM,MAAM;AACtB,QAAI,QAAQ;AACZ,eAAW,KAAK,OAAO,OAAA,EAAU,UAAS;AAC1C,WAAO,EAAE,KAAK,QAAQ,MAAA;AAAA,EACxB,CAAC,EACA,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AAEnC,QAAM,gBAAgB,iBAAiB,MAAM,GAAG,OAAO;AACvD,QAAM,qBAAqB,iBAAiB,MAAM,OAAO;AAEzD,MAAI,cAAc,mBAAmB,SAAS,GAAG;AAC/C,UAAM,gCAAgB,IAAA;AACtB,eAAW,EAAE,OAAA,KAAY,oBAAoB;AAC3C,iBAAW,CAAC,KAAK,GAAG,KAAK,QAAQ;AAC/B,kBAAU,IAAI,MAAM,UAAU,IAAI,GAAG,KAAK,KAAK,GAAG;AAAA,MACpD;AAAA,IACF;AACA,QAAI,cAAc;AAClB,eAAW,KAAK,UAAU,OAAA,EAAU,gBAAe;AACnD,kBAAc,KAAK,EAAE,KAAK,UAAU,QAAQ,WAAW,OAAO,aAAa;AAAA,EAC7E;AAEA,QAAM,uCAAuB,IAAA;AAC7B,aAAW,EAAE,OAAA,KAAY,eAAe;AACtC,eAAW,OAAO,OAAO,QAAQ;AAC/B,uBAAiB,IAAI,GAAG;AAAA,IAC1B;AAAA,EACF;AAEA,QAAM,aAAa,CAAC,GAAG,gBAAgB;AACvC,QAAM,cAAc,WAAW,MAAM,GAAG,OAAO;AAC/C,QAAM,kBAAkB,WAAW,SAAS;AAE5C,QAAM,aAAa,cAAc,IAAI,CAAC,UAAU,MAAM,GAAG;AAEzD,QAAM,SAAS,YAAY,IAAI,CAAC,SAAS;AAAA,IACvC,MAAM;AAAA,IACN,QAAQ,cAAc,IAAI,CAAC,UAAU,MAAM,OAAO,IAAI,GAAG,KAAK,CAAC;AAAA,EAAA,EAC/D;AAEF,MAAI,mBAAmB,YAAY;AACjC,UAAM,eAAe,WAAW,MAAM,OAAO;AAC7C,WAAO,KAAK;AAAA,MACV,MAAM;AAAA,MACN,QAAQ,cAAc,IAAI,CAAC,UAAU;AACnC,YAAI,MAAM;AACV,mBAAW,OAAO,cAAc;AAC9B,iBAAO,MAAM,OAAO,IAAI,GAAG,KAAK;AAAA,QAClC;AACA,eAAO;AAAA,MACT,CAAC;AAAA,IAAA,CACF;AAAA,EACH;AAEA,SAAO,EAAE,YAAY,OAAA;AACvB;AAGO,SAAS,eACd,YACA,QACA,YACA,YACA,cACA;AACA,QAAM,eAAe,EAAE,MAAM,YAAqB,MAAM,WAAA;AACxD,QAAM,YAAY,EAAE,MAAM,QAAA;AAE1B,QAAM,WAAW,eACb,CAAC,EAAE,MAAM,UAAmB,MAAM,MAAM,GAAI,aAAa,EAAE,YAAY,MAAM,EAAE,YAAY,IAAE,CAAI,IACjG,CAAA;AAEJ,SAAO;AAAA,IACL,SAAS,EAAE,SAAS,QAAiB,aAAa,EAAE,MAAM,WAAkB;AAAA,IAC5E,QAAQ,EAAE,MAAM,CAAC,YAAY,QAAQ,GAAG,MAAM,SAAA;AAAA,IAC9C,MAAM,EAAE,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,QAAQ,aAAa,OAAO,OAAO,cAAc,KAAA;AAAA,IAC7F,OAAO,aAAa,YAAY;AAAA,IAChC,OAAO,aAAa,eAAe;AAAA,IACnC;AAAA,IACA,QAAQ,OAAO,IAAI,CAAC,GAAG,OAAO;AAAA,MAC5B,MAAM,EAAE;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU,EAAE,OAAO,SAAA;AAAA,MACnB,MAAM,EAAE;AAAA,MACR,WAAW,EAAE,OAAO,aAAa,IAAI,aAAa,MAAM,EAAA;AAAA,IAAE,EAC1D;AAAA,EAAA;AAEN;AAGO,SAAS,eACd,YACA,QACA,YACA;AACA,QAAM,UAAU,WAAW,IAAI,CAAC,KAAK,WAAW;AAC9C,QAAI,QAAQ;AACZ,eAAW,KAAK,QAAQ;AACtB,eAAS,EAAE,OAAO,MAAM,KAAK;AAAA,IAC/B;AACA,WAAO,EAAE,MAAM,KAAK,OAAO,MAAA;AAAA,EAC7B,CAAC;AAED,SAAO;AAAA,IACL,SAAS,EAAE,SAAS,OAAA;AAAA,IACpB,QAAQ,EAAE,MAAM,CAAC,YAAY,QAAQ,GAAG,MAAM,SAAA;AAAA,IAC9C,QAAQ;AAAA,MACN;AAAA,QACE,MAAM;AAAA,QACN,QAAQ,CAAC,OAAO,KAAK;AAAA,QACrB,QAAQ,CAAC,OAAO,KAAK;AAAA,QACrB,MAAM,QAAQ,IAAI,CAAC,GAAG,OAAO;AAAA,UAC3B,GAAG;AAAA,UACH,WAAW,EAAE,OAAO,aAAa,IAAI,aAAa,MAAM,EAAA;AAAA,QAAE,EAC1D;AAAA,QACF,UAAU,EAAE,WAAW,EAAE,YAAY,IAAI,eAAe,GAAG,aAAa,oBAAkB;AAAA,QAC1F,OAAO,EAAE,MAAM,MAAM,WAAW,YAAA;AAAA,MAAY;AAAA,IAC9C;AAAA,EACF;AAEJ;AAGO,SAAS,oBACd,YACA,QACA;AACA,QAAM,eAAe,WAAW,IAAI,CAAC,KAAK,WAAW;AACnD,UAAM,WAAW,OACd,IAAI,CAAC,GAAG,UAAU;AAAA,MACjB,MAAM,EAAE;AAAA,MACR,OAAO,EAAE,OAAO,MAAM,KAAK;AAAA,MAC3B,WAAW,EAAE,OAAO,cAAc,SAAS,OAAO,SAAS,QAAQ,aAAa,MAAM,EAAA;AAAA,IAAE,EACxF,EACD,OAAO,CAAC,UAAU,MAAM,QAAQ,CAAC;AAEpC,WAAO,EAAE,MAAM,KAAK,SAAA;AAAA,EACtB,CAAC;AAED,SAAO;AAAA,IACL,SAAS,EAAE,SAAS,OAAA;AAAA,IACpB,QAAQ;AAAA,MACN;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ,CAAC,OAAO,KAAK;AAAA,QACrB,OAAO,EAAE,QAAQ,UAAmB,UAAU,GAAA;AAAA,QAC9C,WAAW,EAAE,cAAc,GAAG,aAAa,EAAA;AAAA,QAC3C,UAAU,EAAE,OAAO,WAAA;AAAA,MAAoB;AAAA,IACzC;AAAA,EACF;AAEJ;"}

package/dist/index86.cjs

@@ -1,42 +1,48 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-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 root = "krc-root-U8B4Y";
+const header = "krc-header-dy6xQ";
+const headerLeft = "krc-headerLeft-80jJu";
+const title = "krc-title--e-Ci";
+const subtitle = "krc-subtitle-63ixC";
+const headerRight = "krc-headerRight-3Vuls";
+const toolbar = "krc-toolbar-h6ALf";
+const chartTypeToggle = "krc-chartTypeToggle-6DRWb";
+const active = "krc-active-Un9q0";
+const chartContainer = "krc-chartContainer-2Oz2N";
+const loading = "krc-loading-hTkxl";
+const error = "krc-error--F7yO";
+const retryButton = "krc-retryButton-w0SS7";
+const empty = "krc-empty-HWTS-";
 const styles = {
   root,
-  chip,
+  header,
+  headerLeft,
+  title,
+  subtitle,
+  headerRight,
+  toolbar,
+  chartTypeToggle,
   active,
-  summary,
-  popover,
-  popoverHeader,
-  fields,
-  field,
+  chartContainer,
+  loading,
   error,
-  actions,
-  btnGhost,
-  btnPrimary
+  retryButton,
+  empty
 };
-exports.actions = actions;
 exports.active = active;
-exports.btnGhost = btnGhost;
-exports.btnPrimary = btnPrimary;
-exports.chip = chip;
+exports.chartContainer = chartContainer;
+exports.chartTypeToggle = chartTypeToggle;
 exports.default = styles;
+exports.empty = empty;
 exports.error = error;
-exports.field = field;
-exports.fields = fields;
-exports.popover = popover;
-exports.popoverHeader = popoverHeader;
+exports.header = header;
+exports.headerLeft = headerLeft;
+exports.headerRight = headerRight;
+exports.loading = loading;
+exports.retryButton = retryButton;
 exports.root = root;
-exports.summary = summary;
+exports.subtitle = subtitle;
+exports.title = title;
+exports.toolbar = toolbar;
 //# sourceMappingURL=index86.cjs.map

package/dist/index86.cjs.map

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

package/dist/index86.js

@@ -1,42 +1,48 @@
-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 root = "krc-root-U8B4Y";
+const header = "krc-header-dy6xQ";
+const headerLeft = "krc-headerLeft-80jJu";
+const title = "krc-title--e-Ci";
+const subtitle = "krc-subtitle-63ixC";
+const headerRight = "krc-headerRight-3Vuls";
+const toolbar = "krc-toolbar-h6ALf";
+const chartTypeToggle = "krc-chartTypeToggle-6DRWb";
+const active = "krc-active-Un9q0";
+const chartContainer = "krc-chartContainer-2Oz2N";
+const loading = "krc-loading-hTkxl";
+const error = "krc-error--F7yO";
+const retryButton = "krc-retryButton-w0SS7";
+const empty = "krc-empty-HWTS-";
 const styles = {
   root,
-  chip,
+  header,
+  headerLeft,
+  title,
+  subtitle,
+  headerRight,
+  toolbar,
+  chartTypeToggle,
   active,
-  summary,
-  popover,
-  popoverHeader,
-  fields,
-  field,
+  chartContainer,
+  loading,
   error,
-  actions,
-  btnGhost,
-  btnPrimary
+  retryButton,
+  empty
 };
 export {
-  actions,
   active,
-  btnGhost,
-  btnPrimary,
-  chip,
+  chartContainer,
+  chartTypeToggle,
   styles as default,
+  empty,
   error,
-  field,
-  fields,
-  popover,
-  popoverHeader,
+  header,
+  headerLeft,
+  headerRight,
+  loading,
+  retryButton,
   root,
-  summary
+  subtitle,
+  title,
+  toolbar
 };
 //# sourceMappingURL=index86.js.map

package/dist/index86.js.map

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

package/dist/index87.cjs

@@ -1,87 +1,45 @@
 "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 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 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
+  title,
+  headerRight,
+  toolbar,
+  select,
+  legendToggle,
+  legendToggleActive,
+  chartContainer,
+  loading,
+  error,
+  retryButton,
+  empty
 };
-exports.active = active;
-exports.badge = badge;
-exports.chevron = chevron;
-exports.chip = chip;
-exports.chipGhost = chipGhost;
-exports.clear = clear;
-exports.create = create;
+exports.chartContainer = chartContainer;
 exports.default = styles;
-exports.footer = footer;
-exports.footerActions = footerActions;
+exports.empty = empty;
+exports.error = error;
 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.headerRight = headerRight;
+exports.legendToggle = legendToggle;
+exports.legendToggleActive = legendToggleActive;
+exports.loading = loading;
+exports.retryButton = retryButton;
 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;
+exports.select = select;
+exports.title = title;
+exports.toolbar = toolbar;
 //# sourceMappingURL=index87.cjs.map

package/dist/index87.cjs.map

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

package/dist/index87.js

@@ -1,87 +1,45 @@
-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 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 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
+  title,
+  headerRight,
+  toolbar,
+  select,
+  legendToggle,
+  legendToggleActive,
+  chartContainer,
+  loading,
+  error,
+  retryButton,
+  empty
 };
 export {
-  active,
-  badge,
-  chevron,
-  chip,
-  chipGhost,
-  clear,
-  create,
+  chartContainer,
   styles as default,
-  footer,
-  footerActions,
+  empty,
+  error,
   header,
-  headerActions,
-  label,
-  list,
-  option,
-  optionCount,
-  optionLabel,
-  panel,
+  headerRight,
+  legendToggle,
+  legendToggleActive,
+  loading,
+  retryButton,
   root,
-  search,
-  selection,
-  selectionDelta,
-  status,
-  statusError,
-  trigger,
-  triggerContent,
-  value,
-  valueGroup
+  select,
+  title,
+  toolbar
 };
 //# sourceMappingURL=index87.js.map

package/dist/index87.js.map

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

package/dist/index88.cjs

@@ -1,9 +1,60 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-0ZI82";
+const root = "krc-root-GYECa";
+const header = "krc-header-7V-0i";
+const title = "krc-title-SiRcV";
+const headerActions = "krc-headerActions-HY6nM";
+const splitContainer = "krc-splitContainer-ovkIf";
+const tablePanel = "krc-tablePanel-gbWQx";
+const chartPanel = "krc-chartPanel-eBJ9W";
+const table = "krc-table-40WZx";
+const tableRow = "krc-tableRow-yQlEa";
+const tableRowSelected = "krc-tableRowSelected-vIEfO";
+const pagination = "krc-pagination-nyCxO";
+const paginationButton = "krc-paginationButton-k-cQB";
+const paginationInfo = "krc-paginationInfo-ouuPw";
+const placeholder = "krc-placeholder-YDeIw";
+const loading = "krc-loading-UoiCd";
+const error = "krc-error-Subfi";
+const retryButton = "krc-retryButton-k8HPu";
+const empty = "krc-empty-OoPZo";
 const styles = {
-  root
+  root,
+  header,
+  title,
+  headerActions,
+  splitContainer,
+  tablePanel,
+  chartPanel,
+  table,
+  tableRow,
+  tableRowSelected,
+  pagination,
+  paginationButton,
+  paginationInfo,
+  placeholder,
+  loading,
+  error,
+  retryButton,
+  empty
 };
+exports.chartPanel = chartPanel;
 exports.default = styles;
+exports.empty = empty;
+exports.error = error;
+exports.header = header;
+exports.headerActions = headerActions;
+exports.loading = loading;
+exports.pagination = pagination;
+exports.paginationButton = paginationButton;
+exports.paginationInfo = paginationInfo;
+exports.placeholder = placeholder;
+exports.retryButton = retryButton;
 exports.root = root;
+exports.splitContainer = splitContainer;
+exports.table = table;
+exports.tablePanel = tablePanel;
+exports.tableRow = tableRow;
+exports.tableRowSelected = tableRowSelected;
+exports.title = title;
 //# sourceMappingURL=index88.cjs.map

package/dist/index88.cjs.map

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