@ktnpm_devops/react-component 0.12.1 → 0.13.1

package/dist/index86.js

@@ -1,54 +1,87 @@
-const root = "krc-root-zHJLB";
-const trigger = "krc-trigger-kRS4l";
-const isOpen = "krc-isOpen-4fsg7";
-const icon = "krc-icon-YS-DJ";
-const arrow = "krc-arrow-wiq8b";
-const pop = "krc-pop-boLzq";
-const head = "krc-head-FDhHr";
-const nav = "krc-nav-ZcR0Q";
-const title = "krc-title-MqB3H";
-const dows = "krc-dows-EshP3";
-const grid = "krc-grid-xiUF-";
-const day = "krc-day-2W9yq";
-const empty = "krc-empty-Mf05c";
-const off = "krc-off-tATo-";
-const able = "krc-able-bD-du";
-const selected = "krc-selected-Q1am3";
+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 styles = {
   root,
   trigger,
-  isOpen,
-  icon,
-  arrow,
-  pop,
-  head,
-  nav,
-  title,
-  dows,
-  grid,
-  day,
-  empty,
-  off,
-  able,
-  selected
+  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
 };
 export {
-  able,
-  arrow,
-  day,
+  active,
+  badge,
+  chevron,
+  chip,
+  chipGhost,
+  clear,
+  create,
   styles as default,
-  dows,
-  empty,
-  grid,
-  head,
-  icon,
-  isOpen,
-  nav,
-  off,
-  pop,
+  footer,
+  footerActions,
+  header,
+  headerActions,
+  label,
+  list,
+  option,
+  optionCount,
+  optionLabel,
+  panel,
   root,
-  selected,
-  title,
-  trigger
+  search,
+  selection,
+  selectionDelta,
+  status,
+  statusError,
+  trigger,
+  triggerContent,
+  value,
+  valueGroup
 };
 //# 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,60 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-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 root = "krc-root-pJYpn";
 const styles = {
-  root,
-  header,
-  title,
-  headerActions,
-  splitContainer,
-  tablePanel,
-  chartPanel,
-  table,
-  tableRow,
-  tableRowSelected,
-  pagination,
-  paginationButton,
-  paginationInfo,
-  placeholder,
-  loading,
-  error,
-  retryButton,
-  empty
+  root
 };
-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=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,60 +1,9 @@
-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 root = "krc-root-pJYpn";
 const styles = {
-  root,
-  header,
-  title,
-  headerActions,
-  splitContainer,
-  tablePanel,
-  chartPanel,
-  table,
-  tableRow,
-  tableRowSelected,
-  pagination,
-  paginationButton,
-  paginationInfo,
-  placeholder,
-  loading,
-  error,
-  retryButton,
-  empty
+  root
 };
 export {
-  chartPanel,
   styles as default,
-  empty,
-  error,
-  header,
-  headerActions,
-  loading,
-  pagination,
-  paginationButton,
-  paginationInfo,
-  placeholder,
-  retryButton,
-  root,
-  splitContainer,
-  table,
-  tablePanel,
-  tableRow,
-  tableRowSelected,
-  title
+  root
 };
 //# 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,45 +1,24 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-0iK-T";
-const header = "krc-header-vLmNI";
-const title = "krc-title-J9FSG";
-const headerActions = "krc-headerActions-8Sd6i";
-const toolbar = "krc-toolbar-65kLR";
-const toolbarLabel = "krc-toolbarLabel-kmRLQ";
-const toolbarSelect = "krc-toolbarSelect-t7OKN";
-const chartContainer = "krc-chartContainer-1-iIe";
-const loading = "krc-loading-MRlom";
-const error = "krc-error-esslq";
-const retryButton = "krc-retryButton-js385";
-const empty = "krc-empty-qYFPa";
-const warning = "krc-warning-ll4Hc";
+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,
-  header,
-  title,
-  headerActions,
-  toolbar,
-  toolbarLabel,
-  toolbarSelect,
-  chartContainer,
-  loading,
-  error,
-  retryButton,
-  empty,
-  warning
+  sidebar,
+  sidebarCollapsed,
+  main,
+  content,
+  title
 };
-exports.chartContainer = chartContainer;
+exports.content = content;
 exports.default = styles;
-exports.empty = empty;
-exports.error = error;
-exports.header = header;
-exports.headerActions = headerActions;
-exports.loading = loading;
-exports.retryButton = retryButton;
+exports.main = main;
 exports.root = root;
+exports.sidebar = sidebar;
+exports.sidebarCollapsed = sidebarCollapsed;
 exports.title = title;
-exports.toolbar = toolbar;
-exports.toolbarLabel = toolbarLabel;
-exports.toolbarSelect = toolbarSelect;
-exports.warning = warning;
 //# 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":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index88.js

@@ -1,45 +1,24 @@
-const root = "krc-root-0iK-T";
-const header = "krc-header-vLmNI";
-const title = "krc-title-J9FSG";
-const headerActions = "krc-headerActions-8Sd6i";
-const toolbar = "krc-toolbar-65kLR";
-const toolbarLabel = "krc-toolbarLabel-kmRLQ";
-const toolbarSelect = "krc-toolbarSelect-t7OKN";
-const chartContainer = "krc-chartContainer-1-iIe";
-const loading = "krc-loading-MRlom";
-const error = "krc-error-esslq";
-const retryButton = "krc-retryButton-js385";
-const empty = "krc-empty-qYFPa";
-const warning = "krc-warning-ll4Hc";
+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,
-  header,
-  title,
-  headerActions,
-  toolbar,
-  toolbarLabel,
-  toolbarSelect,
-  chartContainer,
-  loading,
-  error,
-  retryButton,
-  empty,
-  warning
+  sidebar,
+  sidebarCollapsed,
+  main,
+  content,
+  title
 };
 export {
-  chartContainer,
+  content,
   styles as default,
-  empty,
-  error,
-  header,
-  headerActions,
-  loading,
-  retryButton,
+  main,
   root,
-  title,
-  toolbar,
-  toolbarLabel,
-  toolbarSelect,
-  warning
+  sidebar,
+  sidebarCollapsed,
+  title
 };
 //# 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,36 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-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 root = "krc-root-oXC0g";
+const trigger = "krc-trigger-2YW6R";
+const triggerContent = "krc-triggerContent-Nfhff";
+const chevron = "krc-chevron-otnpb";
+const chevronOpen = "krc-chevronOpen-UoLND";
+const badge = "krc-badge-dN-p-";
+const pop = "krc-pop-IfyfL";
+const chips = "krc-chips-J7YEf";
+const clear = "krc-clear--yvPZ";
+const input = "krc-input--QI2U";
 const styles = {
   root,
-  sidebar,
-  conversationList,
-  mainArea,
-  messages,
+  trigger,
+  triggerContent,
+  chevron,
+  chevronOpen,
+  badge,
+  pop,
+  chips,
+  clear,
   input
 };
-exports.conversationList = conversationList;
+exports.badge = badge;
+exports.chevron = chevron;
+exports.chevronOpen = chevronOpen;
+exports.chips = chips;
+exports.clear = clear;
 exports.default = styles;
 exports.input = input;
-exports.mainArea = mainArea;
-exports.messages = messages;
+exports.pop = pop;
 exports.root = root;
-exports.sidebar = sidebar;
+exports.trigger = trigger;
+exports.triggerContent = triggerContent;
 //# 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,36 @@
-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 root = "krc-root-oXC0g";
+const trigger = "krc-trigger-2YW6R";
+const triggerContent = "krc-triggerContent-Nfhff";
+const chevron = "krc-chevron-otnpb";
+const chevronOpen = "krc-chevronOpen-UoLND";
+const badge = "krc-badge-dN-p-";
+const pop = "krc-pop-IfyfL";
+const chips = "krc-chips-J7YEf";
+const clear = "krc-clear--yvPZ";
+const input = "krc-input--QI2U";
 const styles = {
   root,
-  sidebar,
-  conversationList,
-  mainArea,
-  messages,
+  trigger,
+  triggerContent,
+  chevron,
+  chevronOpen,
+  badge,
+  pop,
+  chips,
+  clear,
   input
 };
 export {
-  conversationList,
+  badge,
+  chevron,
+  chevronOpen,
+  chips,
+  clear,
   styles as default,
   input,
-  mainArea,
-  messages,
+  pop,
   root,
-  sidebar
+  trigger,
+  triggerContent
 };
 //# 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

@@ -1,49 +1,85 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const clsx = require("./index55.cjs");
-const Accordion_module = require("./index72.cjs");
-const Accordion = react.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx.clsx(Accordion_module.default.root, className), ...props, children })
-);
-Accordion.displayName = "Accordion";
-const AccordionItem = react.forwardRef(
-  ({ header, open, onToggle, className, children, ...props }, ref) => {
-    const bodyId = react.useId();
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: clsx.clsx(Accordion_module.default.item, open && Accordion_module.default.isOpen, className), ...props, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          type: "button",
-          className: Accordion_module.default.head,
-          "aria-expanded": open,
-          "aria-controls": bodyId,
-          onClick: onToggle,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: Accordion_module.default.headContent, children: header }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "svg",
-              {
-                className: Accordion_module.default.chev,
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                "aria-hidden": "true",
-                children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" })
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { id: bodyId, className: Accordion_module.default.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";
-exports.Accordion = Accordion;
-exports.AccordionItem = AccordionItem;
+  return base;
+};
+exports.composeFilename = composeFilename;
+exports.downloadImageDataUrl = downloadImageDataUrl;
+exports.exportTableToCsv = exportTableToCsv;
+exports.getChartPngDataUrl = getChartPngDataUrl;
+exports.openPrintWindowWithChart = openPrintWindowWithChart;
+exports.sanitizeFilename = sanitizeFilename;
+exports.toStringTable = toStringTable;
 //# sourceMappingURL=index9.cjs.map