@multiplatform.one/components 7.4.0 → 7.5.0

package/dist/cjs/SortableList/index.native.js

@@ -0,0 +1,235 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var SortableList_exports = {};
+__export(SortableList_exports, {
+  SortableHandle: () => import_SortableHandle2.SortableHandle,
+  SortableHandleWell: () => import_SortableHandle2.SortableHandleWell,
+  SortableList: () => SortableList,
+  SortableSessionProvider: () => import_useSortableRows2.SortableSessionProvider,
+  useSortableRows: () => import_useSortableRows2.useSortableRows
+});
+module.exports = __toCommonJS(SortableList_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_i18n = require("../shared/i18n.native.js");
+var import_kanbanDnd = require("../views/kanbanDnd.native.js");
+var import_SortableHandle = require("./SortableHandle.native.js");
+var import_useSortableRows = require("./useSortableRows.native.js");
+var import_SortableHandle2 = require("./SortableHandle.native.js");
+var import_useSortableRows2 = require("./useSortableRows.native.js");
+var LIFT_SHADOW = {
+  shadowColor: "#000",
+  shadowOffset: {
+    width: 0,
+    height: 10
+  },
+  shadowOpacity: 0.15,
+  shadowRadius: 20
+};
+function SortableList(param) {
+  var {
+    items,
+    getId,
+    getLabel,
+    renderItem,
+    onChange,
+    canReorder,
+    disabled,
+    readOnly,
+    disabledStyle = "keepLabel",
+    compact,
+    emptyMessage: emptyMessageProp,
+    "aria-label": ariaLabel,
+    ...stackProps
+  } = param;
+  var _sortable_session;
+  var {
+    t
+  } = (0, import_i18n.useTranslation)();
+  var emptyMessage = emptyMessageProp !== null && emptyMessageProp !== void 0 ? emptyMessageProp : t("No rows yet");
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    compact
+  });
+  var listId = (0, import_react.useId)();
+  var containerRef = (0, import_react.useRef)(null);
+  var enabled = !disabled && !readOnly && !!onChange;
+  var [rowKb, setRowKb] = (0, import_react.useState)(null);
+  if (typeof document !== "undefined") (0, import_theme.ensureKeyboardModalityTracking)();
+  var sortable = (0, import_useSortableRows.useSortableRows)({
+    items,
+    getId,
+    getLabel,
+    canReorder,
+    onChange,
+    enabled,
+    containerRef
+  });
+  var onRowFocus = (0, import_react.useCallback)(function (id, index) {
+    sortable.setFocusedIndex(index);
+    if ((0, import_theme.wasKeyboardFocus)()) setRowKb(id);
+  }, [sortable]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ref: containerRef,
+    ...knobProps.surface,
+    ...knobProps.borderRadiusOuter,
+    overflow: "hidden",
+    role: "list",
+    "aria-label": ariaLabel,
+    id: listId,
+    ...stackProps,
+    children: [items.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      minHeight: 88,
+      alignItems: "center",
+      justifyContent: "center",
+      opacity: 0.5,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        ...knobProps.body,
+        color: "$color11",
+        children: emptyMessage
+      })
+    }) : items.map(function (item, index) {
+      var _sortable_session2, _sortable_session1, _sortable_session22, _sortable_session3, _sortable_session4;
+      var id = sortable.ids[index];
+      var label = sortable.labels[index];
+      var canDrag = sortable.rowEnabled(index);
+      var isSource = ((_sortable_session2 = sortable.session) === null || _sortable_session2 === void 0 ? void 0 : _sortable_session2.id) === id;
+      var isKbFocus = rowKb === id && !sortable.session;
+      var y = sortable.translateForIndex(index);
+      var dimWhole = !canDrag && disabledStyle === "dimWhole";
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        role: "listitem",
+        tabIndex: canDrag || !enabled ? 0 : -1,
+        minHeight: import_theme.MIN_PRESS_TARGET,
+        alignItems: "center",
+        gap: "$2",
+        paddingLeft: "$2",
+        paddingRight: "$3",
+        opacity: isSource && ((_sortable_session1 = sortable.session) === null || _sortable_session1 === void 0 ? void 0 : _sortable_session1.mode) === "pointer" ? 0.4 : dimWhole ? 0.5 : 1,
+        backgroundColor: isSource && ((_sortable_session22 = sortable.session) === null || _sortable_session22 === void 0 ? void 0 : _sortable_session22.mode) === "pointer" ? "$color1" : "transparent",
+        borderWidth: isSource && ((_sortable_session3 = sortable.session) === null || _sortable_session3 === void 0 ? void 0 : _sortable_session3.mode) === "pointer" ? 1 : 0,
+        borderStyle: isSource && ((_sortable_session4 = sortable.session) === null || _sortable_session4 === void 0 ? void 0 : _sortable_session4.mode) === "pointer" ? "dashed" : "solid",
+        borderColor: "$color7",
+        y,
+        hoverStyle: {
+          backgroundColor: "$color3"
+        },
+        ...{
+          ...(isKbFocus ? import_theme.keyboardFocusRingProps : {
+            outlineWidth: 0
+          }),
+          "data-sortable-row": id,
+          "aria-disabled": canDrag ? void 0 : true,
+          onKeyDown: function onKeyDown(e) {
+            return sortable.onRowKeyDown(index, e);
+          },
+          onFocus: function onFocus() {
+            return onRowFocus(id, index);
+          },
+          onBlur: function onBlur() {
+            return setRowKb(function (cur) {
+              return cur === id ? null : cur;
+            });
+          }
+        },
+        children: [canDrag ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SortableHandle.SortableHandle, {
+          label,
+          itemId: id,
+          compact,
+          dragging: isSource,
+          onPointerDown: function onPointerDown(e) {
+            return sortable.onHandlePointerDown(index, e);
+          },
+          onKeyDown: function onKeyDown(e) {
+            return sortable.onHandleKeyDown(index, e);
+          }
+        }) : enabled ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SortableHandle.SortableHandleWell, {
+          itemId: id,
+          compact
+        }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          flex: 1,
+          minWidth: 0,
+          alignItems: "center",
+          opacity: dimWhole ? 1 : void 0,
+          children: renderItem ? renderItem(item, index) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            ...knobProps.body,
+            color: "$color12",
+            numberOfLines: 1,
+            flex: 1,
+            children: label
+          })
+        })]
+      }, id);
+    }), ((_sortable_session = sortable.session) === null || _sortable_session === void 0 ? void 0 : _sortable_session.mode) === "keyboard" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      position: "absolute",
+      left: 0,
+      right: 0,
+      y: sortable.session.targetIndex * (sortable.session.size || import_theme.MIN_PRESS_TARGET),
+      minHeight: import_theme.MIN_PRESS_TARGET,
+      alignItems: "center",
+      paddingLeft: "$2",
+      paddingRight: "$3",
+      backgroundColor: "$color2",
+      ...knobProps.borderRadius,
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      scale: import_kanbanDnd.LIFT_SCALE,
+      ...LIFT_SHADOW,
+      pointerEvents: "none",
+      zIndex: 5,
+      ...{
+        "data-sortable-fly": sortable.session.id
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        alignItems: "center",
+        gap: "$2",
+        minHeight: import_theme.MIN_PRESS_TARGET,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SortableHandle.SortableHandle, {
+          label: sortable.session.label,
+          itemId: sortable.session.id,
+          dragging: true
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          ...knobProps.body,
+          children: sortable.session.label
+        })]
+      })
+    }) : null, enabled ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      position: "absolute",
+      width: 1,
+      height: 1,
+      overflow: "hidden",
+      opacity: 0,
+      pointerEvents: "none",
+      ...sortable.liveProps,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        children: sortable.announcement
+      })
+    }) : null]
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/SortableList/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SortableList_exports","__export","SortableHandle","import_SortableHandle2","SortableHandleWell","SortableList","SortableSessionProvider","import_useSortableRows2","useSortableRows","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_i18n","import_kanbanDnd","import_SortableHandle","import_useSortableRows","LIFT_SHADOW","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","param","items","getId","getLabel","renderItem","onChange","canReorder","disabled","readOnly","disabledStyle","compact","emptyMessage","emptyMessageProp","ariaLabel","stackProps","_sortable_session","t","useTranslation","knobProps","useResolvedKnobs","listId","useId","containerRef","useRef","enabled","rowKb","setRowKb","useState","document","ensureKeyboardModalityTracking","sortable","onRowFocus","useCallback","id","index","setFocusedIndex","wasKeyboardFocus","jsxs","YStack","ref","surface","borderRadiusOuter","overflow","role","children","length","jsx","minHeight","alignItems","justifyContent","opacity","Text","body","color","map","item","_sortable_session2","_sortable_session1","_sortable_session22","_sortable_session3","_sortable_session4","ids","label","labels","canDrag","rowEnabled","isSource","session","isKbFocus","y","translateForIndex","dimWhole","XStack","tabIndex","MIN_PRESS_TARGET","gap","paddingLeft","paddingRight","mode","backgroundColor","borderWidth","borderStyle","borderColor","hoverStyle","keyboardFocusRingProps","outlineWidth","onKeyDown","e","onRowKeyDown","onFocus","onBlur","cur","itemId","dragging","onPointerDown","onHandlePointerDown","onHandleKeyDown","flex","minWidth","numberOfLines","View","position","left","right","targetIndex","size","borderRadius","scale","LIFT_SCALE","pointerEvents","zIndex"],"sources":["../../../src/SortableList/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/SortableList/useSortableRows.cjs

@@ -0,0 +1,368 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useSortableRows_exports = {};
+__export(useSortableRows_exports, {
+  SortableSessionProvider: () => SortableSessionProvider,
+  useSortableDragging: () => useSortableDragging,
+  useSortableRows: () => useSortableRows
+});
+module.exports = __toCommonJS(useSortableRows_exports);
+var import_react = require("react");
+var import_kanbanDnd = require("../views/kanbanDnd.cjs");
+const DEFAULT_ROW_SELECTOR = "[data-sortable-row], [data-child-row]";
+const SortableSessionContext = (0, import_react.createContext)({
+  sourceId: null
+});
+function SortableSessionProvider({
+  sourceId,
+  children
+}) {
+  return (0, import_react.createElement)(SortableSessionContext.Provider, {
+    value: {
+      sourceId
+    }
+  }, children);
+}
+function useSortableDragging(itemId, dragging) {
+  const {
+    sourceId
+  } = (0, import_react.useContext)(SortableSessionContext);
+  return dragging ?? sourceId === itemId;
+}
+function useSortableRows({
+  items,
+  getId,
+  getLabel,
+  canReorder,
+  onChange,
+  enabled,
+  containerRef,
+  rowSelector = DEFAULT_ROW_SELECTOR
+}) {
+  const [session, setSession] = (0, import_react.useState)(null);
+  const [announcement, setAnnouncement] = (0, import_react.useState)("");
+  const [focusedIndex, setFocusedIndex] = (0, import_react.useState)(0);
+  const sessionRef = (0, import_react.useRef)(null);
+  sessionRef.current = session;
+  const itemsRef = (0, import_react.useRef)(items);
+  itemsRef.current = items;
+  const board = (0, import_react.useMemo)(() => (0, import_kanbanDnd.listBoardSnapshot)(items.length), [items.length]);
+  const ids = (0, import_react.useMemo)(() => items.map((item, i) => getId(item, i)), [items, getId]);
+  const labels = (0, import_react.useMemo)(() => items.map((item, i) => getLabel(item, i)), [items, getLabel]);
+  const rowEnabled = (0, import_react.useCallback)(index => {
+    if (!enabled) return false;
+    if (index < 0 || index >= items.length) return false;
+    return canReorder ? canReorder(items[index], index) : true;
+  }, [canReorder, enabled, items]);
+  const announce = (0, import_react.useCallback)((type, drag, label) => {
+    if (type === "cancel") {
+      setAnnouncement((0, import_kanbanDnd.formatListAnnouncement)((0, import_kanbanDnd.describeCancel)(drag, board, label), {
+        sourcePosition: drag.sourceIndex + 1
+      }));
+      return;
+    }
+    setAnnouncement((0, import_kanbanDnd.formatListAnnouncement)((0, import_kanbanDnd.describeDragState)(type, drag, board, label)));
+  }, [board]);
+  const toDrag = (0, import_react.useCallback)(s => ({
+    sourceColumnId: import_kanbanDnd.LIST_COLUMN_ID,
+    sourceIndex: s.sourceIndex,
+    target: {
+      columnId: import_kanbanDnd.LIST_COLUMN_ID,
+      index: s.targetIndex
+    }
+  }), []);
+  const focusRow = (0, import_react.useCallback)(id => {
+    const root = containerRef.current;
+    if (!root) return;
+    const el = root.querySelector(`[data-sortable-row="${id}"], [data-child-row-id="${id}"]`);
+    el?.focus?.();
+  }, [containerRef]);
+  const liftAt = (0, import_react.useCallback)((index, mode) => {
+    if (!rowEnabled(index)) return false;
+    const kb = (0, import_kanbanDnd.keyboardLift)(board, import_kanbanDnd.LIST_COLUMN_ID, index);
+    if (!kb) return false;
+    const next = {
+      mode,
+      sourceIndex: index,
+      targetIndex: kb.target.index,
+      id: ids[index],
+      label: labels[index],
+      size: 44
+    };
+    setSession(next);
+    sessionRef.current = next;
+    announce("lift", kb, next.label);
+    return true;
+  }, [announce, board, ids, labels, rowEnabled]);
+  const moveSession = (0, import_react.useCallback)(direction => {
+    const current = sessionRef.current;
+    if (!current) return false;
+    const drag = toDrag(current);
+    const moved = (0, import_kanbanDnd.keyboardMove)(drag, board, direction);
+    if (moved === drag) return true;
+    const next = {
+      ...current,
+      targetIndex: moved.target.index
+    };
+    setSession(next);
+    sessionRef.current = next;
+    announce("move", moved, current.label);
+    return true;
+  }, [announce, board, toDrag]);
+  const dropSession = (0, import_react.useCallback)(() => {
+    const current = sessionRef.current;
+    if (!current) return false;
+    const drag = toDrag(current);
+    const result = (0, import_kanbanDnd.resolveDrop)(drag);
+    announce("drop", drag, current.label);
+    setSession(null);
+    sessionRef.current = null;
+    if (result.commit) {
+      onChange?.((0, import_kanbanDnd.applyReorder)(itemsRef.current, result.from.index, result.to.index));
+    }
+    requestAnimationFrame(() => focusRow(current.id));
+    return true;
+  }, [announce, focusRow, onChange, toDrag]);
+  const cancelSession = (0, import_react.useCallback)(() => {
+    const current = sessionRef.current;
+    if (!current) return false;
+    announce("cancel", toDrag(current), current.label);
+    setSession(null);
+    sessionRef.current = null;
+    requestAnimationFrame(() => focusRow(current.id));
+    return true;
+  }, [announce, focusRow, toDrag]);
+  const onRowKeyDown = (0, import_react.useCallback)((index, e) => {
+    if (!enabled) return;
+    if (sessionRef.current) return;
+    if (e.key === " ") {
+      e.preventDefault();
+      liftAt(index, "keyboard");
+    }
+  }, [enabled, liftAt]);
+  const onHandleKeyDown = (0, import_react.useCallback)((index, e) => {
+    if (!enabled) return;
+    if (sessionRef.current) return;
+    if (e.key === " " || e.key === "Enter") {
+      e.preventDefault();
+      liftAt(index, "keyboard");
+    }
+  }, [enabled, liftAt]);
+  (0, import_react.useEffect)(() => {
+    if (!enabled || typeof window === "undefined") return;
+    const onKey = e => {
+      const current = sessionRef.current;
+      if (current) {
+        if (e.key === "Escape") {
+          e.preventDefault();
+          e.stopPropagation();
+          cancelSession();
+          return;
+        }
+        if (e.key === "ArrowDown") {
+          e.preventDefault();
+          e.stopPropagation();
+          moveSession("down");
+          return;
+        }
+        if (e.key === "ArrowUp") {
+          e.preventDefault();
+          e.stopPropagation();
+          moveSession("up");
+          return;
+        }
+        if (e.key === " " || e.key === "Enter") {
+          e.preventDefault();
+          e.stopPropagation();
+          dropSession();
+        }
+        return;
+      }
+      if (e.key !== " " && e.key !== "Enter") return;
+      const handle = e.target?.closest?.("[data-sortable-handle]");
+      if (!handle) return;
+      const id = handle.getAttribute("data-sortable-handle");
+      const index = ids.indexOf(id ?? "");
+      if (index < 0) return;
+      e.preventDefault();
+      liftAt(index, "keyboard");
+    };
+    window.addEventListener("keydown", onKey, true);
+    return () => window.removeEventListener("keydown", onKey, true);
+  }, [cancelSession, dropSession, enabled, ids, liftAt, moveSession]);
+  const measure = (0, import_react.useCallback)(() => {
+    const root = containerRef.current;
+    if (!root) return {
+      items: [],
+      size: 44
+    };
+    const els = [...root.querySelectorAll(rowSelector)];
+    const top = root.getBoundingClientRect().top;
+    const rows = els.map((el, index) => {
+      const r = el.getBoundingClientRect();
+      return {
+        index,
+        start: r.top - top + root.scrollTop,
+        size: r.height
+      };
+    });
+    return {
+      items: rows,
+      size: rows[0]?.size ?? 44
+    };
+  }, [containerRef, rowSelector]);
+  const onHandlePointerDown = (0, import_react.useCallback)((index, e) => {
+    if (!enabled || !rowEnabled(index)) return;
+    e.preventDefault?.();
+    const pointerType = e.pointerType ?? "mouse";
+    let lifted = false;
+    let hold = null;
+    const liftPointer = clientY => {
+      if (lifted) return;
+      lifted = true;
+      const {
+        items: measured,
+        size
+      } = measure();
+      if (!liftAt(index, "pointer")) return;
+      const current = sessionRef.current;
+      if (current) {
+        const sized = {
+          ...current,
+          size
+        };
+        setSession(sized);
+        sessionRef.current = sized;
+      }
+      const localY = (() => {
+        const root = containerRef.current;
+        if (!root) return 0;
+        return clientY - root.getBoundingClientRect().top + root.scrollTop;
+      })();
+      const target = (0, import_kanbanDnd.insertionIndexForY)({
+        localY,
+        items: measured,
+        sourceIndex: index,
+        count: itemsRef.current.length,
+        size
+      });
+      const next = sessionRef.current;
+      if (next && target !== next.targetIndex) {
+        const moved = {
+          ...next,
+          targetIndex: target
+        };
+        setSession(moved);
+        sessionRef.current = moved;
+        announce("move", toDrag(moved), moved.label);
+      }
+    };
+    const onMove = ev => {
+      if (!lifted) return;
+      const root = containerRef.current;
+      if (!root) return;
+      const rect = root.getBoundingClientRect();
+      const vel = (0, import_kanbanDnd.autoScrollVelocity)({
+        pos: ev.clientY,
+        start: rect.top,
+        end: rect.bottom,
+        edge: import_kanbanDnd.AUTO_SCROLL_EDGE_PX,
+        maxSpeed: import_kanbanDnd.AUTO_SCROLL_MAX_SPEED
+      });
+      if (vel) root.scrollTop += vel;
+      const {
+        items: measured,
+        size
+      } = measure();
+      const localY = ev.clientY - rect.top + root.scrollTop;
+      const current = sessionRef.current;
+      if (!current) return;
+      const target = (0, import_kanbanDnd.insertionIndexForY)({
+        localY,
+        items: measured,
+        sourceIndex: current.sourceIndex,
+        count: itemsRef.current.length,
+        size
+      });
+      if (target === current.targetIndex) return;
+      const moved = {
+        ...current,
+        targetIndex: target
+      };
+      setSession(moved);
+      sessionRef.current = moved;
+      announce("move", toDrag(moved), moved.label);
+    };
+    const teardown = () => {
+      if (hold != null) clearTimeout(hold);
+      window.removeEventListener("pointermove", onMove);
+      window.removeEventListener("pointerup", onUp);
+      window.removeEventListener("pointercancel", onCancel);
+    };
+    const onUp = () => {
+      teardown();
+      if (lifted) dropSession();
+    };
+    const onCancel = () => {
+      teardown();
+      if (lifted) cancelSession();
+    };
+    window.addEventListener("pointermove", onMove);
+    window.addEventListener("pointerup", onUp);
+    window.addEventListener("pointercancel", onCancel);
+    if (pointerType === "mouse") {
+      liftPointer(e.clientY);
+    } else {
+      hold = setTimeout(() => liftPointer(e.clientY), import_kanbanDnd.TOUCH_LONG_PRESS_MS);
+    }
+  }, [announce, cancelSession, containerRef, dropSession, enabled, liftAt, measure, rowEnabled, toDrag]);
+  const translateForIndex = (0, import_react.useCallback)(index => {
+    const current = session;
+    if (!current) return 0;
+    return (0, import_kanbanDnd.siblingOffset)({
+      index,
+      sourceIndex: current.sourceIndex,
+      gapIndex: current.targetIndex,
+      size: current.size
+    });
+  }, [session]);
+  return {
+    session,
+    announcement,
+    focusedIndex,
+    setFocusedIndex,
+    rowEnabled,
+    ids,
+    labels,
+    liftAt,
+    onRowKeyDown,
+    onHandleKeyDown,
+    onHandlePointerDown,
+    translateForIndex,
+    liveProps: {
+      "aria-live": "polite",
+      "aria-atomic": true,
+      "data-sortable-live": "true"
+    }
+  };
+}