@flytedan/flytebot-design-system 0.62.0 → 0.64.0

package/dist/index.cjs

@@ -1095,6 +1095,7 @@ __export(index_exports, {
   formatDuration: () => formatDuration,
   formatEta: () => formatEta,
   formatRelative: () => formatRelative,
+  formatShare: () => formatShare,
   groupMessages: () => groupMessages,
   hasModifier: () => hasModifier,
   historyUrlAdapter: () => historyUrlAdapter,
@@ -3923,11 +3924,13 @@ function DonutChart({
 // src/components/data/BarList.tsx
 var React25 = __toESM(require("react"), 1);
 var import_jsx_runtime40 = require("react/jsx-runtime");
+var wholePercent = (share) => formatPercent(Math.round(share * 100));
 function BarList({
   rows,
   label,
   valueFormat = formatCompact,
   total,
+  shareFormat = wholePercent,
   sort = true,
   maxRows,
   barHeight = 10,
@@ -3956,9 +3959,9 @@ function BarList({
         /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("ol", { className: "fd-barlist-list", "aria-label": label, children: ordered.map((r, i) => {
           const value = Number(r.value) || 0;
           const barPct = Math.max(0, Math.min(100, value / maxValue * 100));
-          const pct = effectiveTotal ? Math.round(value / effectiveTotal * 100) : 0;
+          const share = effectiveTotal ? value / effectiveTotal : 0;
           const color = chartColor(i, r.color);
-          const detail = `${r.label} \u2014 ${valueFormat(value)} (${formatPercent(pct)})`;
+          const detail = `${r.label} \u2014 ${valueFormat(value)} (${shareFormat(share)})`;
           return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("li", { className: "fd-barlist-row", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Tooltip, { label: detail, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("button", { type: "button", className: "fd-barlist-btn", children: [
             /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-barlist-label", title: truncationTitle(r.label), children: r.label }),
             /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-barlist-track", style: { height: barHeight }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("svg", { viewBox: "0 0 100 10", preserveAspectRatio: "none", role: "img", "aria-label": detail, children: [
@@ -3966,7 +3969,7 @@ function BarList({
               /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("rect", { x: 0, y: 0, width: barPct, height: 10, rx: 3, fill: color })
             ] }) }),
             /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-barlist-value fd-tabular", children: valueFormat(value) }),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-barlist-pct fd-tabular", children: formatPercent(pct) })
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-barlist-pct fd-tabular", children: shareFormat(share) })
           ] }) }) }, r.id);
         }) }),
         /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
@@ -3976,8 +3979,8 @@ function BarList({
             columns: ["", "Value", "Percent"],
             rows: ordered.map((r) => {
               const value = Number(r.value) || 0;
-              const pct = effectiveTotal ? Math.round(value / effectiveTotal * 100) : 0;
-              return [r.label, valueFormat(value), formatPercent(pct)];
+              const share = effectiveTotal ? value / effectiveTotal : 0;
+              return [r.label, valueFormat(value), shareFormat(share)];
             })
           }
         )
@@ -7569,9 +7572,9 @@ function formatShare(share) {
   return tenths >= 10 ? `${Math.round(percent)}%` : `${tenths.toFixed(1)}%`;
 }
 var byValue = (a, b) => b.value - a.value;
-function buildChoroplethModel(values, topN) {
+function buildChoroplethModel(values, topN, givenTotal) {
   const byCode = /* @__PURE__ */ new Map();
-  let total = 0;
+  let sum = 0;
   for (const { state, value } of values) {
     if (!isUsStateCode(state)) throw new Error(`USChoropleth: "${state}" is not a US state code`);
     if (byCode.has(state)) throw new Error(`USChoropleth: ${state} is given more than once`);
@@ -7579,8 +7582,12 @@ function buildChoroplethModel(values, topN) {
       throw new Error(`USChoropleth: the value for ${state} must be a whole count of 0 or more, got ${value}`);
     }
     byCode.set(state, value);
-    total += value;
+    sum += value;
+  }
+  if (givenTotal !== void 0 && !(Number.isInteger(givenTotal) && givenTotal >= sum)) {
+    throw new Error(`USChoropleth: total must be a whole count of at least the sum of values (${sum}), got ${givenTotal}`);
   }
+  const total = givenTotal ?? sum;
   const share = (value) => total === 0 ? 0 : value / total;
   const rows = US_STATES.map((state) => {
     const value = byCode.get(state.code) ?? 0;
@@ -7690,8 +7697,8 @@ function StateTable({ model, valueLabel, formatValue }) {
   ];
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Collapsible, { title: TABLE_TITLE, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DataTable, { columns, rows: model.rows, rowKey: "code", compact: true }) });
 }
-function USChoropleth({ values, label, valueLabel, formatValue, formatReadout, topN, className = "" }) {
-  const model = React44.useMemo(() => buildChoroplethModel(values, topN ?? 0), [values, topN]);
+function USChoropleth({ values, label, valueLabel, formatValue, formatReadout, topN, total, className = "" }) {
+  const model = React44.useMemo(() => buildChoroplethModel(values, topN ?? 0, total), [values, topN, total]);
   const figures = React44.useMemo(() => new Map(model.rows.map((row) => [row.code, row])), [model]);
   const { state, retry } = useUsStateShapes();
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: ["fd-uschoro", className].filter(Boolean).join(" "), children: [
@@ -7717,6 +7724,7 @@ function USChoropleth({ values, label, valueLabel, formatValue, formatReadout, t
           rows: model.top.map((row) => ({ id: row.code, label: row.name, value: row.value, color: "var(--seq-4)" })),
           valueFormat: formatValue,
           total: model.total,
+          shareFormat: formatShare,
           sort: false
         }
       ) }) : null
@@ -16335,6 +16343,7 @@ function useDocumentTitle(routeTitle, appName) {
   formatDuration,
   formatEta,
   formatRelative,
+  formatShare,
   groupMessages,
   hasModifier,
   historyUrlAdapter,