@flytedan/flytebot-design-system 0.63.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)];
             })
           }
         )
@@ -7721,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
@@ -16339,6 +16343,7 @@ function useDocumentTitle(routeTitle, appName) {
   formatDuration,
   formatEta,
   formatRelative,
+  formatShare,
   groupMessages,
   hasModifier,
   historyUrlAdapter,