@dcs-tech/ui 0.2.0 → 0.4.0

package/dist/SummaryChart-y27q_BBN.js

@@ -0,0 +1,29 @@
+"use client";
+import { t as e } from "./ChartView-Cehrcr05.js";
+import { n as t } from "./summaryChartData-Djo73zb8.js";
+import { jsx as n } from "react/jsx-runtime";
+// src/components/DataTable/summary/SummaryChart.tsx
+var r = {
+	treemap: 112,
+	other: 72
+}, i = 96;
+function a({ item: a, onSelect: o, format: s, locale: c, labels: l, onLegendCut: u }) {
+	let d = t(a, l), f = d.kind === "bars" ? {
+		...d,
+		data: d.data.slice(0, 6)
+	} : d;
+	return /* @__PURE__ */ n(e, {
+		chart: f,
+		ariaLabel: a.card.title,
+		compact: !0,
+		height: d.kind === "treemap" ? r.treemap : r.other,
+		size: i,
+		onSelect: o,
+		selected: "selected" in a ? a.selected : null,
+		format: s,
+		locale: c,
+		labels: l,
+		onLegendCut: u
+	});
+}
+export { a as default };

package/dist/SummaryImage-DDNEEu_K.js

@@ -0,0 +1,18 @@
+"use client";
+import { t as e } from "./ChartImageMenu-HILSfn5A.js";
+import { n as t } from "./summaryChartData-Djo73zb8.js";
+import { jsx as n } from "react/jsx-runtime";
+// src/components/DataTable/summary/SummaryImage.tsx
+function r({ item: r, report: i, context: a, branding: o, format: s, locale: c, labels: l }) {
+	return /* @__PURE__ */ n(e, {
+		report: i,
+		title: r.card.title,
+		context: a,
+		branding: o,
+		chart: t(r, l),
+		format: s,
+		locale: c,
+		labels: l
+	});
+}
+export { r as default };

package/dist/SummarySeeAll-0dX-_LFe.js

@@ -0,0 +1,101 @@
+"use client";
+import { t as e } from "./ChartImageMenu-HILSfn5A.js";
+import { t } from "./ChartView-Cehrcr05.js";
+import { J as n, Tt as r, U as i, ot as a } from "./geometry-CG2nOEnw.js";
+import { n as o, o as s, s as c } from "./scrollArea-CkPGDYH2.js";
+import { r as l, t as u } from "./summaryChartData-Djo73zb8.js";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+// src/components/DataTable/summary/SummarySeeAll.tsx
+function m({ item: m, all: h, onClose: g, onSelect: _, image: v, labels: y }) {
+	let { labels: b, format: x } = s(), S = x.number, C = b.summaryAllOf(m.card.title, S(m.values)), w = r(m.card), T = h === "failed" ? [] : h, E = T.reduce((e, t) => e + t.count, 0), D = u(m, T), O = i(D, l(m), y), k = (e) => {
+		if (w === "bars") return a(1);
+		let t = D.type === "values" ? D.values[e] : void 0;
+		return a(t?.slot ?? e + 1);
+	}, A = (e) => {
+		e !== "\0others" && _?.(e, T.find((t) => t.key === e)?.value ?? null);
+	};
+	return /* @__PURE__ */ f(c, {
+		open: !0,
+		onClose: g,
+		size: "lg",
+		"aria-label": C,
+		title: /* @__PURE__ */ p("span", {
+			className: "dt-summary-all-head",
+			children: [/* @__PURE__ */ f("span", {
+				className: "dt-summary-all-title",
+				children: C
+			}), v && h !== "failed" && /* @__PURE__ */ f(e, {
+				report: v.report,
+				title: C,
+				context: v.context,
+				branding: v.branding,
+				chart: O,
+				format: S,
+				locale: x.locale,
+				labels: y
+			})]
+		}),
+		subtitle: v?.context,
+		className: "dt-summary-all",
+		children: h === "failed" ? /* @__PURE__ */ f("div", {
+			className: "dt-summary-status dt-summary-status--failed",
+			role: "alert",
+			children: b.summaryFailed
+		}) : /* @__PURE__ */ p("div", {
+			className: `dt-summary-all-body ${o}`,
+			children: [/* @__PURE__ */ f("div", {
+				className: `dt-summary-all-chart dt-summary-all-chart--${w}`,
+				children: /* @__PURE__ */ f(t, {
+					chart: O,
+					ariaLabel: C,
+					height: w === "treemap" ? 260 : void 0,
+					size: 220,
+					legend: !1,
+					onSelect: _ ? A : void 0,
+					selected: m.selected,
+					format: S,
+					locale: x.locale,
+					labels: y
+				})
+			}), /* @__PURE__ */ f("ul", {
+				className: "dt-summary-all-list chart-root",
+				"aria-label": b.summaryLegend,
+				children: T.map((e, t) => {
+					let r = /* @__PURE__ */ p(d, { children: [
+						/* @__PURE__ */ f("span", {
+							className: "chart-swatch",
+							style: { background: k(t) },
+							"aria-hidden": !0
+						}),
+						/* @__PURE__ */ f("span", {
+							className: "dt-summary-all-name",
+							children: e.label
+						}),
+						/* @__PURE__ */ f("span", {
+							className: "dt-summary-all-count",
+							children: S(e.count)
+						}),
+						/* @__PURE__ */ f("span", {
+							className: "dt-summary-all-share",
+							children: n(E ? e.count / E * 100 : 0)
+						})
+					] });
+					return /* @__PURE__ */ f("li", {
+						className: `dt-summary-all-row${m.selected === e.key ? " dt-summary-all-row--on" : ""}`,
+						children: _ && !e.others ? /* @__PURE__ */ f("button", {
+							type: "button",
+							className: "dt-summary-all-pick",
+							"aria-pressed": m.selected === e.key,
+							onClick: () => A(e.key),
+							children: r
+						}) : /* @__PURE__ */ f("span", {
+							className: "dt-summary-all-pick",
+							children: r
+						})
+					}, e.key);
+				})
+			})]
+		})
+	});
+}
+export { m as default };