@flytedan/flytebot-design-system 0.11.2 → 0.11.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -3380,15 +3380,20 @@ function TransferList({
3380
3380
  if (isBeingDragged) {
3381
3381
  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "fd-erow-placeholder", "aria-hidden": "true" });
3382
3382
  }
3383
+ const content = renderRow(item);
3384
+ const destination = (side === "left" ? right : left).label || "the other list";
3383
3385
  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
3384
3386
  EntityRow,
3385
3387
  {
3386
- ...renderRow(item),
3388
+ ...content,
3387
3389
  draggable: true,
3388
3390
  onPointerDown: (e) => beginDrag(e, item, side),
3389
3391
  action: {
3390
3392
  icon: side === "left" ? "plus" : "minus",
3391
- label: (side === "left" ? "Move to " : "Move from ") + (side === "left" ? right.label || "the other list" : left.label || "the other list"),
3393
+ // Names the row AND where it goes. A list repeats this button on every
3394
+ // row, so a name without the row's title is the same word fifty times
3395
+ // over to a screen reader, with nothing to tell one button from the next.
3396
+ label: "Move " + content.title + " to " + destination,
3392
3397
  tone: side === "left" ? "add" : "remove",
3393
3398
  onClick: () => onMove(item, side, opposite)
3394
3399
  }