@multiplatform.one/components 7.23.1 → 7.24.0

package/dist/cjs/views/ImageGrid.cjs

@@ -61,13 +61,17 @@ function ImageGridSkeleton({
     }, i))
   });
 }
+const tileTrack = {
+  flexGrow: 1,
+  flexShrink: 1,
+  flexBasis: 0,
+  minWidth: 0
+};
 function ImageGridTile({
   id,
   isFocused,
   showRing,
   clickable,
-  cellPadding,
-  columns,
   colIndex,
   rowIndex,
   radiusFragment,
@@ -77,8 +81,7 @@ function ImageGridTile({
   const radius = radiusFragment.borderRadius;
   const [hovered, setHovered] = (0, import_react.useState)(false);
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-    width: `${100 / columns}%`,
-    padding: cellPadding,
+    ...tileTrack,
     role: "presentation",
     children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
       id,
@@ -261,15 +264,16 @@ function ImageGrid({
       } : void 0
     } : null),
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      margin: -cellPadding,
+      gap: gutter,
       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, {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
           role: "row",
-          children: rowItems.map((item, col) => {
+          gap: gutter,
+          children: [rowItems.map((item, col) => {
             const index = start + col;
             const isFocused = effectiveFocused === index;
             return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ImageGridTile, {
@@ -277,8 +281,6 @@ function ImageGrid({
               isFocused,
               showRing: isFocused && showKeyboardRing,
               clickable: Boolean(onItemClick),
-              cellPadding,
-              columns,
               colIndex: col + 1,
               rowIndex: row + 1,
               radiusFragment,
@@ -288,7 +290,12 @@ function ImageGrid({
               } : void 0,
               children: renderItem(item)
             }, `${gridId}-item-${index}`);
-          })
+          }), Array.from({
+            length: columns - rowItems.length
+          }, (_2, pad) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            ...tileTrack,
+            "aria-hidden": true
+          }, `${gridId}-pad-${row}-${pad}`))]
         }, `${gridId}-row-${row}`);
       })
     }), isLoading && items.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {

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

@@ -77,14 +77,18 @@ function ImageGridSkeleton(param) {
     })
   });
 }
+var tileTrack = {
+  flexGrow: 1,
+  flexShrink: 1,
+  flexBasis: 0,
+  minWidth: 0
+};
 function ImageGridTile(param) {
   var {
     id,
     isFocused,
     showRing,
     clickable,
-    cellPadding,
-    columns,
     colIndex,
     rowIndex,
     radiusFragment,
@@ -94,8 +98,7 @@ function ImageGridTile(param) {
   var radius = radiusFragment.borderRadius;
   var [hovered, setHovered] = (0, import_react.useState)(false);
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-    width: `${100 / columns}%`,
-    padding: cellPadding,
+    ...tileTrack,
     role: "presentation",
     children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
       id,
@@ -307,15 +310,16 @@ function ImageGrid(param) {
       } : void 0
     } : null),
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      margin: -cellPadding,
+      gap: gutter,
       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, {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
           role: "row",
-          children: rowItems.map(function (item, col) {
+          gap: gutter,
+          children: [rowItems.map(function (item, col) {
             var index = start + col;
             var isFocused = effectiveFocused === index;
             return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ImageGridTile, {
@@ -323,8 +327,6 @@ function ImageGrid(param) {
               isFocused,
               showRing: isFocused && showKeyboardRing,
               clickable: Boolean(onItemClick),
-              cellPadding,
-              columns,
               colIndex: col + 1,
               rowIndex: row + 1,
               radiusFragment,
@@ -334,7 +336,14 @@ function ImageGrid(param) {
               } : void 0,
               children: renderItem(item)
             }, `${gridId}-item-${index}`);
-          })
+          }), Array.from({
+            length: columns - rowItems.length
+          }, function (_2, pad) {
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+              ...tileTrack,
+              "aria-hidden": true
+            }, `${gridId}-pad-${row}-${pad}`);
+          })]
         }, `${gridId}-row-${row}`);
       })
     }), isLoading && items.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {

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

@@ -1 +1 @@
-{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","ImageGrid_exports","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","aspect","loadingLabel","jsx","XStack","flexWrap","margin","children","Array","length","map","_","i","View","width","padding","Skeleton","variant","aspectRatio","ImageGridTile","id","isFocused","showRing","clickable","colIndex","rowIndex","radiusFragment","onPress","radius","borderRadius","hovered","setHovered","useState","role","jsxs","position","borderWidth","cursor","keyboardFocusRingProps","outlineWidth","onHoverIn","onHoverOut","overflow","inset","pointerEvents","backgroundColor","opacity","items","renderItem","onItemClick","onLoadMore","hasMore","isLoading","error","onRetry","columnsProp","tileSize","mediaAspect","estimateSize","_estimateSize","overscan","_overscan","height","heightProp","emptyMessage","emptyMessageProp","hotkeys","hotkeyOverrides","stackProps","_getTokenValue","_ref","_ref1","_ref2","_ref3","_ref4","_ref5","_ref6","t","useTranslation","knobProps","useResolvedKnobs","component","isRTL","useDirection","gapToken","gap","gutter","getTokenValue","windowWidth","useWindowDimensions","columnsBySizeClass","compact","medium","expanded","large","xl","tileColumnsForWidth","tileSizeLadder","getLayoutSizeClass","gridId","useId","containerRef","useRef","sentinelRef","focusedIndex","setFocusedIndex","document","ensureKeyboardModalityTracking","handleContainerFocus","useCallback","wasKeyboardFocus","prev","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","alignItems","Spinner","size","AsyncBoundary","errorTitle","emptyTitle","loading","resolveMediaAspect","empty"],"sources":["ImageGrid.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ImageGrid_exports = {};\n__export(ImageGrid_exports, {\n  ImageGrid: () => ImageGrid\n});\nmodule.exports = __toCommonJS(ImageGrid_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_AsyncBoundary = require(\"../layouts/AsyncBoundary\");\nvar import_Skeleton = require(\"../Skeleton\");\nvar import_useDirection = require(\"../hooks/useDirection\");\nvar import_forms = require(\"@multiplatform.one/forms\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_react_hotkeys = require(\"@tanstack/react-hotkeys\");\nvar import_react = __toESM(require(\"react\"));\nvar import_i18n = require(\"../shared/i18n\");\nvar import_tamagui = require(\"tamagui\");\nfunction ImageGridSkeleton(param) {\n  var { columns, cellPadding, aspect, loadingLabel } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n    flexWrap: \"wrap\",\n    margin: -cellPadding,\n    \"data-async-skeleton\": \"image-grid\",\n    \"data-media-aspect\": aspect,\n    \"aria-busy\": true,\n    \"aria-label\": loadingLabel,\n    children: Array.from({\n      length: columns * 2\n    }).map(function(_, i) {\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n        width: `${100 / columns}%`,\n        padding: cellPadding,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {\n          variant: \"rounded\",\n          width: \"100%\",\n          aspectRatio: aspect\n        })\n      }, i);\n    })\n  });\n}\nfunction ImageGridTile(param) {\n  var { id, isFocused, showRing, clickable, cellPadding, columns, colIndex, rowIndex, radiusFragment, onPress, children } = param;\n  var radius = radiusFragment.borderRadius;\n  var [hovered, setHovered] = (0, import_react.useState)(false);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n    width: `${100 / columns}%`,\n    padding: cellPadding,\n    role: \"presentation\",\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.View, {\n      id,\n      // \"gridcell\" is a valid ARIA role but outside RN's `Role` union;\n      // forwarded to the DOM node on web (house Record cast).\n      ...{\n        role: \"gridcell\"\n      },\n      \"aria-colindex\": colIndex,\n      \"aria-rowindex\": rowIndex,\n      \"aria-selected\": isFocused,\n      \"data-focused\": isFocused || void 0,\n      \"data-media-tile\": \"image-grid\",\n      position: \"relative\",\n      ...radiusFragment,\n      borderWidth: 0,\n      cursor: clickable ? \"pointer\" : void 0,\n      ...showRing ? import_theme.keyboardFocusRingProps : {\n        outlineWidth: 0\n      },\n      // Tamagui forwards onHoverIn/onHoverOut at runtime; the RN-flavored\n      // View prop type omits them (house Record cast).\n      ...{\n        onHoverIn: function onHoverIn() {\n          return setHovered(true);\n        },\n        onHoverOut: function onHoverOut() {\n          return setHovered(false);\n        }\n      },\n      onPress,\n      children: [\n        /* Clip media to the radius; keep overflow off the ring node so\n        LC-71 outline is not severed (same split as Input.Box). */\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n          borderRadius: radius,\n          overflow: \"hidden\",\n          children\n        }),\n        hovered && !showRing ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n          position: \"absolute\",\n          inset: 0,\n          pointerEvents: \"none\",\n          backgroundColor: \"$color12\",\n          opacity: 0.08,\n          borderRadius: radius\n        }) : null\n      ]\n    })\n  });\n}\nfunction ImageGrid(param) {\n  var { items, renderItem, onItemClick, onLoadMore, hasMore = false, isLoading = false, error = null, onRetry, columns: columnsProp, tileSize, mediaAspect, estimateSize: _estimateSize, overscan: _overscan, height: heightProp, emptyMessage: emptyMessageProp, hotkeys: hotkeyOverrides, ...stackProps } = param;\n  var _getTokenValue, _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6;\n  var { t } = (0, import_i18n.useTranslation)();\n  var emptyMessage = emptyMessageProp !== null && emptyMessageProp !== void 0 ? emptyMessageProp : t(\"No items found\");\n  var { knobProps } = (0, import_theme.useResolvedKnobs)({\n    component: \"ImageGrid\"\n  });\n  var isRTL = (0, import_useDirection.useDirection)() === \"rtl\";\n  var gapToken = knobProps.gap.gap;\n  var gutter = typeof gapToken === \"number\" ? gapToken : (_getTokenValue = (0, import_tamagui.getTokenValue)(gapToken, \"space\")) !== null && _getTokenValue !== void 0 ? _getTokenValue : 16;\n  var cellPadding = gutter / 2;\n  var { width: windowWidth } = (0, import_tamagui.useWindowDimensions)();\n  var columnsBySizeClass = {\n    compact: 2,\n    medium: 3,\n    expanded: 4,\n    large: 5,\n    xl: 5\n  };\n  var columns = columnsProp !== null && columnsProp !== void 0 ? columnsProp : tileSize ? (0, import_theme.tileColumnsForWidth)(windowWidth, import_theme.tileSizeLadder[tileSize], gutter) : columnsBySizeClass[(0, import_theme.getLayoutSizeClass)(windowWidth)];\n  var height = heightProp;\n  var gridId = (0, import_react.useId)();\n  var containerRef = (0, import_react.useRef)(null);\n  var sentinelRef = (0, import_react.useRef)(null);\n  var [focusedIndex, setFocusedIndex] = (0, import_react.useState)(-1);\n  if (typeof document !== \"undefined\") (0, import_theme.ensureKeyboardModalityTracking)();\n  var handleContainerFocus = (0, import_react.useCallback)(function() {\n    if (!(0, import_theme.wasKeyboardFocus)()) return;\n    setFocusedIndex(function(prev) {\n      return prev < 0 ? 0 : prev;\n    });\n  }, []);\n  var scrollToIndex = (0, import_react.useCallback)(function(index) {\n    if (index >= 0 && index < items.length) {\n      var _document_getElementById;\n      (_document_getElementById = document.getElementById(`${gridId}-item-${index}`)) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.scrollIntoView({\n        block: \"nearest\"\n      });\n    }\n  }, [\n    gridId,\n    items.length\n  ]);\n  var moveFocus = (0, import_react.useCallback)(function(delta) {\n    setFocusedIndex(function(prev) {\n      if (items.length === 0) return prev;\n      if (prev < 0) {\n        scrollToIndex(0);\n        return 0;\n      }\n      var next = Math.max(0, Math.min(items.length - 1, prev + delta));\n      scrollToIndex(next);\n      return next;\n    });\n  }, [\n    items.length,\n    scrollToIndex\n  ]);\n  var hotkeyOpts = {\n    target: containerRef\n  };\n  (0, import_react_hotkeys.useHotkey)((_ref = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.right) !== null && _ref !== void 0 ? _ref : \"ArrowRight\", function() {\n    return moveFocus(isRTL ? -1 : 1);\n  }, hotkeyOpts);\n  (0, import_react_hotkeys.useHotkey)((_ref1 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.left) !== null && _ref1 !== void 0 ? _ref1 : \"ArrowLeft\", function() {\n    return moveFocus(isRTL ? 1 : -1);\n  }, hotkeyOpts);\n  (0, import_react_hotkeys.useHotkey)((_ref2 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.down) !== null && _ref2 !== void 0 ? _ref2 : \"ArrowDown\", function() {\n    return moveFocus(columns);\n  }, hotkeyOpts);\n  (0, import_react_hotkeys.useHotkey)((_ref3 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.up) !== null && _ref3 !== void 0 ? _ref3 : \"ArrowUp\", function() {\n    return moveFocus(-columns);\n  }, hotkeyOpts);\n  var activateFocused = (0, import_react.useCallback)(function() {\n    if (focusedIndex >= 0 && focusedIndex < items.length) {\n      onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(items[focusedIndex]);\n    }\n  }, [\n    focusedIndex,\n    items,\n    onItemClick\n  ]);\n  (0, import_react_hotkeys.useHotkey)((_ref4 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.select) !== null && _ref4 !== void 0 ? _ref4 : \"Enter\", activateFocused, hotkeyOpts);\n  (0, import_react_hotkeys.useHotkey)(\"Space\", activateFocused, hotkeyOpts);\n  (0, import_react_hotkeys.useHotkey)((_ref5 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.first) !== null && _ref5 !== void 0 ? _ref5 : \"Home\", function() {\n    if (items.length === 0) return;\n    setFocusedIndex(0);\n    scrollToIndex(0);\n  }, hotkeyOpts);\n  (0, import_react_hotkeys.useHotkey)((_ref6 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.last) !== null && _ref6 !== void 0 ? _ref6 : \"End\", function() {\n    if (items.length === 0) return;\n    var last = items.length - 1;\n    setFocusedIndex(last);\n    scrollToIndex(last);\n  }, hotkeyOpts);\n  (0, import_react.useEffect)(function() {\n    if (height !== void 0 || !onLoadMore || !hasMore || isLoading) return;\n    if (typeof IntersectionObserver === \"undefined\") return;\n    var el = sentinelRef.current;\n    if (!el) return;\n    var observer = new IntersectionObserver(function(entries) {\n      if (entries.some(function(entry) {\n        return entry.isIntersecting;\n      })) onLoadMore();\n    });\n    observer.observe(el);\n    return function() {\n      return observer.disconnect();\n    };\n  }, [\n    height,\n    onLoadMore,\n    hasMore,\n    isLoading\n  ]);\n  var hasError = (0, import_AsyncBoundary.resolveAsyncStatus)({\n    error\n  }) === \"error\";\n  var effectiveFocused = focusedIndex >= items.length ? -1 : focusedIndex;\n  var showKeyboardRing = effectiveFocused >= 0 && (0, import_theme.wasKeyboardFocus)();\n  var rowCount = Math.ceil(items.length / columns);\n  var radiusFragment = knobProps.borderRadius;\n  var gridBody = items.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.View, {\n    ref: containerRef,\n    role: \"grid\",\n    \"aria-label\": t(\"Image grid\"),\n    \"aria-colcount\": columns,\n    \"aria-rowcount\": rowCount,\n    \"aria-activedescendant\": effectiveFocused >= 0 ? `${gridId}-item-${effectiveFocused}` : void 0,\n    tabIndex: 0,\n    outlineWidth: 0,\n    focusStyle: {\n      outlineWidth: 0\n    },\n    focusVisibleStyle: {\n      outlineWidth: 0\n    },\n    onFocus: handleContainerFocus,\n    ...height !== void 0 ? {\n      style: {\n        height,\n        overflowY: \"auto\"\n      },\n      onScroll: onLoadMore && hasMore && !isLoading ? function() {\n        var el = containerRef.current;\n        if (el && el.scrollTop + el.clientHeight >= el.scrollHeight - 50) {\n          onLoadMore();\n        }\n      } : void 0\n    } : null,\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n        margin: -cellPadding,\n        children: Array.from({\n          length: rowCount\n        }, function(_, row) {\n          var start = row * columns;\n          var rowItems = items.slice(start, start + columns);\n          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n            role: \"row\",\n            children: rowItems.map(function(item, col) {\n              var index = start + col;\n              var isFocused = effectiveFocused === index;\n              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ImageGridTile, {\n                id: `${gridId}-item-${index}`,\n                isFocused,\n                showRing: isFocused && showKeyboardRing,\n                clickable: Boolean(onItemClick),\n                cellPadding,\n                columns,\n                colIndex: col + 1,\n                rowIndex: row + 1,\n                radiusFragment,\n                onPress: onItemClick ? function() {\n                  setFocusedIndex(index);\n                  onItemClick(item);\n                } : void 0,\n                children: renderItem(item)\n              }, `${gridId}-item-${index}`);\n            })\n          }, `${gridId}-row-${row}`);\n        })\n      }),\n      isLoading && items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n        padding: \"$2\",\n        alignItems: \"center\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_forms.Spinner, {\n          size: \"small\"\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n        ref: sentinelRef,\n        height: 1\n      })\n    ]\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AsyncBoundary.AsyncBoundary, {\n    compact: true,\n    error,\n    onRetry,\n    errorTitle: t(\"Couldn't load images\"),\n    emptyTitle: emptyMessage,\n    loading: !hasError && isLoading && items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ImageGridSkeleton, {\n      columns,\n      cellPadding,\n      aspect: (0, import_theme.resolveMediaAspect)(mediaAspect),\n      loadingLabel: t(\"Loading\")\n    }) : false,\n    empty: !hasError && items.length === 0,\n    ...stackProps,\n    children: gridBody\n  });\n}\n//# sourceMappingURL=ImageGrid.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","ImageGrid_exports","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","aspect","loadingLabel","jsx","XStack","flexWrap","margin","children","Array","length","map","_","i","View","width","padding","Skeleton","variant","aspectRatio","tileTrack","flexGrow","flexShrink","flexBasis","minWidth","ImageGridTile","id","isFocused","showRing","clickable","colIndex","rowIndex","radiusFragment","onPress","radius","borderRadius","hovered","setHovered","useState","role","jsxs","position","borderWidth","cursor","keyboardFocusRingProps","outlineWidth","onHoverIn","onHoverOut","overflow","inset","pointerEvents","backgroundColor","opacity","items","renderItem","onItemClick","onLoadMore","hasMore","isLoading","error","onRetry","columnsProp","tileSize","mediaAspect","estimateSize","_estimateSize","overscan","_overscan","height","heightProp","emptyMessage","emptyMessageProp","hotkeys","hotkeyOverrides","stackProps","_getTokenValue","_ref","_ref1","_ref2","_ref3","_ref4","_ref5","_ref6","t","useTranslation","knobProps","useResolvedKnobs","component","isRTL","useDirection","gapToken","gap","gutter","getTokenValue","windowWidth","useWindowDimensions","columnsBySizeClass","compact","medium","expanded","large","xl","tileColumnsForWidth","tileSizeLadder","getLayoutSizeClass","gridId","useId","containerRef","useRef","sentinelRef","focusedIndex","setFocusedIndex","document","ensureKeyboardModalityTracking","handleContainerFocus","useCallback","wasKeyboardFocus","prev","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","_2","pad","alignItems","Spinner","size","AsyncBoundary","errorTitle","emptyTitle","loading","resolveMediaAspect","empty"],"sources":["ImageGrid.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ImageGrid_exports = {};\n__export(ImageGrid_exports, {\n  ImageGrid: () => ImageGrid\n});\nmodule.exports = __toCommonJS(ImageGrid_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_AsyncBoundary = require(\"../layouts/AsyncBoundary\");\nvar import_Skeleton = require(\"../Skeleton\");\nvar import_useDirection = require(\"../hooks/useDirection\");\nvar import_forms = require(\"@multiplatform.one/forms\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_react_hotkeys = require(\"@tanstack/react-hotkeys\");\nvar import_react = __toESM(require(\"react\"));\nvar import_i18n = require(\"../shared/i18n\");\nvar import_tamagui = require(\"tamagui\");\nfunction ImageGridSkeleton(param) {\n  var { columns, cellPadding, aspect, loadingLabel } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n    flexWrap: \"wrap\",\n    margin: -cellPadding,\n    \"data-async-skeleton\": \"image-grid\",\n    \"data-media-aspect\": aspect,\n    \"aria-busy\": true,\n    \"aria-label\": loadingLabel,\n    children: Array.from({\n      length: columns * 2\n    }).map(function(_, i) {\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n        width: `${100 / columns}%`,\n        padding: cellPadding,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {\n          variant: \"rounded\",\n          width: \"100%\",\n          aspectRatio: aspect\n        })\n      }, i);\n    })\n  });\n}\nvar tileTrack = {\n  flexGrow: 1,\n  flexShrink: 1,\n  flexBasis: 0,\n  minWidth: 0\n};\nfunction ImageGridTile(param) {\n  var { id, isFocused, showRing, clickable, colIndex, rowIndex, radiusFragment, onPress, children } = param;\n  var radius = radiusFragment.borderRadius;\n  var [hovered, setHovered] = (0, import_react.useState)(false);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n    ...tileTrack,\n    role: \"presentation\",\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.View, {\n      id,\n      // \"gridcell\" is a valid ARIA role but outside RN's `Role` union;\n      // forwarded to the DOM node on web (house Record cast).\n      ...{\n        role: \"gridcell\"\n      },\n      \"aria-colindex\": colIndex,\n      \"aria-rowindex\": rowIndex,\n      \"aria-selected\": isFocused,\n      \"data-focused\": isFocused || void 0,\n      \"data-media-tile\": \"image-grid\",\n      position: \"relative\",\n      ...radiusFragment,\n      borderWidth: 0,\n      cursor: clickable ? \"pointer\" : void 0,\n      ...showRing ? import_theme.keyboardFocusRingProps : {\n        outlineWidth: 0\n      },\n      // Tamagui forwards onHoverIn/onHoverOut at runtime; the RN-flavored\n      // View prop type omits them (house Record cast).\n      ...{\n        onHoverIn: function onHoverIn() {\n          return setHovered(true);\n        },\n        onHoverOut: function onHoverOut() {\n          return setHovered(false);\n        }\n      },\n      onPress,\n      children: [\n        /* Clip media to the radius; keep overflow off the ring node so\n        LC-71 outline is not severed (same split as Input.Box). */\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n          borderRadius: radius,\n          overflow: \"hidden\",\n          children\n        }),\n        hovered && !showRing ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n          position: \"absolute\",\n          inset: 0,\n          pointerEvents: \"none\",\n          backgroundColor: \"$color12\",\n          opacity: 0.08,\n          borderRadius: radius\n        }) : null\n      ]\n    })\n  });\n}\nfunction ImageGrid(param) {\n  var { items, renderItem, onItemClick, onLoadMore, hasMore = false, isLoading = false, error = null, onRetry, columns: columnsProp, tileSize, mediaAspect, estimateSize: _estimateSize, overscan: _overscan, height: heightProp, emptyMessage: emptyMessageProp, hotkeys: hotkeyOverrides, ...stackProps } = param;\n  var _getTokenValue, _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6;\n  var { t } = (0, import_i18n.useTranslation)();\n  var emptyMessage = emptyMessageProp !== null && emptyMessageProp !== void 0 ? emptyMessageProp : t(\"No items found\");\n  var { knobProps } = (0, import_theme.useResolvedKnobs)({\n    component: \"ImageGrid\"\n  });\n  var isRTL = (0, import_useDirection.useDirection)() === \"rtl\";\n  var gapToken = knobProps.gap.gap;\n  var gutter = typeof gapToken === \"number\" ? gapToken : (_getTokenValue = (0, import_tamagui.getTokenValue)(gapToken, \"space\")) !== null && _getTokenValue !== void 0 ? _getTokenValue : 16;\n  var cellPadding = gutter / 2;\n  var { width: windowWidth } = (0, import_tamagui.useWindowDimensions)();\n  var columnsBySizeClass = {\n    compact: 2,\n    medium: 3,\n    expanded: 4,\n    large: 5,\n    xl: 5\n  };\n  var columns = columnsProp !== null && columnsProp !== void 0 ? columnsProp : tileSize ? (0, import_theme.tileColumnsForWidth)(windowWidth, import_theme.tileSizeLadder[tileSize], gutter) : columnsBySizeClass[(0, import_theme.getLayoutSizeClass)(windowWidth)];\n  var height = heightProp;\n  var gridId = (0, import_react.useId)();\n  var containerRef = (0, import_react.useRef)(null);\n  var sentinelRef = (0, import_react.useRef)(null);\n  var [focusedIndex, setFocusedIndex] = (0, import_react.useState)(-1);\n  if (typeof document !== \"undefined\") (0, import_theme.ensureKeyboardModalityTracking)();\n  var handleContainerFocus = (0, import_react.useCallback)(function() {\n    if (!(0, import_theme.wasKeyboardFocus)()) return;\n    setFocusedIndex(function(prev) {\n      return prev < 0 ? 0 : prev;\n    });\n  }, []);\n  var scrollToIndex = (0, import_react.useCallback)(function(index) {\n    if (index >= 0 && index < items.length) {\n      var _document_getElementById;\n      (_document_getElementById = document.getElementById(`${gridId}-item-${index}`)) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.scrollIntoView({\n        block: \"nearest\"\n      });\n    }\n  }, [\n    gridId,\n    items.length\n  ]);\n  var moveFocus = (0, import_react.useCallback)(function(delta) {\n    setFocusedIndex(function(prev) {\n      if (items.length === 0) return prev;\n      if (prev < 0) {\n        scrollToIndex(0);\n        return 0;\n      }\n      var next = Math.max(0, Math.min(items.length - 1, prev + delta));\n      scrollToIndex(next);\n      return next;\n    });\n  }, [\n    items.length,\n    scrollToIndex\n  ]);\n  var hotkeyOpts = {\n    target: containerRef\n  };\n  (0, import_react_hotkeys.useHotkey)((_ref = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.right) !== null && _ref !== void 0 ? _ref : \"ArrowRight\", function() {\n    return moveFocus(isRTL ? -1 : 1);\n  }, hotkeyOpts);\n  (0, import_react_hotkeys.useHotkey)((_ref1 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.left) !== null && _ref1 !== void 0 ? _ref1 : \"ArrowLeft\", function() {\n    return moveFocus(isRTL ? 1 : -1);\n  }, hotkeyOpts);\n  (0, import_react_hotkeys.useHotkey)((_ref2 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.down) !== null && _ref2 !== void 0 ? _ref2 : \"ArrowDown\", function() {\n    return moveFocus(columns);\n  }, hotkeyOpts);\n  (0, import_react_hotkeys.useHotkey)((_ref3 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.up) !== null && _ref3 !== void 0 ? _ref3 : \"ArrowUp\", function() {\n    return moveFocus(-columns);\n  }, hotkeyOpts);\n  var activateFocused = (0, import_react.useCallback)(function() {\n    if (focusedIndex >= 0 && focusedIndex < items.length) {\n      onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(items[focusedIndex]);\n    }\n  }, [\n    focusedIndex,\n    items,\n    onItemClick\n  ]);\n  (0, import_react_hotkeys.useHotkey)((_ref4 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.select) !== null && _ref4 !== void 0 ? _ref4 : \"Enter\", activateFocused, hotkeyOpts);\n  (0, import_react_hotkeys.useHotkey)(\"Space\", activateFocused, hotkeyOpts);\n  (0, import_react_hotkeys.useHotkey)((_ref5 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.first) !== null && _ref5 !== void 0 ? _ref5 : \"Home\", function() {\n    if (items.length === 0) return;\n    setFocusedIndex(0);\n    scrollToIndex(0);\n  }, hotkeyOpts);\n  (0, import_react_hotkeys.useHotkey)((_ref6 = hotkeyOverrides === null || hotkeyOverrides === void 0 ? void 0 : hotkeyOverrides.last) !== null && _ref6 !== void 0 ? _ref6 : \"End\", function() {\n    if (items.length === 0) return;\n    var last = items.length - 1;\n    setFocusedIndex(last);\n    scrollToIndex(last);\n  }, hotkeyOpts);\n  (0, import_react.useEffect)(function() {\n    if (height !== void 0 || !onLoadMore || !hasMore || isLoading) return;\n    if (typeof IntersectionObserver === \"undefined\") return;\n    var el = sentinelRef.current;\n    if (!el) return;\n    var observer = new IntersectionObserver(function(entries) {\n      if (entries.some(function(entry) {\n        return entry.isIntersecting;\n      })) onLoadMore();\n    });\n    observer.observe(el);\n    return function() {\n      return observer.disconnect();\n    };\n  }, [\n    height,\n    onLoadMore,\n    hasMore,\n    isLoading\n  ]);\n  var hasError = (0, import_AsyncBoundary.resolveAsyncStatus)({\n    error\n  }) === \"error\";\n  var effectiveFocused = focusedIndex >= items.length ? -1 : focusedIndex;\n  var showKeyboardRing = effectiveFocused >= 0 && (0, import_theme.wasKeyboardFocus)();\n  var rowCount = Math.ceil(items.length / columns);\n  var radiusFragment = knobProps.borderRadius;\n  var gridBody = items.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.View, {\n    ref: containerRef,\n    role: \"grid\",\n    \"aria-label\": t(\"Image grid\"),\n    \"aria-colcount\": columns,\n    \"aria-rowcount\": rowCount,\n    \"aria-activedescendant\": effectiveFocused >= 0 ? `${gridId}-item-${effectiveFocused}` : void 0,\n    tabIndex: 0,\n    outlineWidth: 0,\n    focusStyle: {\n      outlineWidth: 0\n    },\n    focusVisibleStyle: {\n      outlineWidth: 0\n    },\n    onFocus: handleContainerFocus,\n    ...height !== void 0 ? {\n      style: {\n        height,\n        overflowY: \"auto\"\n      },\n      onScroll: onLoadMore && hasMore && !isLoading ? function() {\n        var el = containerRef.current;\n        if (el && el.scrollTop + el.clientHeight >= el.scrollHeight - 50) {\n          onLoadMore();\n        }\n      } : void 0\n    } : null,\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n        gap: gutter,\n        children: Array.from({\n          length: rowCount\n        }, function(_, row) {\n          var start = row * columns;\n          var rowItems = items.slice(start, start + columns);\n          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n            role: \"row\",\n            gap: gutter,\n            children: [\n              rowItems.map(function(item, col) {\n                var index = start + col;\n                var isFocused = effectiveFocused === index;\n                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ImageGridTile, {\n                  id: `${gridId}-item-${index}`,\n                  isFocused,\n                  showRing: isFocused && showKeyboardRing,\n                  clickable: Boolean(onItemClick),\n                  colIndex: col + 1,\n                  rowIndex: row + 1,\n                  radiusFragment,\n                  onPress: onItemClick ? function() {\n                    setFocusedIndex(index);\n                    onItemClick(item);\n                  } : void 0,\n                  children: renderItem(item)\n                }, `${gridId}-item-${index}`);\n              }),\n              Array.from({\n                length: columns - rowItems.length\n              }, function(_2, pad) {\n                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n                  ...tileTrack,\n                  \"aria-hidden\": true\n                }, `${gridId}-pad-${row}-${pad}`);\n              })\n            ]\n          }, `${gridId}-row-${row}`);\n        })\n      }),\n      isLoading && items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n        padding: \"$2\",\n        alignItems: \"center\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_forms.Spinner, {\n          size: \"small\"\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n        ref: sentinelRef,\n        height: 1\n      })\n    ]\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AsyncBoundary.AsyncBoundary, {\n    compact: true,\n    error,\n    onRetry,\n    errorTitle: t(\"Couldn't load images\"),\n    emptyTitle: emptyMessage,\n    loading: !hasError && isLoading && items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ImageGridSkeleton, {\n      columns,\n      cellPadding,\n      aspect: (0, import_theme.resolveMediaAspect)(mediaAspect),\n      loadingLabel: t(\"Loading\")\n    }) : false,\n    empty: !hasError && items.length === 0,\n    ...stackProps,\n    children: gridBody\n  });\n}\n//# sourceMappingURL=ImageGrid.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/views/TreeView.cjs

@@ -41,6 +41,9 @@ var import_treeViewMotion = require("./treeViewMotion.cjs");
 var import_treeViewReveal = require("./treeViewReveal.cjs");
 var import_treeViewLayout = require("./treeViewLayout.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
+const DragHandleTarget = (0, import_tamagui.styled)(import_tamagui.View, {
+  name: "DragHandleTarget"
+});
 const ENTER_RISE_PX = -4;
 const DRAG_THRESHOLD_PX = 4;
 const TOUCH_LONG_PRESS_MS = 200;
@@ -1175,7 +1178,7 @@ function TreeView({
               minWidth: 0,
               justifyContent: "center",
               children: labelContent
-            }), canReorder ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            }), canReorder ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(DragHandleTarget, {
               ...{
                 "data-treeview-handle": node.id
               },

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

@@ -54,6 +54,9 @@ var import_treeViewDnd = require("./treeViewDnd.native.js");
 var import_treeViewMotion = require("./treeViewMotion.native.js");
 var import_treeViewReveal = require("./treeViewReveal.native.js");
 var import_treeViewLayout = require("./treeViewLayout.native.js");
+var DragHandleTarget = (0, import_tamagui.styled)(import_tamagui.View, {
+  name: "DragHandleTarget"
+});
 var ENTER_RISE_PX = -4;
 var DRAG_THRESHOLD_PX = 4;
 var TOUCH_LONG_PRESS_MS = 200;
@@ -1331,7 +1334,7 @@ function TreeView(param) {
               minWidth: 0,
               justifyContent: "center",
               children: labelContent
-            }), canReorder ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            }), canReorder ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(DragHandleTarget, {
               "data-treeview-handle": node.id,
               role: "button",
               "aria-label": t("Drag {{label}} to reorder", {