@flytedan/flytebot-design-system 0.52.0 → 0.54.0

package/README.md

@@ -69,7 +69,7 @@ TypeScript interfaces, a live interactive example, and a usage snippet — in
 the docs site included in this repo (not yet published as a hosted site):
 
 ```bash
-git clone git@github.com:flytedan/flytebot-design-system.git
+git clone git@github.com:Flytedesk/flytebot-design-system.git
 cd flytebot-design-system
 pnpm install
 pnpm run docs
@@ -94,7 +94,7 @@ whatever a builder happens to be mid-edit on.
 One-time setup, once per machine:
 
 ```bash
-git clone git@github.com:flytedan/flytebot-design-system.git C:/Users/newms/deploy/flytebot-design-system
+git clone git@github.com:Flytedesk/flytebot-design-system.git C:/Users/newms/deploy/flytebot-design-system
 cd C:/Users/newms/deploy/flytebot-design-system
 touch .deploy-clone-marker   # git-ignored; scripts/release.sh refuses to run without it
 ```

package/dist/index.cjs

@@ -3037,19 +3037,6 @@ function FunnelChart({
           const color = chartColor(i);
           const detail = `${s.label} \u2014 ${valueFormat(value)} \xB7 ${formatPercent(Math.round(pctFirst))} of ${steps[0]?.label || "first step"}` + (stepRate != null ? ` \xB7 ${formatPercent(Math.round(stepRate))} of ${steps[i - 1].label}` : "");
           return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("li", { className: "fd-funnel-row", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Tooltip, { label: detail, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("button", { type: "button", className: "fd-funnel-btn", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-funnel-shape-wrap", style: { height: barHeight }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-              "span",
-              {
-                className: "fd-funnel-shape",
-                role: "img",
-                "aria-label": detail,
-                style: {
-                  width: widthPct + "%",
-                  background: color,
-                  clipPath: `polygon(${insetTop}% 0, ${100 - insetTop}% 0, ${100 - insetBottom}% 100%, ${insetBottom}% 100%)`
-                }
-              }
-            ) }),
             /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "fd-funnel-meta", children: [
               /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-funnel-label", title: truncationTitle(s.label), children: s.label }),
               /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-funnel-value fd-tabular", children: valueFormat(value) }),
@@ -3063,7 +3050,20 @@ function FunnelChart({
                   " of first"
                 ] })
               ] })
-            ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-funnel-shape-wrap", style: { height: barHeight }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              "span",
+              {
+                className: "fd-funnel-shape",
+                role: "img",
+                "aria-label": detail,
+                style: {
+                  width: widthPct + "%",
+                  background: color,
+                  clipPath: `polygon(${insetTop}% 0, ${100 - insetTop}% 0, ${100 - insetBottom}% 100%, ${insetBottom}% 100%)`
+                }
+              }
+            ) })
           ] }) }) }, s.id);
         }) }),
         /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
@@ -3195,7 +3195,8 @@ function DataTable({
   columns = [],
   rows = [],
   compact: compact3 = false,
-  selectedId,
+  selectedIds,
+  rowTitle,
   onRowClick,
   rowKey = "id",
   loading = false,
@@ -3232,7 +3233,8 @@ function DataTable({
           /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("tbody", { className: stale ? "fd-stale" : void 0, children: loading ? Array.from({ length: skeletonRows }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("tr", { children: columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", { className: c.numeric ? "is-num" : "", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "fd-skel fd-skel-text", style: { display: "inline-block", height: 13, width: c.numeric ? 52 : i % 3 === 0 ? "72%" : "88%" } }) }, c.key)) }, i)) : rows.map((r) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             "tr",
             {
-              "aria-selected": selectedId === r[rowKey] ? "true" : void 0,
+              "aria-selected": selectedIds?.includes(r[rowKey]) ? "true" : void 0,
+              title: rowTitle ? rowTitle(r) : void 0,
               onClick: onRowClick ? () => onRowClick(r) : void 0,
               style: onRowClick ? { cursor: "pointer" } : void 0,
               children: columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", { className: c.numeric ? "is-num" : "", children: c.render ? c.render(r) : r[c.key] }, c.key))