@multiplatform.one/components 7.4.1 → 7.6.0

package/dist/esm/SortableList/useSortableRows.native.js

@@ -0,0 +1,369 @@
+import { createContext, createElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { AUTO_SCROLL_EDGE_PX, AUTO_SCROLL_MAX_SPEED, LIST_COLUMN_ID, TOUCH_LONG_PRESS_MS, applyReorder, autoScrollVelocity, describeCancel, describeDragState, formatListAnnouncement, insertionIndexForY, keyboardLift, keyboardMove, listBoardSnapshot, resolveDrop, siblingOffset } from "../views/kanbanDnd.native.js";
+var DEFAULT_ROW_SELECTOR = "[data-sortable-row], [data-child-row]";
+var SortableSessionContext = createContext({
+  sourceId: null
+});
+function SortableSessionProvider(param) {
+  var {
+    sourceId,
+    children
+  } = param;
+  return createElement(SortableSessionContext.Provider, {
+    value: {
+      sourceId
+    }
+  }, children);
+}
+function useSortableDragging(itemId, dragging) {
+  var {
+    sourceId
+  } = useContext(SortableSessionContext);
+  return dragging !== null && dragging !== void 0 ? dragging : sourceId === itemId;
+}
+function useSortableRows(param) {
+  var {
+    items,
+    getId,
+    getLabel,
+    canReorder,
+    onChange,
+    enabled,
+    containerRef,
+    rowSelector = DEFAULT_ROW_SELECTOR
+  } = param;
+  var [session, setSession] = useState(null);
+  var [announcement, setAnnouncement] = useState("");
+  var [focusedIndex, setFocusedIndex] = useState(0);
+  var sessionRef = useRef(null);
+  sessionRef.current = session;
+  var itemsRef = useRef(items);
+  itemsRef.current = items;
+  var board = useMemo(function () {
+    return listBoardSnapshot(items.length);
+  }, [items.length]);
+  var ids = useMemo(function () {
+    return items.map(function (item, i) {
+      return getId(item, i);
+    });
+  }, [items, getId]);
+  var labels = useMemo(function () {
+    return items.map(function (item, i) {
+      return getLabel(item, i);
+    });
+  }, [items, getLabel]);
+  var rowEnabled = useCallback(function (index) {
+    if (!enabled) return false;
+    if (index < 0 || index >= items.length) return false;
+    return canReorder ? canReorder(items[index], index) : true;
+  }, [canReorder, enabled, items]);
+  var announce = useCallback(function (type, drag, label) {
+    if (type === "cancel") {
+      setAnnouncement(formatListAnnouncement(describeCancel(drag, board, label), {
+        sourcePosition: drag.sourceIndex + 1
+      }));
+      return;
+    }
+    setAnnouncement(formatListAnnouncement(describeDragState(type, drag, board, label)));
+  }, [board]);
+  var toDrag = useCallback(function (s) {
+    return {
+      sourceColumnId: LIST_COLUMN_ID,
+      sourceIndex: s.sourceIndex,
+      target: {
+        columnId: LIST_COLUMN_ID,
+        index: s.targetIndex
+      }
+    };
+  }, []);
+  var focusRow = useCallback(function (id) {
+    var _el_focus;
+    var root = containerRef.current;
+    if (!root) return;
+    var el = root.querySelector(`[data-sortable-row="${id}"], [data-child-row-id="${id}"]`);
+    el === null || el === void 0 ? void 0 : (_el_focus = el.focus) === null || _el_focus === void 0 ? void 0 : _el_focus.call(el);
+  }, [containerRef]);
+  var liftAt = useCallback(function (index, mode) {
+    if (!rowEnabled(index)) return false;
+    var kb = keyboardLift(board, LIST_COLUMN_ID, index);
+    if (!kb) return false;
+    var 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]);
+  var moveSession = useCallback(function (direction) {
+    var current = sessionRef.current;
+    if (!current) return false;
+    var drag = toDrag(current);
+    var moved = keyboardMove(drag, board, direction);
+    if (moved === drag) return true;
+    var next = {
+      ...current,
+      targetIndex: moved.target.index
+    };
+    setSession(next);
+    sessionRef.current = next;
+    announce("move", moved, current.label);
+    return true;
+  }, [announce, board, toDrag]);
+  var dropSession = useCallback(function () {
+    var current = sessionRef.current;
+    if (!current) return false;
+    var drag = toDrag(current);
+    var result = resolveDrop(drag);
+    announce("drop", drag, current.label);
+    setSession(null);
+    sessionRef.current = null;
+    if (result.commit) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(applyReorder(itemsRef.current, result.from.index, result.to.index));
+    }
+    requestAnimationFrame(function () {
+      return focusRow(current.id);
+    });
+    return true;
+  }, [announce, focusRow, onChange, toDrag]);
+  var cancelSession = useCallback(function () {
+    var current = sessionRef.current;
+    if (!current) return false;
+    announce("cancel", toDrag(current), current.label);
+    setSession(null);
+    sessionRef.current = null;
+    requestAnimationFrame(function () {
+      return focusRow(current.id);
+    });
+    return true;
+  }, [announce, focusRow, toDrag]);
+  var onRowKeyDown = useCallback(function (index, e) {
+    if (!enabled) return;
+    if (sessionRef.current) return;
+    if (e.key === " ") {
+      e.preventDefault();
+      liftAt(index, "keyboard");
+    }
+  }, [enabled, liftAt]);
+  var onHandleKeyDown = useCallback(function (index, e) {
+    if (!enabled) return;
+    if (sessionRef.current) return;
+    if (e.key === " " || e.key === "Enter") {
+      e.preventDefault();
+      liftAt(index, "keyboard");
+    }
+  }, [enabled, liftAt]);
+  useEffect(function () {
+    if (!enabled || typeof window === "undefined") return;
+    var onKey = function onKey2(e) {
+      var _e_target_closest, _e_target;
+      var 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;
+      var handle = (_e_target = e.target) === null || _e_target === void 0 ? void 0 : (_e_target_closest = _e_target.closest) === null || _e_target_closest === void 0 ? void 0 : _e_target_closest.call(_e_target, "[data-sortable-handle]");
+      if (!handle) return;
+      var id = handle.getAttribute("data-sortable-handle");
+      var index = ids.indexOf(id !== null && id !== void 0 ? id : "");
+      if (index < 0) return;
+      e.preventDefault();
+      liftAt(index, "keyboard");
+    };
+    window.addEventListener("keydown", onKey, true);
+    return function () {
+      return window.removeEventListener("keydown", onKey, true);
+    };
+  }, [cancelSession, dropSession, enabled, ids, liftAt, moveSession]);
+  var measure = useCallback(function () {
+    var _ref;
+    var _rows_;
+    var root = containerRef.current;
+    if (!root) return {
+      items: [],
+      size: 44
+    };
+    var els = [...root.querySelectorAll(rowSelector)];
+    var top = root.getBoundingClientRect().top;
+    var rows = els.map(function (el, index) {
+      var r = el.getBoundingClientRect();
+      return {
+        index,
+        start: r.top - top + root.scrollTop,
+        size: r.height
+      };
+    });
+    return {
+      items: rows,
+      size: (_ref = (_rows_ = rows[0]) === null || _rows_ === void 0 ? void 0 : _rows_.size) !== null && _ref !== void 0 ? _ref : 44
+    };
+  }, [containerRef, rowSelector]);
+  var onHandlePointerDown = useCallback(function (index, e) {
+    var _e_pointerType;
+    var _e_preventDefault;
+    if (!enabled || !rowEnabled(index)) return;
+    (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);
+    var pointerType = (_e_pointerType = e.pointerType) !== null && _e_pointerType !== void 0 ? _e_pointerType : "mouse";
+    var lifted = false;
+    var hold = null;
+    var liftPointer = function liftPointer2(clientY) {
+      if (lifted) return;
+      lifted = true;
+      var {
+        items: measured,
+        size
+      } = measure();
+      if (!liftAt(index, "pointer")) return;
+      var current = sessionRef.current;
+      if (current) {
+        var sized = {
+          ...current,
+          size
+        };
+        setSession(sized);
+        sessionRef.current = sized;
+      }
+      var localY = function () {
+        var root = containerRef.current;
+        if (!root) return 0;
+        return clientY - root.getBoundingClientRect().top + root.scrollTop;
+      }();
+      var target = insertionIndexForY({
+        localY,
+        items: measured,
+        sourceIndex: index,
+        count: itemsRef.current.length,
+        size
+      });
+      var next = sessionRef.current;
+      if (next && target !== next.targetIndex) {
+        var moved = {
+          ...next,
+          targetIndex: target
+        };
+        setSession(moved);
+        sessionRef.current = moved;
+        announce("move", toDrag(moved), moved.label);
+      }
+    };
+    var onMove = function onMove2(ev) {
+      if (!lifted) return;
+      var root = containerRef.current;
+      if (!root) return;
+      var rect = root.getBoundingClientRect();
+      var vel = autoScrollVelocity({
+        pos: ev.clientY,
+        start: rect.top,
+        end: rect.bottom,
+        edge: AUTO_SCROLL_EDGE_PX,
+        maxSpeed: AUTO_SCROLL_MAX_SPEED
+      });
+      if (vel) root.scrollTop += vel;
+      var {
+        items: measured,
+        size
+      } = measure();
+      var localY = ev.clientY - rect.top + root.scrollTop;
+      var current = sessionRef.current;
+      if (!current) return;
+      var target = insertionIndexForY({
+        localY,
+        items: measured,
+        sourceIndex: current.sourceIndex,
+        count: itemsRef.current.length,
+        size
+      });
+      if (target === current.targetIndex) return;
+      var moved = {
+        ...current,
+        targetIndex: target
+      };
+      setSession(moved);
+      sessionRef.current = moved;
+      announce("move", toDrag(moved), moved.label);
+    };
+    var teardown = function teardown2() {
+      if (hold != null) clearTimeout(hold);
+      window.removeEventListener("pointermove", onMove);
+      window.removeEventListener("pointerup", onUp);
+      window.removeEventListener("pointercancel", onCancel);
+    };
+    var onUp = function onUp2() {
+      teardown();
+      if (lifted) dropSession();
+    };
+    var onCancel = function onCancel2() {
+      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(function () {
+        return liftPointer(e.clientY);
+      }, TOUCH_LONG_PRESS_MS);
+    }
+  }, [announce, cancelSession, containerRef, dropSession, enabled, liftAt, measure, rowEnabled, toDrag]);
+  var translateForIndex = useCallback(function (index) {
+    var current = session;
+    if (!current) return 0;
+    return 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"
+    }
+  };
+}
+export { SortableSessionProvider, useSortableDragging, useSortableRows };
+//# sourceMappingURL=useSortableRows.native.js.map

package/dist/esm/SortableList/useSortableRows.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","createElement","useCallback","useContext","useEffect","useMemo","useRef","useState","AUTO_SCROLL_EDGE_PX","AUTO_SCROLL_MAX_SPEED","LIST_COLUMN_ID","TOUCH_LONG_PRESS_MS","applyReorder","autoScrollVelocity","describeCancel","describeDragState","formatListAnnouncement","insertionIndexForY","keyboardLift","keyboardMove","listBoardSnapshot","resolveDrop","siblingOffset","DEFAULT_ROW_SELECTOR","SortableSessionContext","sourceId","SortableSessionProvider","param","children","Provider","value","useSortableDragging","itemId","dragging","useSortableRows","items","getId","getLabel","canReorder","onChange","enabled","containerRef","rowSelector","session","setSession","announcement","setAnnouncement","focusedIndex","setFocusedIndex","sessionRef","current","itemsRef","board","length","ids","map","item","i","labels","rowEnabled","index","announce","type","drag","label","sourcePosition","sourceIndex","toDrag","s","sourceColumnId","target","columnId","targetIndex","focusRow","id","_el_focus","root","el","querySelector","focus","call","liftAt","mode","kb","next","size","moveSession","direction","moved","dropSession","result","commit","from","to","requestAnimationFrame","cancelSession","onRowKeyDown","e","key","preventDefault","onHandleKeyDown","window","onKey","onKey2","_e_target_closest","_e_target","stopPropagation","handle","closest","getAttribute","indexOf","addEventListener","removeEventListener","measure","_ref","_rows_","els","querySelectorAll","top","getBoundingClientRect","rows","r","start","scrollTop","height","onHandlePointerDown","_e_pointerType","_e_preventDefault","pointerType","lifted","hold","liftPointer","liftPointer2","clientY","measured","sized","localY","count","onMove","onMove2","ev","rect","vel","pos","end","bottom","edge","maxSpeed","teardown","teardown2","clearTimeout","onUp","onCancel","onUp2","onCancel2","setTimeout","translateForIndex","gapIndex","liveProps"],"sources":["useSortableRows.native.js"],"sourcesContent":["import { createContext, createElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport { AUTO_SCROLL_EDGE_PX, AUTO_SCROLL_MAX_SPEED, LIST_COLUMN_ID, TOUCH_LONG_PRESS_MS, applyReorder, autoScrollVelocity, describeCancel, describeDragState, formatListAnnouncement, insertionIndexForY, keyboardLift, keyboardMove, listBoardSnapshot, resolveDrop, siblingOffset } from \"../views/kanbanDnd\";\nvar DEFAULT_ROW_SELECTOR = \"[data-sortable-row], [data-child-row]\";\nvar SortableSessionContext = createContext({\n  sourceId: null\n});\nfunction SortableSessionProvider(param) {\n  var { sourceId, children } = param;\n  return createElement(SortableSessionContext.Provider, {\n    value: {\n      sourceId\n    }\n  }, children);\n}\nfunction useSortableDragging(itemId, dragging) {\n  var { sourceId } = useContext(SortableSessionContext);\n  return dragging !== null && dragging !== void 0 ? dragging : sourceId === itemId;\n}\nfunction useSortableRows(param) {\n  var { items, getId, getLabel, canReorder, onChange, enabled, containerRef, rowSelector = DEFAULT_ROW_SELECTOR } = param;\n  var [session, setSession] = useState(null);\n  var [announcement, setAnnouncement] = useState(\"\");\n  var [focusedIndex, setFocusedIndex] = useState(0);\n  var sessionRef = useRef(null);\n  sessionRef.current = session;\n  var itemsRef = useRef(items);\n  itemsRef.current = items;\n  var board = useMemo(function() {\n    return listBoardSnapshot(items.length);\n  }, [\n    items.length\n  ]);\n  var ids = useMemo(function() {\n    return items.map(function(item, i) {\n      return getId(item, i);\n    });\n  }, [\n    items,\n    getId\n  ]);\n  var labels = useMemo(function() {\n    return items.map(function(item, i) {\n      return getLabel(item, i);\n    });\n  }, [\n    items,\n    getLabel\n  ]);\n  var rowEnabled = useCallback(function(index) {\n    if (!enabled) return false;\n    if (index < 0 || index >= items.length) return false;\n    return canReorder ? canReorder(items[index], index) : true;\n  }, [\n    canReorder,\n    enabled,\n    items\n  ]);\n  var announce = useCallback(function(type, drag, label) {\n    if (type === \"cancel\") {\n      setAnnouncement(formatListAnnouncement(describeCancel(drag, board, label), {\n        sourcePosition: drag.sourceIndex + 1\n      }));\n      return;\n    }\n    setAnnouncement(formatListAnnouncement(describeDragState(type, drag, board, label)));\n  }, [\n    board\n  ]);\n  var toDrag = useCallback(function(s) {\n    return {\n      sourceColumnId: LIST_COLUMN_ID,\n      sourceIndex: s.sourceIndex,\n      target: {\n        columnId: LIST_COLUMN_ID,\n        index: s.targetIndex\n      }\n    };\n  }, []);\n  var focusRow = useCallback(function(id) {\n    var _el_focus;\n    var root = containerRef.current;\n    if (!root) return;\n    var el = root.querySelector(`[data-sortable-row=\"${id}\"], [data-child-row-id=\"${id}\"]`);\n    el === null || el === void 0 ? void 0 : (_el_focus = el.focus) === null || _el_focus === void 0 ? void 0 : _el_focus.call(el);\n  }, [\n    containerRef\n  ]);\n  var liftAt = useCallback(function(index, mode) {\n    if (!rowEnabled(index)) return false;\n    var kb = keyboardLift(board, LIST_COLUMN_ID, index);\n    if (!kb) return false;\n    var next = {\n      mode,\n      sourceIndex: index,\n      targetIndex: kb.target.index,\n      id: ids[index],\n      label: labels[index],\n      size: 44\n    };\n    setSession(next);\n    sessionRef.current = next;\n    announce(\"lift\", kb, next.label);\n    return true;\n  }, [\n    announce,\n    board,\n    ids,\n    labels,\n    rowEnabled\n  ]);\n  var moveSession = useCallback(function(direction) {\n    var current = sessionRef.current;\n    if (!current) return false;\n    var drag = toDrag(current);\n    var moved = keyboardMove(drag, board, direction);\n    if (moved === drag) return true;\n    var next = {\n      ...current,\n      targetIndex: moved.target.index\n    };\n    setSession(next);\n    sessionRef.current = next;\n    announce(\"move\", moved, current.label);\n    return true;\n  }, [\n    announce,\n    board,\n    toDrag\n  ]);\n  var dropSession = useCallback(function() {\n    var current = sessionRef.current;\n    if (!current) return false;\n    var drag = toDrag(current);\n    var result = resolveDrop(drag);\n    announce(\"drop\", drag, current.label);\n    setSession(null);\n    sessionRef.current = null;\n    if (result.commit) {\n      onChange === null || onChange === void 0 ? void 0 : onChange(applyReorder(itemsRef.current, result.from.index, result.to.index));\n    }\n    requestAnimationFrame(function() {\n      return focusRow(current.id);\n    });\n    return true;\n  }, [\n    announce,\n    focusRow,\n    onChange,\n    toDrag\n  ]);\n  var cancelSession = useCallback(function() {\n    var current = sessionRef.current;\n    if (!current) return false;\n    announce(\"cancel\", toDrag(current), current.label);\n    setSession(null);\n    sessionRef.current = null;\n    requestAnimationFrame(function() {\n      return focusRow(current.id);\n    });\n    return true;\n  }, [\n    announce,\n    focusRow,\n    toDrag\n  ]);\n  var onRowKeyDown = useCallback(function(index, e) {\n    if (!enabled) return;\n    if (sessionRef.current) return;\n    if (e.key === \" \") {\n      e.preventDefault();\n      liftAt(index, \"keyboard\");\n    }\n  }, [\n    enabled,\n    liftAt\n  ]);\n  var onHandleKeyDown = useCallback(function(index, e) {\n    if (!enabled) return;\n    if (sessionRef.current) return;\n    if (e.key === \" \" || e.key === \"Enter\") {\n      e.preventDefault();\n      liftAt(index, \"keyboard\");\n    }\n  }, [\n    enabled,\n    liftAt\n  ]);\n  useEffect(function() {\n    if (!enabled || typeof window === \"undefined\") return;\n    var onKey = function onKey2(e) {\n      var _e_target_closest, _e_target;\n      var current = sessionRef.current;\n      if (current) {\n        if (e.key === \"Escape\") {\n          e.preventDefault();\n          e.stopPropagation();\n          cancelSession();\n          return;\n        }\n        if (e.key === \"ArrowDown\") {\n          e.preventDefault();\n          e.stopPropagation();\n          moveSession(\"down\");\n          return;\n        }\n        if (e.key === \"ArrowUp\") {\n          e.preventDefault();\n          e.stopPropagation();\n          moveSession(\"up\");\n          return;\n        }\n        if (e.key === \" \" || e.key === \"Enter\") {\n          e.preventDefault();\n          e.stopPropagation();\n          dropSession();\n        }\n        return;\n      }\n      if (e.key !== \" \" && e.key !== \"Enter\") return;\n      var handle = (_e_target = e.target) === null || _e_target === void 0 ? void 0 : (_e_target_closest = _e_target.closest) === null || _e_target_closest === void 0 ? void 0 : _e_target_closest.call(_e_target, \"[data-sortable-handle]\");\n      if (!handle) return;\n      var id = handle.getAttribute(\"data-sortable-handle\");\n      var index = ids.indexOf(id !== null && id !== void 0 ? id : \"\");\n      if (index < 0) return;\n      e.preventDefault();\n      liftAt(index, \"keyboard\");\n    };\n    window.addEventListener(\"keydown\", onKey, true);\n    return function() {\n      return window.removeEventListener(\"keydown\", onKey, true);\n    };\n  }, [\n    cancelSession,\n    dropSession,\n    enabled,\n    ids,\n    liftAt,\n    moveSession\n  ]);\n  var measure = useCallback(function() {\n    var _ref;\n    var _rows_;\n    var root = containerRef.current;\n    if (!root) return {\n      items: [],\n      size: 44\n    };\n    var els = [\n      ...root.querySelectorAll(rowSelector)\n    ];\n    var top = root.getBoundingClientRect().top;\n    var rows = els.map(function(el, index) {\n      var r = el.getBoundingClientRect();\n      return {\n        index,\n        start: r.top - top + root.scrollTop,\n        size: r.height\n      };\n    });\n    return {\n      items: rows,\n      size: (_ref = (_rows_ = rows[0]) === null || _rows_ === void 0 ? void 0 : _rows_.size) !== null && _ref !== void 0 ? _ref : 44\n    };\n  }, [\n    containerRef,\n    rowSelector\n  ]);\n  var onHandlePointerDown = useCallback(function(index, e) {\n    var _e_pointerType;\n    var _e_preventDefault;\n    if (!enabled || !rowEnabled(index)) return;\n    (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);\n    var pointerType = (_e_pointerType = e.pointerType) !== null && _e_pointerType !== void 0 ? _e_pointerType : \"mouse\";\n    var lifted = false;\n    var hold = null;\n    var liftPointer = function liftPointer2(clientY) {\n      if (lifted) return;\n      lifted = true;\n      var { items: measured, size } = measure();\n      if (!liftAt(index, \"pointer\")) return;\n      var current = sessionRef.current;\n      if (current) {\n        var sized = {\n          ...current,\n          size\n        };\n        setSession(sized);\n        sessionRef.current = sized;\n      }\n      var localY = (function() {\n        var root = containerRef.current;\n        if (!root) return 0;\n        return clientY - root.getBoundingClientRect().top + root.scrollTop;\n      })();\n      var target = insertionIndexForY({\n        localY,\n        items: measured,\n        sourceIndex: index,\n        count: itemsRef.current.length,\n        size\n      });\n      var next = sessionRef.current;\n      if (next && target !== next.targetIndex) {\n        var moved = {\n          ...next,\n          targetIndex: target\n        };\n        setSession(moved);\n        sessionRef.current = moved;\n        announce(\"move\", toDrag(moved), moved.label);\n      }\n    };\n    var onMove = function onMove2(ev) {\n      if (!lifted) return;\n      var root = containerRef.current;\n      if (!root) return;\n      var rect = root.getBoundingClientRect();\n      var vel = autoScrollVelocity({\n        pos: ev.clientY,\n        start: rect.top,\n        end: rect.bottom,\n        edge: AUTO_SCROLL_EDGE_PX,\n        maxSpeed: AUTO_SCROLL_MAX_SPEED\n      });\n      if (vel) root.scrollTop += vel;\n      var { items: measured, size } = measure();\n      var localY = ev.clientY - rect.top + root.scrollTop;\n      var current = sessionRef.current;\n      if (!current) return;\n      var target = insertionIndexForY({\n        localY,\n        items: measured,\n        sourceIndex: current.sourceIndex,\n        count: itemsRef.current.length,\n        size\n      });\n      if (target === current.targetIndex) return;\n      var moved = {\n        ...current,\n        targetIndex: target\n      };\n      setSession(moved);\n      sessionRef.current = moved;\n      announce(\"move\", toDrag(moved), moved.label);\n    };\n    var teardown = function teardown2() {\n      if (hold != null) clearTimeout(hold);\n      window.removeEventListener(\"pointermove\", onMove);\n      window.removeEventListener(\"pointerup\", onUp);\n      window.removeEventListener(\"pointercancel\", onCancel);\n    };\n    var onUp = function onUp2() {\n      teardown();\n      if (lifted) dropSession();\n    };\n    var onCancel = function onCancel2() {\n      teardown();\n      if (lifted) cancelSession();\n    };\n    window.addEventListener(\"pointermove\", onMove);\n    window.addEventListener(\"pointerup\", onUp);\n    window.addEventListener(\"pointercancel\", onCancel);\n    if (pointerType === \"mouse\") {\n      liftPointer(e.clientY);\n    } else {\n      hold = setTimeout(function() {\n        return liftPointer(e.clientY);\n      }, TOUCH_LONG_PRESS_MS);\n    }\n  }, [\n    announce,\n    cancelSession,\n    containerRef,\n    dropSession,\n    enabled,\n    liftAt,\n    measure,\n    rowEnabled,\n    toDrag\n  ]);\n  var translateForIndex = useCallback(function(index) {\n    var current = session;\n    if (!current) return 0;\n    return siblingOffset({\n      index,\n      sourceIndex: current.sourceIndex,\n      gapIndex: current.targetIndex,\n      size: current.size\n    });\n  }, [\n    session\n  ]);\n  return {\n    session,\n    announcement,\n    focusedIndex,\n    setFocusedIndex,\n    rowEnabled,\n    ids,\n    labels,\n    liftAt,\n    onRowKeyDown,\n    onHandleKeyDown,\n    onHandlePointerDown,\n    translateForIndex,\n    liveProps: {\n      \"aria-live\": \"polite\",\n      \"aria-atomic\": true,\n      \"data-sortable-live\": \"true\"\n    }\n  };\n}\nexport {\n  SortableSessionProvider,\n  useSortableDragging,\n  useSortableRows\n};\n//# sourceMappingURL=useSortableRows.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/Tabs/index.mjs

@@ -1,9 +1,34 @@
-import { MIN_PRESS_TARGET, ensureKeyboardModalityTracking, getGroupPosition, keyboardFocusRingProps, pressTargetHitSlop, stackEdgeRadius, stackRadiusProps, useAccentTintedSurface, useReadableTextOn, useResolvedKnobs, wasKeyboardFocus } from "@multiplatform.one/theme";
+import { MIN_PRESS_TARGET, ensureKeyboardModalityTracking, getGroupPosition, hairline, keyboardFocusRingProps, pressTargetHitSlop, stackEdgeRadius, stackRadiusProps, useAccentTintedSurface, useReadableTextOn, useResolvedKnobs, wasKeyboardFocus } from "@multiplatform.one/theme";
 import React from "react";
+import { useDirection } from "../hooks/useDirection.mjs";
 import { useTranslation } from "../shared/i18n.mjs";
-import { ScrollView, Tabs as TamaguiTabs, Text, Theme, View, YStack, isWeb, styled } from "tamagui";
+import { wrapBareTextChildren } from "../shared/textRidesText.mjs";
+import { ScrollView, Tabs as TamaguiTabs, Text, Theme, View, YStack, isWeb, styled, withStaticProperties } from "tamagui";
 import { componentColors } from "../componentColors.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
+function tabsOverflowFades(offset, viewport, content, direction, threshold = 4) {
+  const range = Math.max(content - viewport, 0);
+  const minScrollLeft = direction === "rtl" ? -range : 0;
+  const fromLeft = offset - minScrollLeft;
+  const fromRight = minScrollLeft + range - offset;
+  return {
+    left: fromLeft > threshold,
+    right: fromRight > threshold
+  };
+}
+function tabsScrollIntoViewX(layout, offset, viewport, content, direction, pad = 32) {
+  const range = Math.max(content - viewport, 0);
+  if (range <= 0) return void 0;
+  const minScrollLeft = direction === "rtl" ? -range : 0;
+  const fromLeft = offset - minScrollLeft;
+  let targetFromLeft;
+  if (layout.x < fromLeft + pad) {
+    targetFromLeft = Math.max(0, layout.x - pad);
+  } else if (layout.x + layout.width > fromLeft + viewport - pad) {
+    targetFromLeft = Math.min(range, layout.x + layout.width - viewport + pad);
+  }
+  return targetFromLeft === void 0 ? void 0 : targetFromLeft + minScrollLeft;
+}
 function underlineStackRadius(position, radius) {
   const start = position === "first" || position === "only";
   const end = position === "last" || position === "only";
@@ -24,15 +49,7 @@ const fillProps = {
 const StripWrapper = styled(View, {
   name: "MpTabsStrip",
   width: "100%",
-  position: "relative",
-  variants: {
-    underline: {
-      true: {
-        borderBottomWidth: 1,
-        borderColor: componentColors.surface.border
-      }
-    }
-  }
+  position: "relative"
 });
 const TabsList = styled(TamaguiTabs.List, {
   name: "MpTabsList",
@@ -77,7 +94,9 @@ const UnderlineIndicator = styled(View, {
   position: "absolute",
   bottom: 0,
   height: 2,
-  borderRadius: 1,
+  // Token scale (design-audit): 0, not a 1px radius that isn't a stop.
+  // A 2px selection mark is a rectangle sitting on the G10 hairline.
+  borderRadius: 0,
   backgroundColor: "$color9"
 });
 const ThumbIndicator = styled(View, {
@@ -97,7 +116,7 @@ const TabLabel = styled(Text, {
     }
   }
 });
-function Tabs({
+function TabsRoot({
   items,
   value,
   defaultValue,
@@ -113,11 +132,13 @@ function Tabs({
   fill = false,
   activationMode = "automatic",
   loop = true,
-  disabled = false
+  disabled = false,
+  ariaLabel
 }) {
   const {
     t
   } = useTranslation();
+  const direction = useDirection();
   const intent = accent && "accent" || error && "error" || warning && "warning" || success && "success" || void 0;
   const {
     knobProps,
@@ -172,12 +193,8 @@ function Tabs({
       viewport,
       content
     } = scrollMetrics.current;
-    const left = offset > 4;
-    const right = content - viewport - offset > 4;
-    setFades(prev => prev.left === left && prev.right === right ? prev : {
-      left,
-      right
-    });
+    const next = tabsOverflowFades(offset, viewport, content, direction);
+    setFades(prev => prev.left === next.left && prev.right === next.right ? prev : next);
   };
   React.useEffect(() => {
     if (!activeLayout) return;
@@ -186,21 +203,14 @@ function Tabs({
       viewport,
       content
     } = scrollMetrics.current;
-    if (content <= viewport) return;
-    const pad = 32;
-    let target;
-    if (activeLayout.x < offset + pad) {
-      target = Math.max(0, activeLayout.x - pad);
-    } else if (activeLayout.x + activeLayout.width > offset + viewport - pad) {
-      target = Math.min(content - viewport, activeLayout.x + activeLayout.width - viewport + pad);
-    }
+    const target = tabsScrollIntoViewX(activeLayout, offset, viewport, content, direction);
     if (target !== void 0) {
       scrollRef.current?.scrollTo({
         x: target,
         animated: true
       });
     }
-  }, [activeLayout]);
+  }, [activeLayout, direction]);
   const isUnderline = variant === "underline";
   const indicatorTheme = intent ?? "accent";
   const visualSizeToken = size ?? knobProps.sizeToken;
@@ -208,7 +218,7 @@ function Tabs({
   const slop = Math.max(0, Math.ceil((MIN_PRESS_TARGET - sizePx) / 2));
   const tabHitSlop = pressTargetHitSlop(sizePx);
   const radiusToken = knobProps.borderRadius.borderRadius;
-  const outerRadiusToken = knobProps.borderRadiusOuter.borderRadius;
+  const outerRadiusToken = knobProps.borderRadiusNested.borderRadius;
   const transition = knobProps.transition;
   const enabledCount = items.length;
   const activeIndex = items.findIndex(i => i.value === currentValue);
@@ -228,6 +238,7 @@ function Tabs({
     children: /* @__PURE__ */jsx(UnderlineIndicator, {
       x: activeLayout.x,
       width: activeLayout.width,
+      "data-tabs-indicator": "underline",
       ...(transition ? {
         transition
       } : void 0)
@@ -240,6 +251,7 @@ function Tabs({
       width: activeLayout.width,
       height: activeLayout.height,
       backgroundColor: selectedTint ?? "$color4",
+      "data-tabs-indicator": "thumb",
       ...thumbRadius,
       ...(knobProps.elevation !== void 0 ? {
         elevation: knobProps.elevation
@@ -250,6 +262,7 @@ function Tabs({
     })
   }) : null;
   if (items.length === 0) return null;
+  const tabListLabel = ariaLabel ?? t("Tabs");
   return /* @__PURE__ */jsxs(TamaguiTabs, {
     value: currentValue,
     onValueChange: handleChange,
@@ -260,11 +273,17 @@ function Tabs({
     ...(fill ? fillProps : void 0),
     "data-tabs-variant": variant,
     "data-tabs-fill": fill ? "true" : void 0,
+    "data-tabs-dir": direction,
     "data-size-token": visualSizeToken,
     "data-density": knobProps.density,
     "data-visual-px": sizePx,
     children: [/* @__PURE__ */jsx(StripWrapper, {
-      underline: isUnderline,
+      ...(isUnderline ? {
+        ...hairline.bottom,
+        borderColor: componentColors.surface.border
+      } : void 0),
+      "data-fade-left": fades.left ? "true" : void 0,
+      "data-fade-right": fades.right ? "true" : void 0,
       children: /* @__PURE__ */jsx(ScrollView, {
         ref: scrollRef,
         horizontal: true,
@@ -289,7 +308,7 @@ function Tabs({
         },
         children: /* @__PURE__ */jsxs(TabsList, {
           loop,
-          "aria-label": t("Tabs"),
+          "aria-label": tabListLabel,
           "data-tabs-list": variant,
           "data-size-token": visualSizeToken,
           "data-density": knobProps.density,
@@ -305,7 +324,7 @@ function Tabs({
             gap: 0,
             // Full fragment spread (AGENTS.md knob rule) so the
             // cornerSmoothing class rides along with the radius.
-            ...knobProps.borderRadiusOuter
+            ...knobProps.borderRadiusNested
           }),
           children: [indicator, items.map((item, itemIndex) => {
             const isActive = item.value === currentValue;
@@ -368,7 +387,7 @@ function Tabs({
                   fontFamily: knobProps.label.fontFamily,
                   fontWeight: isActive ? "700" : knobProps.label.fontWeight,
                   color: isDisabled ? componentColors.text.muted : isActive ? !isUnderline && onSelectedTint ? onSelectedTint : componentColors.text.primary : componentColors.text.secondary,
-                  children: item.label
+                  children: wrapBareTextChildren(item.label, label => label)
                 }), item.badge]
               })
             }, item.value);
@@ -418,8 +437,11 @@ function Tabs({
     })]
   });
 }
-Tabs.List = TamaguiTabs.List;
-Tabs.Tab = TamaguiTabs.Tab;
-Tabs.Content = TamaguiTabs.Content;
-export { Tabs };
+TabsRoot.displayName = "Tabs";
+const Tabs = withStaticProperties(TabsRoot, {
+  List: TamaguiTabs.List,
+  Tab: TamaguiTabs.Tab,
+  Content: TamaguiTabs.Content
+});
+export { Tabs, tabsOverflowFades, tabsScrollIntoViewX };
 //# sourceMappingURL=index.mjs.map