@ktnpm_devops/react-component 0.18.0 → 0.19.0

package/dist/index97.js.map

@@ -1 +1 @@
-{"version":3,"file":"index97.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":"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"}
+{"version":3,"file":"index97.js","sources":["../src/charts/ScatterChartCard/buildScatterOption.ts"],"sourcesContent":["import type { FoldedPoint } from './foldPoints';\nimport { CHART_COLORS, SCATTER } from '../../constants';\n\n/** Distance from each axis line to its name (px — echarts canvas attributes, not CSS). */\nconst AXIS_NAME_GAP = { X: 28, Y: 38 } as const;\n\n/**\n * Grid margins (px). `containLabel` reserves room for the tick *labels* only, so\n * the axis names and the legend need their own margin or they get clipped at the\n * canvas edge. Each margin must exceed its `AXIS_NAME_GAP` by a text height.\n */\nconst GRID_MARGIN = {\n  BASE: 8,\n  TOP: 16,\n  RIGHT: 16,\n  X_NAME: 23,\n  Y_NAME: 34,\n  LEGEND: 30,\n} as const;\n\n/** Series name used when no point carries a category. */\nconst UNCATEGORISED_SERIES = 'Points';\n\nexport interface ScatterOptionConfig {\n  xLabel?: string;\n  yLabel?: string;\n  categoryLabel?: string;\n  showLegend: boolean;\n  enableDataZoom: boolean;\n}\n\n/** Point labels 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/**\n * Map a weight onto a symbol diameter. The square root keeps the mark *area*\n * proportional to the weight, which is how a reader compares bubble sizes.\n * A dataset whose weights are all equal carries no size information, so it\n * renders at the base size rather than all-maximum.\n */\nconst symbolSizeFor = (weight: number, minWeight: number, maxWeight: number) => {\n  if (maxWeight === minWeight) return SCATTER.BASE_SYMBOL_SIZE;\n\n  const ratio = Math.sqrt((weight - minWeight) / (maxWeight - minWeight));\n  return SCATTER.MIN_SYMBOL_SIZE + (SCATTER.MAX_SYMBOL_SIZE - SCATTER.MIN_SYMBOL_SIZE) * ratio;\n};\n\n/** Group marks by category, preserving first-appearance order. */\nconst groupByCategory = (points: FoldedPoint[]) => {\n  const groups = new Map<string, FoldedPoint[]>();\n\n  for (const folded of points) {\n    const key = folded.point.category ?? UNCATEGORISED_SERIES;\n    const group = groups.get(key);\n    if (group) group.push(folded);\n    else groups.set(key, [folded]);\n  }\n\n  return groups;\n};\n\n/** `[x, y, count, sourceIndex]` — dims beyond the axes carry the tooltip/click metadata. */\nconst toDataItem = (folded: FoldedPoint, sizeOf: (weight: number | null | undefined) => number) => ({\n  name: folded.point.label,\n  value: [folded.point.x, folded.point.y, folded.count, folded.index],\n  symbolSize: sizeOf(folded.point.weight),\n});\n\nconst buildTooltipFormatter = (config: ScatterOptionConfig) => (params: unknown) => {\n  const { name, seriesName, value, marker } = params as {\n    name: string;\n    seriesName: string;\n    value: [number, number, number, number];\n    marker: string;\n  };\n  const [x, y, count] = value;\n\n  const lines = [`${marker} ${escapeHtml(name)}`];\n  lines.push(`${escapeHtml(config.xLabel ?? 'x')}: ${x}`);\n  lines.push(`${escapeHtml(config.yLabel ?? 'y')}: ${y}`);\n\n  if (seriesName !== UNCATEGORISED_SERIES) {\n    lines.push(`${escapeHtml(config.categoryLabel ?? 'Category')}: ${escapeHtml(seriesName)}`);\n  }\n\n  if (count > 1) lines.push(`${count} points here`);\n\n  return lines.join('<br/>');\n};\n\nexport const buildScatterOption = (points: FoldedPoint[], config: ScatterOptionConfig) => {\n  const weights = points.map((p) => p.point.weight).filter((w): w is number => w != null);\n  const minWeight = weights.length > 0 ? Math.min(...weights) : 0;\n  const maxWeight = weights.length > 0 ? Math.max(...weights) : 0;\n\n  // An absent weight sits at the bottom of the scale once any weight is present,\n  // and yields the base size when none is.\n  const sizeOf = (weight: number | null | undefined) =>\n    weights.length === 0\n      ? SCATTER.BASE_SYMBOL_SIZE\n      : symbolSizeFor(weight ?? minWeight, minWeight, maxWeight);\n\n  const groups = groupByCategory(points);\n  const series = [...groups.entries()].map(([category, group], i) => ({\n    name: category,\n    type: 'scatter' as const,\n    data: group.map((folded) => toDataItem(folded, sizeOf)),\n    itemStyle: { color: CHART_COLORS[i % CHART_COLORS.length], opacity: 0.85 },\n    emphasis: { focus: 'series' as const },\n  }));\n\n  return {\n    tooltip: { trigger: 'item' as const, formatter: buildTooltipFormatter(config) },\n    legend: config.showLegend ? { bottom: 0, type: 'scroll' as const } : undefined,\n    grid: {\n      left: config.yLabel ? GRID_MARGIN.Y_NAME : GRID_MARGIN.BASE,\n      right: GRID_MARGIN.RIGHT,\n      top: GRID_MARGIN.TOP,\n      // Room for the x axis name and the legend, each only when drawn.\n      bottom:\n        GRID_MARGIN.BASE +\n        (config.xLabel ? GRID_MARGIN.X_NAME : 0) +\n        (config.showLegend ? GRID_MARGIN.LEGEND : 0),\n      containLabel: true,\n    },\n    xAxis: {\n      type: 'value' as const,\n      name: config.xLabel,\n      nameLocation: 'middle' as const,\n      nameGap: AXIS_NAME_GAP.X,\n      scale: true,\n    },\n    yAxis: {\n      type: 'value' as const,\n      name: config.yLabel,\n      nameLocation: 'middle' as const,\n      // Without this the y name is drawn horizontally and eats the plot's width.\n      nameRotate: 90,\n      nameGap: AXIS_NAME_GAP.Y,\n      scale: true,\n    },\n    dataZoom: config.enableDataZoom\n      ? [\n          { type: 'inside' as const, xAxisIndex: 0 },\n          { type: 'inside' as const, yAxisIndex: 0 },\n        ]\n      : undefined,\n    series,\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist/index98.cjs

@@ -1,48 +1,42 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-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 root = "krc-root-pttoq";
+const header = "krc-header-npqnm";
+const title = "krc-title-Nho7q";
+const headerActions = "krc-headerActions-ealva";
+const toolbar = "krc-toolbar-JDGNF";
+const warning = "krc-warning-zk0fc";
+const chartContainer = "krc-chartContainer-9YPrR";
+const loading = "krc-loading-kZWgE";
+const empty = "krc-empty-JDNOq";
+const error = "krc-error-IULEe";
+const retryButton = "krc-retryButton-GvyS0";
+const compact = "krc-compact-bzibR";
 const styles = {
   root,
   header,
-  headerLeft,
   title,
-  subtitle,
-  headerRight,
+  headerActions,
   toolbar,
-  chartTypeToggle,
-  active,
+  warning,
   chartContainer,
   loading,
+  empty,
   error,
   retryButton,
-  empty
+  compact
 };
-exports.active = active;
 exports.chartContainer = chartContainer;
-exports.chartTypeToggle = chartTypeToggle;
+exports.compact = compact;
 exports.default = styles;
 exports.empty = empty;
 exports.error = error;
 exports.header = header;
-exports.headerLeft = headerLeft;
-exports.headerRight = headerRight;
+exports.headerActions = headerActions;
 exports.loading = loading;
 exports.retryButton = retryButton;
 exports.root = root;
-exports.subtitle = subtitle;
 exports.title = title;
 exports.toolbar = toolbar;
+exports.warning = warning;
 //# sourceMappingURL=index98.cjs.map

package/dist/index98.cjs.map

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

package/dist/index98.js

@@ -1,48 +1,42 @@
-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 root = "krc-root-pttoq";
+const header = "krc-header-npqnm";
+const title = "krc-title-Nho7q";
+const headerActions = "krc-headerActions-ealva";
+const toolbar = "krc-toolbar-JDGNF";
+const warning = "krc-warning-zk0fc";
+const chartContainer = "krc-chartContainer-9YPrR";
+const loading = "krc-loading-kZWgE";
+const empty = "krc-empty-JDNOq";
+const error = "krc-error-IULEe";
+const retryButton = "krc-retryButton-GvyS0";
+const compact = "krc-compact-bzibR";
 const styles = {
   root,
   header,
-  headerLeft,
   title,
-  subtitle,
-  headerRight,
+  headerActions,
   toolbar,
-  chartTypeToggle,
-  active,
+  warning,
   chartContainer,
   loading,
+  empty,
   error,
   retryButton,
-  empty
+  compact
 };
 export {
-  active,
   chartContainer,
-  chartTypeToggle,
+  compact,
   styles as default,
   empty,
   error,
   header,
-  headerLeft,
-  headerRight,
+  headerActions,
   loading,
   retryButton,
   root,
-  subtitle,
   title,
-  toolbar
+  toolbar,
+  warning
 };
 //# sourceMappingURL=index98.js.map

package/dist/index98.js.map

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

package/dist/index99.cjs

@@ -1,27 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-1fbld";
-const rail = "krc-rail-S-V5h";
-const fill = "krc-fill-NAEy9";
-const tick = "krc-tick-j75qi";
-const disabled = "krc-disabled-DgBiL";
-const thumb = "krc-thumb-QVYVM";
-const valueTooltip = "krc-valueTooltip-Vuimh";
+const root = "krc-root--zhUO";
+const dot = "krc-dot-uJk1V";
 const styles = {
   root,
-  rail,
-  fill,
-  tick,
-  disabled,
-  thumb,
-  valueTooltip
+  dot
 };
 exports.default = styles;
-exports.disabled = disabled;
-exports.fill = fill;
-exports.rail = rail;
+exports.dot = dot;
 exports.root = root;
-exports.thumb = thumb;
-exports.tick = tick;
-exports.valueTooltip = valueTooltip;
 //# sourceMappingURL=index99.cjs.map

package/dist/index99.cjs.map

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

package/dist/index99.js

@@ -1,27 +1,12 @@
-const root = "krc-root-1fbld";
-const rail = "krc-rail-S-V5h";
-const fill = "krc-fill-NAEy9";
-const tick = "krc-tick-j75qi";
-const disabled = "krc-disabled-DgBiL";
-const thumb = "krc-thumb-QVYVM";
-const valueTooltip = "krc-valueTooltip-Vuimh";
+const root = "krc-root--zhUO";
+const dot = "krc-dot-uJk1V";
 const styles = {
   root,
-  rail,
-  fill,
-  tick,
-  disabled,
-  thumb,
-  valueTooltip
+  dot
 };
 export {
   styles as default,
-  disabled,
-  fill,
-  rail,
-  root,
-  thumb,
-  tick,
-  valueTooltip
+  dot,
+  root
 };
 //# sourceMappingURL=index99.js.map

package/dist/index99.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ktnpm_devops/react-component",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "description": "Kenmei Technologies React Component Library",
   "type": "module",
   "license": "MIT",