@multiplatform.one/components 6.6.0 → 7.0.0

package/dist/cjs/views/ImageGrid.cjs

@@ -27,11 +27,12 @@ __export(ImageGrid_exports, {
 module.exports = __toCommonJS(ImageGrid_exports);
 var import_AsyncBoundary = require("../layouts/AsyncBoundary.cjs");
 var import_Skeleton = require("../Skeleton/index.cjs");
+var import_useDirection = require("../hooks/useDirection.cjs");
 var import_forms = require("@multiplatform.one/forms");
 var import_theme = require("@multiplatform.one/theme");
 var import_react_hotkeys = require("@tanstack/react-hotkeys");
 var import_react = require("react");
-var import_react_i18next = require("react-i18next");
+var import_i18n = require("../shared/i18n.cjs");
 var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function ImageGridSkeleton({
@@ -58,6 +59,63 @@ function ImageGridSkeleton({
     }, i))
   });
 }
+function ImageGridTile({
+  id,
+  isFocused,
+  showRing,
+  clickable,
+  cellPadding,
+  columns,
+  colIndex,
+  rowIndex,
+  radius,
+  radiusClassName,
+  onPress,
+  children
+}) {
+  const [hovered, setHovered] = (0, import_react.useState)(false);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    width: `${100 / columns}%`,
+    padding: cellPadding,
+    role: "presentation",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+      id,
+      ...{
+        role: "gridcell"
+      },
+      "aria-colindex": colIndex,
+      "aria-rowindex": rowIndex,
+      "aria-selected": isFocused,
+      "data-focused": isFocused || void 0,
+      position: "relative",
+      borderRadius: radius,
+      ...(radiusClassName ? {
+        className: radiusClassName
+      } : {}),
+      cursor: clickable ? "pointer" : void 0,
+      ...(showRing ? import_theme.keyboardFocusRingProps : {
+        outlineWidth: 0
+      }),
+      ...{
+        onHoverIn: () => setHovered(true),
+        onHoverOut: () => setHovered(false)
+      },
+      onPress,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        borderRadius: radius,
+        overflow: "hidden",
+        children
+      }), hovered && !showRing ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        position: "absolute",
+        inset: 0,
+        pointerEvents: "none",
+        backgroundColor: "$color12",
+        opacity: 0.08,
+        borderRadius: radius
+      }) : null]
+    })
+  });
+}
 function ImageGrid({
   items,
   renderItem,
@@ -77,11 +135,12 @@ function ImageGrid({
 }) {
   const {
     t
-  } = (0, import_react_i18next.useTranslation)();
+  } = (0, import_i18n.useTranslation)();
   const emptyMessage = emptyMessageProp ?? t("No items found");
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  const isRTL = (0, import_useDirection.useDirection)() === "rtl";
   const {
     width: windowWidth
   } = (0, import_tamagui.useWindowDimensions)();
@@ -98,6 +157,11 @@ function ImageGrid({
   const containerRef = (0, import_react.useRef)(null);
   const sentinelRef = (0, import_react.useRef)(null);
   const [focusedIndex, setFocusedIndex] = (0, import_react.useState)(-1);
+  if (typeof document !== "undefined") (0, import_theme.ensureKeyboardModalityTracking)();
+  const handleContainerFocus = (0, import_react.useCallback)(() => {
+    if (!(0, import_theme.wasKeyboardFocus)()) return;
+    setFocusedIndex(prev => prev < 0 ? 0 : prev);
+  }, []);
   const gapToken = knobProps.gap.gap;
   const gutter = typeof gapToken === "number" ? gapToken : (0, import_tamagui.getTokenValue)(gapToken, "space") ?? 16;
   const cellPadding = gutter / 2;
@@ -108,59 +172,42 @@ function ImageGrid({
       });
     }
   }, [gridId, items.length]);
-  const hotkeyOpts = {
-    target: containerRef
-  };
-  (0, import_react_hotkeys.useHotkey)(hotkeyOverrides?.right ?? "ArrowRight", () => {
-    setFocusedIndex(prev => {
-      if (prev < 0) return 0;
-      const col = prev % columns;
-      if (col < columns - 1 && prev + 1 < items.length) {
-        const next = prev + 1;
-        scrollToIndex(next);
-        return next;
-      }
-      return prev;
-    });
-  }, hotkeyOpts);
-  (0, import_react_hotkeys.useHotkey)(hotkeyOverrides?.left ?? "ArrowLeft", () => {
+  const moveFocus = (0, import_react.useCallback)(delta => {
     setFocusedIndex(prev => {
-      if (prev < 0) return 0;
-      const col = prev % columns;
-      if (col > 0) {
-        const next = prev - 1;
-        scrollToIndex(next);
-        return next;
+      if (items.length === 0) return prev;
+      if (prev < 0) {
+        scrollToIndex(0);
+        return 0;
       }
-      return prev;
+      const next = Math.max(0, Math.min(items.length - 1, prev + delta));
+      scrollToIndex(next);
+      return next;
     });
-  }, hotkeyOpts);
-  (0, import_react_hotkeys.useHotkey)(hotkeyOverrides?.down ?? "ArrowDown", () => {
-    setFocusedIndex(prev => {
-      if (prev < 0) return 0;
-      const next = prev + columns;
-      if (next < items.length) {
-        scrollToIndex(next);
-        return next;
-      }
-      return prev;
-    });
-  }, hotkeyOpts);
-  (0, import_react_hotkeys.useHotkey)(hotkeyOverrides?.up ?? "ArrowUp", () => {
-    setFocusedIndex(prev => {
-      if (prev < 0) return 0;
-      const next = prev - columns;
-      if (next >= 0) {
-        scrollToIndex(next);
-        return next;
-      }
-      return prev;
-    });
-  }, hotkeyOpts);
-  (0, import_react_hotkeys.useHotkey)(hotkeyOverrides?.select ?? "Enter", () => {
+  }, [items.length, scrollToIndex]);
+  const hotkeyOpts = {
+    target: containerRef
+  };
+  (0, import_react_hotkeys.useHotkey)(hotkeyOverrides?.right ?? "ArrowRight", () => moveFocus(isRTL ? -1 : 1), hotkeyOpts);
+  (0, import_react_hotkeys.useHotkey)(hotkeyOverrides?.left ?? "ArrowLeft", () => moveFocus(isRTL ? 1 : -1), hotkeyOpts);
+  (0, import_react_hotkeys.useHotkey)(hotkeyOverrides?.down ?? "ArrowDown", () => moveFocus(columns), hotkeyOpts);
+  (0, import_react_hotkeys.useHotkey)(hotkeyOverrides?.up ?? "ArrowUp", () => moveFocus(-columns), hotkeyOpts);
+  const activateFocused = (0, import_react.useCallback)(() => {
     if (focusedIndex >= 0 && focusedIndex < items.length) {
       onItemClick?.(items[focusedIndex]);
     }
+  }, [focusedIndex, items, onItemClick]);
+  (0, import_react_hotkeys.useHotkey)(hotkeyOverrides?.select ?? "Enter", activateFocused, hotkeyOpts);
+  (0, import_react_hotkeys.useHotkey)("Space", activateFocused, hotkeyOpts);
+  (0, import_react_hotkeys.useHotkey)(hotkeyOverrides?.first ?? "Home", () => {
+    if (items.length === 0) return;
+    setFocusedIndex(0);
+    scrollToIndex(0);
+  }, hotkeyOpts);
+  (0, import_react_hotkeys.useHotkey)(hotkeyOverrides?.last ?? "End", () => {
+    if (items.length === 0) return;
+    const last = items.length - 1;
+    setFocusedIndex(last);
+    scrollToIndex(last);
   }, hotkeyOpts);
   (0, import_react.useEffect)(() => {
     if (height !== void 0 || !onLoadMore || !hasMore || isLoading) return;
@@ -177,13 +224,26 @@ function ImageGrid({
     error
   }) === "error";
   const effectiveFocused = focusedIndex >= items.length ? -1 : focusedIndex;
+  const showKeyboardRing = effectiveFocused >= 0 && (0, import_theme.wasKeyboardFocus)();
+  const rowCount = Math.ceil(items.length / columns);
+  const radius = knobProps.borderRadius.borderRadius;
+  const radiusClassName = knobProps.borderRadius.className;
   const gridBody = items.length === 0 ? null : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
     ref: containerRef,
     role: "grid",
     "aria-label": t("Image grid"),
+    "aria-colcount": columns,
+    "aria-rowcount": rowCount,
     "aria-activedescendant": effectiveFocused >= 0 ? `${gridId}-item-${effectiveFocused}` : void 0,
     tabIndex: 0,
     outlineWidth: 0,
+    focusStyle: {
+      outlineWidth: 0
+    },
+    focusVisibleStyle: {
+      outlineWidth: 0
+    },
+    onFocus: handleContainerFocus,
     ...(height !== void 0 ? {
       style: {
         height,
@@ -196,32 +256,37 @@ function ImageGrid({
         }
       } : void 0
     } : null),
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-      flexWrap: "wrap",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
       margin: -cellPadding,
-      children: items.map((item, index) => {
-        const isFocused = effectiveFocused === index;
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-          id: `${gridId}-item-${index}`,
-          "data-focused": isFocused || void 0,
-          width: `${100 / columns}%`,
-          padding: cellPadding,
-          backgroundColor: isFocused ? "$accentBackground" : void 0,
-          borderRadius: isFocused ? knobProps.borderRadius.borderRadius : void 0,
-          cursor: onItemClick ? "pointer" : void 0,
-          onPress: onItemClick ? () => {
-            setFocusedIndex(index);
-            onItemClick(item);
-          } : void 0,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-            borderRadius: knobProps.borderRadius.borderRadius,
-            ...(knobProps.borderRadius.className ? {
-              className: knobProps.borderRadius.className
-            } : {}),
-            overflow: "hidden",
-            children: renderItem(item)
+      children: Array.from({
+        length: rowCount
+      }, (_, row) => {
+        const start = row * columns;
+        const rowItems = items.slice(start, start + columns);
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          role: "row",
+          children: rowItems.map((item, col) => {
+            const index = start + col;
+            const isFocused = effectiveFocused === index;
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ImageGridTile, {
+              id: `${gridId}-item-${index}`,
+              isFocused,
+              showRing: isFocused && showKeyboardRing,
+              clickable: Boolean(onItemClick),
+              cellPadding,
+              columns,
+              colIndex: col + 1,
+              rowIndex: row + 1,
+              radius,
+              radiusClassName,
+              onPress: onItemClick ? () => {
+                setFocusedIndex(index);
+                onItemClick(item);
+              } : void 0,
+              children: renderItem(item)
+            }, `${gridId}-item-${index}`);
           })
-        }, `${gridId}-item-${index}`);
+        }, `${gridId}-row-${row}`);
       })
     }), isLoading && items.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
       padding: "$2",

package/dist/cjs/views/ImageGrid.native.js

@@ -41,11 +41,12 @@ module.exports = __toCommonJS(ImageGrid_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_AsyncBoundary = require("../layouts/AsyncBoundary.native.js");
 var import_Skeleton = require("../Skeleton/index.native.js");
+var import_useDirection = require("../hooks/useDirection.native.js");
 var import_forms = require("@multiplatform.one/forms");
 var import_theme = require("@multiplatform.one/theme");
 var import_react_hotkeys = require("@tanstack/react-hotkeys");
 var import_react = __toESM(require("react"));
-var import_react_i18next = require("react-i18next");
+var import_i18n = require("../shared/i18n.native.js");
 var import_tamagui = require("tamagui");
 function ImageGridSkeleton(param) {
   var {
@@ -74,6 +75,76 @@ function ImageGridSkeleton(param) {
     })
   });
 }
+function ImageGridTile(param) {
+  var {
+    id,
+    isFocused,
+    showRing,
+    clickable,
+    cellPadding,
+    columns,
+    colIndex,
+    rowIndex,
+    radius,
+    radiusClassName,
+    onPress,
+    children
+  } = param;
+  var [hovered, setHovered] = (0, import_react.useState)(false);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    width: `${100 / columns}%`,
+    padding: cellPadding,
+    role: "presentation",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+      id,
+      // "gridcell" is a valid ARIA role but outside RN's `Role` union;
+      // forwarded to the DOM node on web (house Record cast).
+      ...{
+        role: "gridcell"
+      },
+      "aria-colindex": colIndex,
+      "aria-rowindex": rowIndex,
+      "aria-selected": isFocused,
+      "data-focused": isFocused || void 0,
+      position: "relative",
+      borderRadius: radius,
+      ...(radiusClassName ? {
+        className: radiusClassName
+      } : {}),
+      cursor: clickable ? "pointer" : void 0,
+      ...(showRing ? import_theme.keyboardFocusRingProps : {
+        outlineWidth: 0
+      }),
+      // Tamagui forwards onHoverIn/onHoverOut at runtime; the RN-flavored
+      // View prop type omits them (house Record cast).
+      ...{
+        onHoverIn: function onHoverIn() {
+          return setHovered(true);
+        },
+        onHoverOut: function onHoverOut() {
+          return setHovered(false);
+        }
+      },
+      onPress,
+      children: [
+      /* Clip media to the radius; keep overflow off the ring node so
+      LC-71 outline is not severed (same split as Input.Box). */
+      /* @__PURE__ */
+      (0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        borderRadius: radius,
+        overflow: "hidden",
+        children
+      }), hovered && !showRing ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        position: "absolute",
+        inset: 0,
+        pointerEvents: "none",
+        backgroundColor: "$color12",
+        opacity: 0.08,
+        borderRadius: radius
+      }) : null]
+    })
+  });
+}
 function ImageGrid(param) {
   var {
     items,
@@ -92,14 +163,15 @@ function ImageGrid(param) {
     hotkeys: hotkeyOverrides,
     ...stackProps
   } = param;
-  var _getTokenValue, _ref, _ref1, _ref2, _ref3, _ref4;
+  var _getTokenValue, _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6;
   var {
     t
-  } = (0, import_react_i18next.useTranslation)();
+  } = (0, import_i18n.useTranslation)();
   var emptyMessage = emptyMessageProp !== null && emptyMessageProp !== void 0 ? emptyMessageProp : t("No items found");
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  var isRTL = (0, import_useDirection.useDirection)() === "rtl";
   var {
     width: windowWidth
   } = (0, import_tamagui.useWindowDimensions)();
@@ -116,6 +188,13 @@ function ImageGrid(param) {
   var containerRef = (0, import_react.useRef)(null);
   var sentinelRef = (0, import_react.useRef)(null);
   var [focusedIndex, setFocusedIndex] = (0, import_react.useState)(-1);
+  if (typeof document !== "undefined") (0, import_theme.ensureKeyboardModalityTracking)();
+  var handleContainerFocus = (0, import_react.useCallback)(function () {
+    if (!(0, import_theme.wasKeyboardFocus)()) return;
+    setFocusedIndex(function (prev) {
+      return prev < 0 ? 0 : prev;
+    });
+  }, []);
   var gapToken = knobProps.gap.gap;
   var gutter = typeof gapToken === "number" ? gapToken : (_getTokenValue = (0, import_tamagui.getTokenValue)(gapToken, "space")) !== null && _getTokenValue !== void 0 ? _getTokenValue : 16;
   var cellPadding = gutter / 2;
@@ -127,59 +206,50 @@ function ImageGrid(param) {
       });
     }
   }, [gridId, items.length]);
+  var moveFocus = (0, import_react.useCallback)(function (delta) {
+    setFocusedIndex(function (prev) {
+      if (items.length === 0) return prev;
+      if (prev < 0) {
+        scrollToIndex(0);
+        return 0;
+      }
+      var next = Math.max(0, Math.min(items.length - 1, prev + delta));
+      scrollToIndex(next);
+      return next;
+    });
+  }, [items.length, scrollToIndex]);
   var hotkeyOpts = {
     target: containerRef
   };
   (0, import_react_hotkeys.useHotkey)((_ref = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.right) !== null && _ref !== void 0 ? _ref : "ArrowRight", function () {
-    setFocusedIndex(function (prev) {
-      if (prev < 0) return 0;
-      var col = prev % columns;
-      if (col < columns - 1 && prev + 1 < items.length) {
-        var next = prev + 1;
-        scrollToIndex(next);
-        return next;
-      }
-      return prev;
-    });
+    return moveFocus(isRTL ? -1 : 1);
   }, hotkeyOpts);
   (0, import_react_hotkeys.useHotkey)((_ref1 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.left) !== null && _ref1 !== void 0 ? _ref1 : "ArrowLeft", function () {
-    setFocusedIndex(function (prev) {
-      if (prev < 0) return 0;
-      var col = prev % columns;
-      if (col > 0) {
-        var next = prev - 1;
-        scrollToIndex(next);
-        return next;
-      }
-      return prev;
-    });
+    return moveFocus(isRTL ? 1 : -1);
   }, hotkeyOpts);
   (0, import_react_hotkeys.useHotkey)((_ref2 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.down) !== null && _ref2 !== void 0 ? _ref2 : "ArrowDown", function () {
-    setFocusedIndex(function (prev) {
-      if (prev < 0) return 0;
-      var next = prev + columns;
-      if (next < items.length) {
-        scrollToIndex(next);
-        return next;
-      }
-      return prev;
-    });
+    return moveFocus(columns);
   }, hotkeyOpts);
   (0, import_react_hotkeys.useHotkey)((_ref3 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.up) !== null && _ref3 !== void 0 ? _ref3 : "ArrowUp", function () {
-    setFocusedIndex(function (prev) {
-      if (prev < 0) return 0;
-      var next = prev - columns;
-      if (next >= 0) {
-        scrollToIndex(next);
-        return next;
-      }
-      return prev;
-    });
+    return moveFocus(-columns);
   }, hotkeyOpts);
-  (0, import_react_hotkeys.useHotkey)((_ref4 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.select) !== null && _ref4 !== void 0 ? _ref4 : "Enter", function () {
+  var activateFocused = (0, import_react.useCallback)(function () {
     if (focusedIndex >= 0 && focusedIndex < items.length) {
       onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(items[focusedIndex]);
     }
+  }, [focusedIndex, items, onItemClick]);
+  (0, import_react_hotkeys.useHotkey)((_ref4 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.select) !== null && _ref4 !== void 0 ? _ref4 : "Enter", activateFocused, hotkeyOpts);
+  (0, import_react_hotkeys.useHotkey)("Space", activateFocused, hotkeyOpts);
+  (0, import_react_hotkeys.useHotkey)((_ref5 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.first) !== null && _ref5 !== void 0 ? _ref5 : "Home", function () {
+    if (items.length === 0) return;
+    setFocusedIndex(0);
+    scrollToIndex(0);
+  }, hotkeyOpts);
+  (0, import_react_hotkeys.useHotkey)((_ref6 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.last) !== null && _ref6 !== void 0 ? _ref6 : "End", function () {
+    if (items.length === 0) return;
+    var last = items.length - 1;
+    setFocusedIndex(last);
+    scrollToIndex(last);
   }, hotkeyOpts);
   (0, import_react.useEffect)(function () {
     if (height !== void 0 || !onLoadMore || !hasMore || isLoading) return;
@@ -200,13 +270,26 @@ function ImageGrid(param) {
     error
   }) === "error";
   var effectiveFocused = focusedIndex >= items.length ? -1 : focusedIndex;
+  var showKeyboardRing = effectiveFocused >= 0 && (0, import_theme.wasKeyboardFocus)();
+  var rowCount = Math.ceil(items.length / columns);
+  var radius = knobProps.borderRadius.borderRadius;
+  var radiusClassName = knobProps.borderRadius.className;
   var gridBody = items.length === 0 ? null : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
     ref: containerRef,
     role: "grid",
     "aria-label": t("Image grid"),
+    "aria-colcount": columns,
+    "aria-rowcount": rowCount,
     "aria-activedescendant": effectiveFocused >= 0 ? `${gridId}-item-${effectiveFocused}` : void 0,
     tabIndex: 0,
     outlineWidth: 0,
+    focusStyle: {
+      outlineWidth: 0
+    },
+    focusVisibleStyle: {
+      outlineWidth: 0
+    },
+    onFocus: handleContainerFocus,
     ...(height !== void 0 ? {
       style: {
         height,
@@ -219,36 +302,37 @@ function ImageGrid(param) {
         }
       } : void 0
     } : null),
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-      flexWrap: "wrap",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
       margin: -cellPadding,
-      children: items.map(function (item, index) {
-        var isFocused = effectiveFocused === index;
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-          id: `${gridId}-item-${index}`,
-          "data-focused": isFocused || void 0,
-          width: `${100 / columns}%`,
-          padding: cellPadding,
-          backgroundColor: isFocused ? "$accentBackground" : void 0,
-          borderRadius: isFocused ? knobProps.borderRadius.borderRadius : void 0,
-          cursor: onItemClick ? "pointer" : void 0,
-          onPress: onItemClick ? function () {
-            setFocusedIndex(index);
-            onItemClick(item);
-          } : void 0,
-          children: (
-          /* Cards/media are R-SCALE (spec ImageGrid): the owned card
-          frame rounds with the radius knob and clips the media. */
-          /* @__PURE__ */
-          (0, import_jsx_runtime.jsx)(import_tamagui.View, {
-            borderRadius: knobProps.borderRadius.borderRadius,
-            ...(knobProps.borderRadius.className ? {
-              className: knobProps.borderRadius.className
-            } : {}),
-            overflow: "hidden",
-            children: renderItem(item)
-          }))
-        }, `${gridId}-item-${index}`);
+      children: Array.from({
+        length: rowCount
+      }, function (_, row) {
+        var start = row * columns;
+        var rowItems = items.slice(start, start + columns);
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          role: "row",
+          children: rowItems.map(function (item, col) {
+            var index = start + col;
+            var isFocused = effectiveFocused === index;
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ImageGridTile, {
+              id: `${gridId}-item-${index}`,
+              isFocused,
+              showRing: isFocused && showKeyboardRing,
+              clickable: Boolean(onItemClick),
+              cellPadding,
+              columns,
+              colIndex: col + 1,
+              rowIndex: row + 1,
+              radius,
+              radiusClassName,
+              onPress: onItemClick ? function () {
+                setFocusedIndex(index);
+                onItemClick(item);
+              } : void 0,
+              children: renderItem(item)
+            }, `${gridId}-item-${index}`);
+          })
+        }, `${gridId}-row-${row}`);
       })
     }), isLoading && items.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
       padding: "$2",

package/dist/cjs/views/ImageGrid.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","ImageGrid_exports","__export","ImageGrid","module","exports","import_jsx_runtime","require","import_AsyncBoundary","import_Skeleton","import_forms","import_theme","import_react_hotkeys","import_react","import_react_i18next","import_tamagui","ImageGridSkeleton","param","columns","cellPadding","loadingLabel","jsx","XStack","flexWrap","margin","children","Array","from","length","map","_","i","View","width","padding","Skeleton","variant","aspectRatio","items","renderItem","onItemClick","onLoadMore","hasMore","isLoading","error","onRetry","columnsProp","estimateSize","_estimateSize","overscan","_overscan","height","heightProp","emptyMessage","emptyMessageProp","hotkeys","hotkeyOverrides","stackProps","_getTokenValue","_ref","_ref1","_ref2","_ref3","_ref4","t","useTranslation","knobProps","useResolvedKnobs","windowWidth","useWindowDimensions","columnsBySizeClass","compact","medium","expanded","large","xl","getLayoutSizeClass","gridId","useId","containerRef","useRef","sentinelRef","focusedIndex","setFocusedIndex","useState","gapToken","gap","gutter","getTokenValue","scrollToIndex","useCallback","index","_document_getElementById","document","getElementById","scrollIntoView","block","hotkeyOpts","useHotkey","right","prev","col","next","left","down","up","select","useEffect","IntersectionObserver","el","current","observer","entries","some","entry","isIntersecting","observe","disconnect","hasError","resolveAsyncStatus","effectiveFocused","gridBody","jsxs","ref","role","tabIndex","outlineWidth","style","overflowY","onScroll","scrollTop","clientHeight","scrollHeight","item","isFocused","id","backgroundColor","borderRadius","cursor","onPress","className","overflow","YStack","alignItems","Spinner","size","AsyncBoundary","errorTitle","emptyTitle","loading","empty"],"sources":["../../../src/views/ImageGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","ImageGrid_exports","__export","ImageGrid","module","exports","import_jsx_runtime","require","import_AsyncBoundary","import_Skeleton","import_useDirection","import_forms","import_theme","import_react_hotkeys","import_react","import_i18n","import_tamagui","ImageGridSkeleton","param","columns","cellPadding","loadingLabel","jsx","XStack","flexWrap","margin","children","Array","from","length","map","_","i","View","width","padding","Skeleton","variant","aspectRatio","ImageGridTile","id","isFocused","showRing","clickable","colIndex","rowIndex","radius","radiusClassName","onPress","hovered","setHovered","useState","role","jsxs","position","borderRadius","className","cursor","keyboardFocusRingProps","outlineWidth","onHoverIn","onHoverOut","overflow","inset","pointerEvents","backgroundColor","opacity","items","renderItem","onItemClick","onLoadMore","hasMore","isLoading","error","onRetry","columnsProp","estimateSize","_estimateSize","overscan","_overscan","height","heightProp","emptyMessage","emptyMessageProp","hotkeys","hotkeyOverrides","stackProps","_getTokenValue","_ref","_ref1","_ref2","_ref3","_ref4","_ref5","_ref6","t","useTranslation","knobProps","useResolvedKnobs","isRTL","useDirection","windowWidth","useWindowDimensions","columnsBySizeClass","compact","medium","expanded","large","xl","getLayoutSizeClass","gridId","useId","containerRef","useRef","sentinelRef","focusedIndex","setFocusedIndex","document","ensureKeyboardModalityTracking","handleContainerFocus","useCallback","wasKeyboardFocus","prev","gapToken","gap","gutter","getTokenValue","scrollToIndex","index","_document_getElementById","getElementById","scrollIntoView","block","moveFocus","delta","next","Math","max","min","hotkeyOpts","useHotkey","right","left","down","up","activateFocused","select","first","last","useEffect","IntersectionObserver","el","current","observer","entries","some","entry","isIntersecting","observe","disconnect","hasError","resolveAsyncStatus","effectiveFocused","showKeyboardRing","rowCount","ceil","gridBody","ref","tabIndex","focusStyle","focusVisibleStyle","onFocus","style","overflowY","onScroll","scrollTop","clientHeight","scrollHeight","YStack","row","start","rowItems","slice","item","col","Boolean"],"sources":["../../../src/views/ImageGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}