@ktnpm_devops/react-component 0.11.0 → 0.12.0

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":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index88.js

@@ -1,9 +1,24 @@
-const root = "krc-root-bWynN";
+const root = "krc-root-pS02L";
+const sidebar = "krc-sidebar-n1HeR";
+const conversationList = "krc-conversationList-E8ODD";
+const mainArea = "krc-mainArea-E0cNf";
+const messages = "krc-messages-S9aU-";
+const input = "krc-input-HAMJ3";
 const styles = {
-  root
+  root,
+  sidebar,
+  conversationList,
+  mainArea,
+  messages,
+  input
 };
 export {
+  conversationList,
   styles as default,
-  root
+  input,
+  mainArea,
+  messages,
+  root,
+  sidebar
 };
 //# sourceMappingURL=index88.js.map

package/dist/index88.js.map

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

package/dist/index89.cjs

@@ -1,24 +1,57 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-wErEG";
-const list = "krc-list-Np3Qt";
-const page = "krc-page-znalz";
-const arrow = "krc-arrow-ruhgF";
-const isActive = "krc-isActive-azJrs";
-const ellipsis = "krc-ellipsis-vMrZ6";
+const root = "krc-root-W2sel";
+const tableContainer = "krc-tableContainer-Ed3uk";
+const table = "krc-table-7p0H-";
+const th = "krc-th-fNmfv";
+const sortable = "krc-sortable-Ve0MQ";
+const thContent = "krc-thContent-BRDIL";
+const sortIndicator = "krc-sortIndicator-PtGYj";
+const resizeHandle = "krc-resizeHandle--St-g";
+const td = "krc-td-ZVsrU";
+const row = "krc-row-JivMH";
+const rowClickable = "krc-rowClickable-lTgQW";
+const rowSelected = "krc-rowSelected-Sv0qs";
+const skeletonRow = "krc-skeletonRow-uD1y7";
+const skeleton = "krc-skeleton-eeYso";
+const empty = "krc-empty-xKpKS";
+const loadMore = "krc-loadMore-njxDN";
+const loadMoreButton = "krc-loadMoreButton-C3Q-f";
 const styles = {
   root,
-  list,
-  page,
-  arrow,
-  isActive,
-  ellipsis
+  tableContainer,
+  table,
+  th,
+  sortable,
+  thContent,
+  sortIndicator,
+  resizeHandle,
+  td,
+  row,
+  rowClickable,
+  rowSelected,
+  skeletonRow,
+  skeleton,
+  empty,
+  loadMore,
+  loadMoreButton
 };
-exports.arrow = arrow;
 exports.default = styles;
-exports.ellipsis = ellipsis;
-exports.isActive = isActive;
-exports.list = list;
-exports.page = page;
+exports.empty = empty;
+exports.loadMore = loadMore;
+exports.loadMoreButton = loadMoreButton;
+exports.resizeHandle = resizeHandle;
 exports.root = root;
+exports.row = row;
+exports.rowClickable = rowClickable;
+exports.rowSelected = rowSelected;
+exports.skeleton = skeleton;
+exports.skeletonRow = skeletonRow;
+exports.sortIndicator = sortIndicator;
+exports.sortable = sortable;
+exports.table = table;
+exports.tableContainer = tableContainer;
+exports.td = td;
+exports.th = th;
+exports.thContent = thContent;
 //# sourceMappingURL=index89.cjs.map

package/dist/index89.cjs.map

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

package/dist/index89.js

@@ -1,24 +1,57 @@
-const root = "krc-root-wErEG";
-const list = "krc-list-Np3Qt";
-const page = "krc-page-znalz";
-const arrow = "krc-arrow-ruhgF";
-const isActive = "krc-isActive-azJrs";
-const ellipsis = "krc-ellipsis-vMrZ6";
+const root = "krc-root-W2sel";
+const tableContainer = "krc-tableContainer-Ed3uk";
+const table = "krc-table-7p0H-";
+const th = "krc-th-fNmfv";
+const sortable = "krc-sortable-Ve0MQ";
+const thContent = "krc-thContent-BRDIL";
+const sortIndicator = "krc-sortIndicator-PtGYj";
+const resizeHandle = "krc-resizeHandle--St-g";
+const td = "krc-td-ZVsrU";
+const row = "krc-row-JivMH";
+const rowClickable = "krc-rowClickable-lTgQW";
+const rowSelected = "krc-rowSelected-Sv0qs";
+const skeletonRow = "krc-skeletonRow-uD1y7";
+const skeleton = "krc-skeleton-eeYso";
+const empty = "krc-empty-xKpKS";
+const loadMore = "krc-loadMore-njxDN";
+const loadMoreButton = "krc-loadMoreButton-C3Q-f";
 const styles = {
   root,
-  list,
-  page,
-  arrow,
-  isActive,
-  ellipsis
+  tableContainer,
+  table,
+  th,
+  sortable,
+  thContent,
+  sortIndicator,
+  resizeHandle,
+  td,
+  row,
+  rowClickable,
+  rowSelected,
+  skeletonRow,
+  skeleton,
+  empty,
+  loadMore,
+  loadMoreButton
 };
 export {
-  arrow,
   styles as default,
-  ellipsis,
-  isActive,
-  list,
-  page,
-  root
+  empty,
+  loadMore,
+  loadMoreButton,
+  resizeHandle,
+  root,
+  row,
+  rowClickable,
+  rowSelected,
+  skeleton,
+  skeletonRow,
+  sortIndicator,
+  sortable,
+  table,
+  tableContainer,
+  td,
+  th,
+  thContent
 };
 //# sourceMappingURL=index89.js.map

package/dist/index89.js.map

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

package/dist/index9.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index54.cjs");
-const Accordion_module = require("./index63.cjs");
+const clsx = require("./index55.cjs");
+const Accordion_module = require("./index58.cjs");
 const Accordion = react.forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx.clsx(Accordion_module.default.root, className), ...props, children })
 );

package/dist/index9.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useId } from "react";
-import { clsx } from "./index54.js";
-import styles from "./index63.js";
+import { clsx } from "./index55.js";
+import styles from "./index58.js";
 const Accordion = forwardRef(
   ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: clsx(styles.root, className), ...props, children })
 );

package/dist/index90.cjs

@@ -1,27 +1,18 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const overlay = "krc-overlay-4gFc3";
-const root = "krc-root-eKDda";
-const header = "krc-header-YrzLd";
-const title = "krc-title-9rzEH";
-const closeBtn = "krc-closeBtn-vGJ7P";
-const body = "krc-body-g43Cd";
-const footer = "krc-footer-JRwi5";
+const root = "krc-root-la9-1";
+const logo = "krc-logo-b73UT";
+const card = "krc-card-1ev-q";
+const footer = "krc-footer-E0B15";
 const styles = {
-  overlay,
   root,
-  header,
-  title,
-  closeBtn,
-  body,
+  logo,
+  card,
   footer
 };
-exports.body = body;
-exports.closeBtn = closeBtn;
+exports.card = card;
 exports.default = styles;
 exports.footer = footer;
-exports.header = header;
-exports.overlay = overlay;
+exports.logo = logo;
 exports.root = root;
-exports.title = title;
 //# sourceMappingURL=index90.cjs.map

package/dist/index90.cjs.map

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

package/dist/index90.js

@@ -1,27 +1,18 @@
-const overlay = "krc-overlay-4gFc3";
-const root = "krc-root-eKDda";
-const header = "krc-header-YrzLd";
-const title = "krc-title-9rzEH";
-const closeBtn = "krc-closeBtn-vGJ7P";
-const body = "krc-body-g43Cd";
-const footer = "krc-footer-JRwi5";
+const root = "krc-root-la9-1";
+const logo = "krc-logo-b73UT";
+const card = "krc-card-1ev-q";
+const footer = "krc-footer-E0B15";
 const styles = {
-  overlay,
   root,
-  header,
-  title,
-  closeBtn,
-  body,
+  logo,
+  card,
   footer
 };
 export {
-  body,
-  closeBtn,
+  card,
   styles as default,
   footer,
-  header,
-  overlay,
-  root,
-  title
+  logo,
+  root
 };
 //# sourceMappingURL=index90.js.map

package/dist/index90.js.map

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

package/dist/index91.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const container = "krc-container-cpDoQ";
-const root = "krc-root-20TMP";
+const root = "krc-root--zhUO";
+const dot = "krc-dot-uJk1V";
 const styles = {
-  container,
-  root
+  root,
+  dot
 };
-exports.container = container;
 exports.default = styles;
+exports.dot = dot;
 exports.root = root;
 //# sourceMappingURL=index91.cjs.map

package/dist/index91.js

@@ -1,12 +1,12 @@
-const container = "krc-container-cpDoQ";
-const root = "krc-root-20TMP";
+const root = "krc-root--zhUO";
+const dot = "krc-dot-uJk1V";
 const styles = {
-  container,
-  root
+  root,
+  dot
 };
 export {
-  container,
   styles as default,
+  dot,
   root
 };
 //# sourceMappingURL=index91.js.map

package/dist/index92.cjs

@@ -1,18 +1,27 @@
 "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 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 styles = {
   root,
-  logo,
-  card,
-  footer
+  rail,
+  fill,
+  tick,
+  disabled,
+  thumb,
+  valueTooltip
 };
-exports.card = card;
 exports.default = styles;
-exports.footer = footer;
-exports.logo = logo;
+exports.disabled = disabled;
+exports.fill = fill;
+exports.rail = rail;
 exports.root = root;
+exports.thumb = thumb;
+exports.tick = tick;
+exports.valueTooltip = valueTooltip;
 //# sourceMappingURL=index92.cjs.map

package/dist/index92.cjs.map

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

package/dist/index92.js

@@ -1,18 +1,27 @@
-const root = "krc-root-la9-1";
-const logo = "krc-logo-b73UT";
-const card = "krc-card-1ev-q";
-const footer = "krc-footer-E0B15";
+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 styles = {
   root,
-  logo,
-  card,
-  footer
+  rail,
+  fill,
+  tick,
+  disabled,
+  thumb,
+  valueTooltip
 };
 export {
-  card,
   styles as default,
-  footer,
-  logo,
-  root
+  disabled,
+  fill,
+  rail,
+  root,
+  thumb,
+  tick,
+  valueTooltip
 };
 //# sourceMappingURL=index92.js.map

package/dist/index92.js.map

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

package/dist/index93.cjs

@@ -1,9 +1,24 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-jba0x";
+const root = "krc-root-jkFwM";
+const sidebar = "krc-sidebar-g7vxQ";
+const sidebarCollapsed = "krc-sidebarCollapsed-Xiswa";
+const main = "krc-main-B4HyG";
+const content = "krc-content-72sFf";
+const title = "krc-title-pe-1P";
 const styles = {
-  root
+  root,
+  sidebar,
+  sidebarCollapsed,
+  main,
+  content,
+  title
 };
+exports.content = content;
 exports.default = styles;
+exports.main = main;
 exports.root = root;
+exports.sidebar = sidebar;
+exports.sidebarCollapsed = sidebarCollapsed;
+exports.title = title;
 //# 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":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index93.js

@@ -1,9 +1,24 @@
-const root = "krc-root-jba0x";
+const root = "krc-root-jkFwM";
+const sidebar = "krc-sidebar-g7vxQ";
+const sidebarCollapsed = "krc-sidebarCollapsed-Xiswa";
+const main = "krc-main-B4HyG";
+const content = "krc-content-72sFf";
+const title = "krc-title-pe-1P";
 const styles = {
-  root
+  root,
+  sidebar,
+  sidebarCollapsed,
+  main,
+  content,
+  title
 };
 export {
+  content,
   styles as default,
-  root
+  main,
+  root,
+  sidebar,
+  sidebarCollapsed,
+  title
 };
 //# sourceMappingURL=index93.js.map

package/dist/index93.js.map

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

package/dist/index94.cjs

@@ -1,18 +1,136 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-AouLD";
-const header = "krc-header-pNze5";
-const content = "krc-content-egG2e";
-const footer = "krc-footer-WJw5Z";
-const styles = {
-  root,
-  header,
-  content,
-  footer
-};
-exports.content = content;
-exports.default = styles;
-exports.footer = footer;
-exports.header = header;
-exports.root = root;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const constants = require("./index62.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=index94.cjs.map