@dcs-tech/ui 0.2.0 → 0.3.0

package/dist/SummaryChart-D4jcOv-K.js

@@ -0,0 +1,31 @@
+"use client";
+import "./ChartImageMenu-gvNAYVkY.js";
+import { r as e } from "./Charts-COljjy0x.js";
+import { n as t } from "./summaryChartData-CU_W5ocv.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../../shared-web-ui/src/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);
+	return /* @__PURE__ */ n(e, {
+		chart: d.kind === "bars" ? {
+			...d,
+			data: d.data.slice(0, 6)
+		} : d,
+		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
+	});
+}
+//#endregion
+export { a as default };

package/dist/SummaryImage-BSbatHym.js

@@ -0,0 +1,19 @@
+"use client";
+import { t as e } from "./ChartImageMenu-gvNAYVkY.js";
+import { n as t } from "./summaryChartData-CU_W5ocv.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../../shared-web-ui/src/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
+	});
+}
+//#endregion
+export { r as default };

package/dist/SummarySeeAll-vnaL3pdy.js

@@ -0,0 +1,97 @@
+"use client";
+import { $ as e, At as t, J as n, dt as r, t as i } from "./ChartImageMenu-gvNAYVkY.js";
+import { f as a, i as o, l as s } from "./ui-DJFwpPdX.js";
+import { r as c } from "./Charts-COljjy0x.js";
+import { r as l, t as u } from "./summaryChartData-CU_W5ocv.js";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region ../../shared-web-ui/src/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 = t(m.card), T = h === "failed" ? [] : h, E = T.reduce((e, t) => e + t.count, 0), D = u(m, T), O = n(D, l(m), y), k = (e) => r(w === "bars" ? 1 : (D.type === "values" ? D.values[e] : void 0)?.slot ?? e + 1), A = (e) => {
+		e !== "\0others" && _?.(e, T.find((t) => t.key === e)?.value ?? null);
+	};
+	return /* @__PURE__ */ f(a, {
+		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(i, {
+				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(c, {
+					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((t, n) => {
+					let r = /* @__PURE__ */ p(d, { children: [
+						/* @__PURE__ */ f("span", {
+							className: "chart-swatch",
+							style: { background: k(n) },
+							"aria-hidden": !0
+						}),
+						/* @__PURE__ */ f("span", {
+							className: "dt-summary-all-name",
+							children: t.label
+						}),
+						/* @__PURE__ */ f("span", {
+							className: "dt-summary-all-count",
+							children: S(t.count)
+						}),
+						/* @__PURE__ */ f("span", {
+							className: "dt-summary-all-share",
+							children: e(E ? t.count / E * 100 : 0)
+						})
+					] });
+					return /* @__PURE__ */ f("li", {
+						className: `dt-summary-all-row${m.selected === t.key ? " dt-summary-all-row--on" : ""}`,
+						children: _ && !t.others ? /* @__PURE__ */ f("button", {
+							type: "button",
+							className: "dt-summary-all-pick",
+							"aria-pressed": m.selected === t.key,
+							onClick: () => A(t.key),
+							children: r
+						}) : /* @__PURE__ */ f("span", {
+							className: "dt-summary-all-pick",
+							children: r
+						})
+					}, t.key);
+				})
+			})]
+		})
+	});
+}
+//#endregion
+export { m as default };