@multiplatform.one/components 7.27.0 → 7.28.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/cjs/views/ImageGrid.cjs +26 -22
  2. package/dist/cjs/views/ImageGrid.native.js +28 -22
  3. package/dist/cjs/views/ImageGrid.native.js.map +1 -1
  4. package/dist/esm/views/ImageGrid.mjs +26 -22
  5. package/dist/esm/views/ImageGrid.mjs.map +1 -1
  6. package/dist/esm/views/ImageGrid.native.js +28 -22
  7. package/dist/esm/views/ImageGrid.native.js.map +1 -1
  8. package/dist/jsx/views/ImageGrid.mjs +26 -22
  9. package/dist/jsx/views/ImageGrid.mjs.map +1 -1
  10. package/dist/jsx/views/ImageGrid.native.js +28 -22
  11. package/dist/jsx/views/ImageGrid.native.js.map +1 -1
  12. package/package.json +9 -9
  13. package/src/views/ImageGrid.tsx +24 -19
  14. package/types/views/ImageGrid.d.ts.map +1 -1
package/dist/cjs/views/ImageGrid.cjs CHANGED
@@ -35,38 +35,42 @@ var import_react = require("react");
35
35
  var import_i18n = require("../shared/i18n.cjs");
36
36
  var import_tamagui = require("tamagui");
37
37
  var import_jsx_runtime = require("react/jsx-runtime");
38
+ const tileTrack = {
39
+ flexGrow: 1,
40
+ flexShrink: 1,
41
+ flexBasis: 0,
42
+ minWidth: 0
43
+ };
38
44
  function ImageGridSkeleton({
39
45
  columns,
40
- cellPadding,
46
+ gutter,
41
47
  aspect,
42
48
  loadingLabel
43
49
  }) {
44
- return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
45
- flexWrap: "wrap",
46
- margin: -cellPadding,
50
+ return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
51
+ gap: gutter,
47
52
  "data-async-skeleton": "image-grid",
48
53
  "data-media-aspect": aspect,
49
54
  "aria-busy": true,
50
55
  "aria-label": loadingLabel,
56
+ maxWidth: "100%",
51
57
  children: Array.from({
52
- length: columns * 2
53
- }).map((_, i) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
54
- width: `${100 / columns}%`,
55
- padding: cellPadding,
56
- children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
57
- variant: "rounded",
58
- width: "100%",
59
- aspectRatio: aspect
60
- })
61
- }, i))
58
+ length: 2
59
+ }, (_, row) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
60
+ gap: gutter,
61
+ children: Array.from({
62
+ length: columns
63
+ }, (_2, col) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
64
+ ...tileTrack,
65
+ children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
66
+ variant: "rounded",
67
+ width: "100%",
68
+ aspectRatio: aspect
69
+ })
70
+ }, `skel-${row}-${col}`))
71
+ }, `skel-row-${row}`))
62
72
  });
63
73
  }
64
- const tileTrack = {
65
- flexGrow: 1,
66
- flexShrink: 1,
67
- flexBasis: 0,
68
- minWidth: 0
69
- };
70
74
  function ImageGridTile({
71
75
  id,
72
76
  isFocused,
@@ -151,7 +155,6 @@ function ImageGrid({
151
155
  const isRTL = (0, import_useDirection.useDirection)() === "rtl";
152
156
  const gapToken = knobProps.gap.gap;
153
157
  const gutter = typeof gapToken === "number" ? gapToken : (0, import_tamagui.getTokenValue)(gapToken, "space") ?? 16;
154
- const cellPadding = gutter / 2;
155
158
  const {
156
159
  width: windowWidth
157
160
  } = (0, import_tamagui.useWindowDimensions)();
@@ -265,6 +268,7 @@ function ImageGrid({
265
268
  } : null),
266
269
  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
267
270
  gap: gutter,
271
+ maxWidth: "100%",
268
272
  children: Array.from({
269
273
  length: rowCount
270
274
  }, (_, row) => {
@@ -317,7 +321,7 @@ function ImageGrid({
317
321
  emptyTitle: emptyMessage,
318
322
  loading: !hasError && isLoading && items.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(ImageGridSkeleton, {
319
323
  columns,
320
- cellPadding,
324
+ gutter,
321
325
  aspect: (0, import_theme.resolveMediaAspect)(mediaAspect),
322
326
  loadingLabel: t("Loading")
323
327
  }) : false,
package/dist/cjs/views/ImageGrid.native.js CHANGED
@@ -48,41 +48,47 @@ var import_react_hotkeys = require("@tanstack/react-hotkeys");
48
48
  var import_react = __toESM(require("react"));
49
49
  var import_i18n = require("../shared/i18n.native.js");
50
50
  var import_tamagui = require("tamagui");
51
+ var tileTrack = {
52
+ flexGrow: 1,
53
+ flexShrink: 1,
54
+ flexBasis: 0,
55
+ minWidth: 0
56
+ };
51
57
  function ImageGridSkeleton(param) {
52
58
  var {
53
59
  columns,
54
- cellPadding,
60
+ gutter,
55
61
  aspect,
56
62
  loadingLabel
57
63
  } = param;
58
- return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
59
- flexWrap: "wrap",
60
- margin: -cellPadding,
64
+ return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
65
+ gap: gutter,
61
66
  "data-async-skeleton": "image-grid",
62
67
  "data-media-aspect": aspect,
63
68
  "aria-busy": true,
64
69
  "aria-label": loadingLabel,
70
+ maxWidth: "100%",
65
71
  children: Array.from({
66
- length: columns * 2
67
- }).map(function (_, i) {
68
- return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
69
- width: `${100 / columns}%`,
70
- padding: cellPadding,
71
- children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
72
- variant: "rounded",
73
- width: "100%",
74
- aspectRatio: aspect
72
+ length: 2
73
+ }, function (_, row) {
74
+ return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
75
+ gap: gutter,
76
+ children: Array.from({
77
+ length: columns
78
+ }, function (_2, col) {
79
+ return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
80
+ ...tileTrack,
81
+ children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
82
+ variant: "rounded",
83
+ width: "100%",
84
+ aspectRatio: aspect
85
+ })
86
+ }, `skel-${row}-${col}`);
75
87
  })
76
- }, i);
88
+ }, `skel-row-${row}`);
77
89
  })
78
90
  });
79
91
  }
80
- var tileTrack = {
81
- flexGrow: 1,
82
- flexShrink: 1,
83
- flexBasis: 0,
84
- minWidth: 0
85
- };
86
92
  function ImageGridTile(param) {
87
93
  var {
88
94
  id,
@@ -182,7 +188,6 @@ function ImageGrid(param) {
182
188
  var isRTL = (0, import_useDirection.useDirection)() === "rtl";
183
189
  var gapToken = knobProps.gap.gap;
184
190
  var gutter = typeof gapToken === "number" ? gapToken : (_getTokenValue = (0, import_tamagui.getTokenValue)(gapToken, "space")) !== null && _getTokenValue !== void 0 ? _getTokenValue : 16;
185
- var cellPadding = gutter / 2;
186
191
  var {
187
192
  width: windowWidth
188
193
  } = (0, import_tamagui.useWindowDimensions)();
@@ -311,6 +316,7 @@ function ImageGrid(param) {
311
316
  } : null),
312
317
  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
313
318
  gap: gutter,
319
+ maxWidth: "100%",
314
320
  children: Array.from({
315
321
  length: rowCount
316
322
  }, function (_, row) {
@@ -365,7 +371,7 @@ function ImageGrid(param) {
365
371
  emptyTitle: emptyMessage,
366
372
  loading: !hasError && isLoading && items.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(ImageGridSkeleton, {
367
373
  columns,
368
- cellPadding,
374
+ gutter,
369
375
  aspect: (0, import_theme.resolveMediaAspect)(mediaAspect),
370
376
  loadingLabel: t("Loading")
371
377
  }) : false,
package/dist/cjs/views/ImageGrid.native.js.map CHANGED
@@ -1 +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_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","from","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"],"sources":["../../../src/views/ImageGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
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_useDirection","import_forms","import_theme","import_react_hotkeys","import_react","import_i18n","import_tamagui","tileTrack","flexGrow","flexShrink","flexBasis","minWidth","ImageGridSkeleton","param","columns","gutter","aspect","loadingLabel","jsx","YStack","gap","maxWidth","children","Array","from","length","_","row","XStack","_2","col","View","Skeleton","variant","width","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","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","start","rowItems","slice"],"sources":["../../../src/views/ImageGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
package/dist/esm/views/ImageGrid.mjs CHANGED
@@ -8,38 +8,42 @@ import { useCallback, useEffect, useId, useRef, useState } from "react";
8
8
  import { useTranslation } from "../shared/i18n.mjs";
9
9
  import { View, XStack, YStack, getTokenValue, useWindowDimensions } from "tamagui";
10
10
  import { jsx, jsxs } from "react/jsx-runtime";
11
+ const tileTrack = {
12
+ flexGrow: 1,
13
+ flexShrink: 1,
14
+ flexBasis: 0,
15
+ minWidth: 0
16
+ };
11
17
  function ImageGridSkeleton({
12
18
  columns,
13
- cellPadding,
19
+ gutter,
14
20
  aspect,
15
21
  loadingLabel
16
22
  }) {
17
- return /* @__PURE__ */jsx(XStack, {
18
- flexWrap: "wrap",
19
- margin: -cellPadding,
23
+ return /* @__PURE__ */jsx(YStack, {
24
+ gap: gutter,
20
25
  "data-async-skeleton": "image-grid",
21
26
  "data-media-aspect": aspect,
22
27
  "aria-busy": true,
23
28
  "aria-label": loadingLabel,
29
+ maxWidth: "100%",
24
30
  children: Array.from({
25
- length: columns * 2
26
- }).map((_, i) => /* @__PURE__ */jsx(View, {
27
- width: `${100 / columns}%`,
28
- padding: cellPadding,
29
- children: /* @__PURE__ */jsx(Skeleton, {
30
- variant: "rounded",
31
- width: "100%",
32
- aspectRatio: aspect
33
- })
34
- }, i))
31
+ length: 2
32
+ }, (_, row) => /* @__PURE__ */jsx(XStack, {
33
+ gap: gutter,
34
+ children: Array.from({
35
+ length: columns
36
+ }, (_2, col) => /* @__PURE__ */jsx(View, {
37
+ ...tileTrack,
38
+ children: /* @__PURE__ */jsx(Skeleton, {
39
+ variant: "rounded",
40
+ width: "100%",
41
+ aspectRatio: aspect
42
+ })
43
+ }, `skel-${row}-${col}`))
44
+ }, `skel-row-${row}`))
35
45
  });
36
46
  }
37
- const tileTrack = {
38
- flexGrow: 1,
39
- flexShrink: 1,
40
- flexBasis: 0,
41
- minWidth: 0
42
- };
43
47
  function ImageGridTile({
44
48
  id,
45
49
  isFocused,
@@ -124,7 +128,6 @@ function ImageGrid({
124
128
  const isRTL = useDirection() === "rtl";
125
129
  const gapToken = knobProps.gap.gap;
126
130
  const gutter = typeof gapToken === "number" ? gapToken : getTokenValue(gapToken, "space") ?? 16;
127
- const cellPadding = gutter / 2;
128
131
  const {
129
132
  width: windowWidth
130
133
  } = useWindowDimensions();
@@ -238,6 +241,7 @@ function ImageGrid({
238
241
  } : null),
239
242
  children: [/* @__PURE__ */jsx(YStack, {
240
243
  gap: gutter,
244
+ maxWidth: "100%",
241
245
  children: Array.from({
242
246
  length: rowCount
243
247
  }, (_, row) => {
@@ -290,7 +294,7 @@ function ImageGrid({
290
294
  emptyTitle: emptyMessage,
291
295
  loading: !hasError && isLoading && items.length === 0 ? /* @__PURE__ */jsx(ImageGridSkeleton, {
292
296
  columns,
293
- cellPadding,
297
+ gutter,
294
298
  aspect: resolveMediaAspect(mediaAspect),
295
299
  loadingLabel: t("Loading")
296
300
  }) : false,
package/dist/esm/views/ImageGrid.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["AsyncBoundary","resolveAsyncStatus","Skeleton","useDirection","Spinner","getLayoutSizeClass","keyboardFocusRingProps","ensureKeyboardModalityTracking","resolveMediaAspect","tileColumnsForWidth","tileSizeLadder","useResolvedKnobs","wasKeyboardFocus","useHotkey","useCallback","useEffect","useId","useRef","useState","useTranslation","View","XStack","YStack","getTokenValue","useWindowDimensions","jsx","jsxs","ImageGridSkeleton","columns","cellPadding","aspect","loadingLabel","flexWrap","margin","children","Array","from","length","map","_","i","width","padding","variant","aspectRatio","tileTrack","flexGrow","flexShrink","flexBasis","minWidth","ImageGridTile","id","isFocused","showRing","clickable","colIndex","rowIndex","radiusFragment","onPress","radius","borderRadius","hovered","setHovered","role","position","borderWidth","cursor","outlineWidth","onHoverIn","onHoverOut","overflow","inset","pointerEvents","backgroundColor","opacity","ImageGrid","items","renderItem","onItemClick","onLoadMore","hasMore","isLoading","error","onRetry","columnsProp","tileSize","mediaAspect","estimateSize","_estimateSize","overscan","_overscan","height","heightProp","emptyMessage","emptyMessageProp","hotkeys","hotkeyOverrides","stackProps","t","knobProps","component","isRTL","gapToken","gap","gutter","windowWidth","columnsBySizeClass","compact","medium","expanded","large","xl","gridId","containerRef","sentinelRef","focusedIndex","setFocusedIndex","document","handleContainerFocus","prev","scrollToIndex","index","getElementById","scrollIntoView","block","moveFocus","delta","next","Math","max","min","hotkeyOpts","target","right","left","down","up","activateFocused","select","first","last","IntersectionObserver","el","current","observer","entries","some","entry","isIntersecting","observe","disconnect","hasError","effectiveFocused","showKeyboardRing","rowCount","ceil","gridBody","ref","tabIndex","focusStyle","focusVisibleStyle","onFocus","style","overflowY","onScroll","scrollTop","clientHeight","scrollHeight","row","start","rowItems","slice","item","col","Boolean","_2","pad","alignItems","size","errorTitle","emptyTitle","loading","empty"],"sources":["../../../src/views/ImageGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["AsyncBoundary","resolveAsyncStatus","Skeleton","useDirection","Spinner","getLayoutSizeClass","keyboardFocusRingProps","ensureKeyboardModalityTracking","resolveMediaAspect","tileColumnsForWidth","tileSizeLadder","useResolvedKnobs","wasKeyboardFocus","useHotkey","useCallback","useEffect","useId","useRef","useState","useTranslation","View","XStack","YStack","getTokenValue","useWindowDimensions","jsx","jsxs","tileTrack","flexGrow","flexShrink","flexBasis","minWidth","ImageGridSkeleton","columns","gutter","aspect","loadingLabel","gap","maxWidth","children","Array","from","length","_","row","_2","col","variant","width","aspectRatio","ImageGridTile","id","isFocused","showRing","clickable","colIndex","rowIndex","radiusFragment","onPress","radius","borderRadius","hovered","setHovered","role","position","borderWidth","cursor","outlineWidth","onHoverIn","onHoverOut","overflow","inset","pointerEvents","backgroundColor","opacity","ImageGrid","items","renderItem","onItemClick","onLoadMore","hasMore","isLoading","error","onRetry","columnsProp","tileSize","mediaAspect","estimateSize","_estimateSize","overscan","_overscan","height","heightProp","emptyMessage","emptyMessageProp","hotkeys","hotkeyOverrides","stackProps","t","knobProps","component","isRTL","gapToken","windowWidth","columnsBySizeClass","compact","medium","expanded","large","xl","gridId","containerRef","sentinelRef","focusedIndex","setFocusedIndex","document","handleContainerFocus","prev","scrollToIndex","index","getElementById","scrollIntoView","block","moveFocus","delta","next","Math","max","min","hotkeyOpts","target","right","left","down","up","activateFocused","select","first","last","IntersectionObserver","el","current","observer","entries","some","entry","isIntersecting","observe","disconnect","hasError","effectiveFocused","showKeyboardRing","rowCount","ceil","gridBody","ref","tabIndex","focusStyle","focusVisibleStyle","onFocus","style","overflowY","onScroll","scrollTop","clientHeight","scrollHeight","start","rowItems","slice","map","item","Boolean","pad","padding","alignItems","size","errorTitle","emptyTitle","loading","empty"],"sources":["../../../src/views/ImageGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
package/dist/esm/views/ImageGrid.native.js CHANGED
@@ -8,41 +8,47 @@ import { useHotkey } from "@tanstack/react-hotkeys";
8
8
  import React, { useCallback, useEffect, useId, useRef, useState } from "react";
9
9
  import { useTranslation } from "../shared/i18n.native.js";
10
10
  import { View, XStack, YStack, getTokenValue, useWindowDimensions } from "tamagui";
11
+ var tileTrack = {
12
+ flexGrow: 1,
13
+ flexShrink: 1,
14
+ flexBasis: 0,
15
+ minWidth: 0
16
+ };
11
17
  function ImageGridSkeleton(param) {
12
18
  var {
13
19
  columns,
14
- cellPadding,
20
+ gutter,
15
21
  aspect,
16
22
  loadingLabel
17
23
  } = param;
18
- return /* @__PURE__ */_jsx(XStack, {
19
- flexWrap: "wrap",
20
- margin: -cellPadding,
24
+ return /* @__PURE__ */_jsx(YStack, {
25
+ gap: gutter,
21
26
  "data-async-skeleton": "image-grid",
22
27
  "data-media-aspect": aspect,
23
28
  "aria-busy": true,
24
29
  "aria-label": loadingLabel,
30
+ maxWidth: "100%",
25
31
  children: Array.from({
26
- length: columns * 2
27
- }).map(function (_, i) {
28
- return /* @__PURE__ */_jsx(View, {
29
- width: `${100 / columns}%`,
30
- padding: cellPadding,
31
- children: /* @__PURE__ */_jsx(Skeleton, {
32
- variant: "rounded",
33
- width: "100%",
34
- aspectRatio: aspect
32
+ length: 2
33
+ }, function (_, row) {
34
+ return /* @__PURE__ */_jsx(XStack, {
35
+ gap: gutter,
36
+ children: Array.from({
37
+ length: columns
38
+ }, function (_2, col) {
39
+ return /* @__PURE__ */_jsx(View, {
40
+ ...tileTrack,
41
+ children: /* @__PURE__ */_jsx(Skeleton, {
42
+ variant: "rounded",
43
+ width: "100%",
44
+ aspectRatio: aspect
45
+ })
46
+ }, `skel-${row}-${col}`);
35
47
  })
36
- }, i);
48
+ }, `skel-row-${row}`);
37
49
  })
38
50
  });
39
51
  }
40
- var tileTrack = {
41
- flexGrow: 1,
42
- flexShrink: 1,
43
- flexBasis: 0,
44
- minWidth: 0
45
- };
46
52
  function ImageGridTile(param) {
47
53
  var {
48
54
  id,
@@ -142,7 +148,6 @@ function ImageGrid(param) {
142
148
  var isRTL = useDirection() === "rtl";
143
149
  var gapToken = knobProps.gap.gap;
144
150
  var gutter = typeof gapToken === "number" ? gapToken : (_getTokenValue = getTokenValue(gapToken, "space")) !== null && _getTokenValue !== void 0 ? _getTokenValue : 16;
145
- var cellPadding = gutter / 2;
146
151
  var {
147
152
  width: windowWidth
148
153
  } = useWindowDimensions();
@@ -271,6 +276,7 @@ function ImageGrid(param) {
271
276
  } : null),
272
277
  children: [/* @__PURE__ */_jsx(YStack, {
273
278
  gap: gutter,
279
+ maxWidth: "100%",
274
280
  children: Array.from({
275
281
  length: rowCount
276
282
  }, function (_, row) {
@@ -325,7 +331,7 @@ function ImageGrid(param) {
325
331
  emptyTitle: emptyMessage,
326
332
  loading: !hasError && isLoading && items.length === 0 ? /* @__PURE__ */_jsx(ImageGridSkeleton, {
327
333
  columns,
328
- cellPadding,
334
+ gutter,
329
335
  aspect: resolveMediaAspect(mediaAspect),
330
336
  loadingLabel: t("Loading")
331
337
  }) : false,
package/dist/esm/views/ImageGrid.native.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","AsyncBoundary","resolveAsyncStatus","Skeleton","useDirection","Spinner","getLayoutSizeClass","keyboardFocusRingProps","ensureKeyboardModalityTracking","resolveMediaAspect","tileColumnsForWidth","tileSizeLadder","useResolvedKnobs","wasKeyboardFocus","useHotkey","React","useCallback","useEffect","useId","useRef","useState","useTranslation","View","XStack","YStack","getTokenValue","useWindowDimensions","ImageGridSkeleton","param","columns","cellPadding","aspect","loadingLabel","flexWrap","margin","children","Array","from","length","map","_","i","width","padding","variant","aspectRatio","tileTrack","flexGrow","flexShrink","flexBasis","minWidth","ImageGridTile","id","isFocused","showRing","clickable","colIndex","rowIndex","radiusFragment","onPress","radius","borderRadius","hovered","setHovered","role","position","borderWidth","cursor","outlineWidth","onHoverIn","onHoverOut","overflow","inset","pointerEvents","backgroundColor","opacity","ImageGrid","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","knobProps","component","isRTL","gapToken","gap","gutter","windowWidth","columnsBySizeClass","compact","medium","expanded","large","xl","gridId","containerRef","sentinelRef","focusedIndex","setFocusedIndex","document","handleContainerFocus","prev","scrollToIndex","index","_document_getElementById","getElementById","scrollIntoView","block","moveFocus","delta","next","Math","max","min","hotkeyOpts","target","right","left","down","up","activateFocused","select","first","last","IntersectionObserver","el","current","observer","entries","some","entry","isIntersecting","observe","disconnect","hasError","effectiveFocused","showKeyboardRing","rowCount","ceil","gridBody","ref","tabIndex","focusStyle","focusVisibleStyle","onFocus","style","overflowY","onScroll","scrollTop","clientHeight","scrollHeight","row","start","rowItems","slice","item","col","Boolean","_2","pad","alignItems"],"sources":["../../../src/views/ImageGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","AsyncBoundary","resolveAsyncStatus","Skeleton","useDirection","Spinner","getLayoutSizeClass","keyboardFocusRingProps","ensureKeyboardModalityTracking","resolveMediaAspect","tileColumnsForWidth","tileSizeLadder","useResolvedKnobs","wasKeyboardFocus","useHotkey","React","useCallback","useEffect","useId","useRef","useState","useTranslation","View","XStack","YStack","getTokenValue","useWindowDimensions","tileTrack","flexGrow","flexShrink","flexBasis","minWidth","ImageGridSkeleton","param","columns","gutter","aspect","loadingLabel","gap","maxWidth","children","Array","from","length","_","row","_2","col","variant","width","aspectRatio","ImageGridTile","id","isFocused","showRing","clickable","colIndex","rowIndex","radiusFragment","onPress","radius","borderRadius","hovered","setHovered","role","position","borderWidth","cursor","outlineWidth","onHoverIn","onHoverOut","overflow","inset","pointerEvents","backgroundColor","opacity","ImageGrid","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","knobProps","component","isRTL","gapToken","windowWidth","columnsBySizeClass","compact","medium","expanded","large","xl","gridId","containerRef","sentinelRef","focusedIndex","setFocusedIndex","document","handleContainerFocus","prev","scrollToIndex","index","_document_getElementById","getElementById","scrollIntoView","block","moveFocus","delta","next","Math","max","min","hotkeyOpts","target","right","left","down","up","activateFocused","select","first","last","IntersectionObserver","el","current","observer","entries","some","entry","isIntersecting","observe","disconnect","hasError","effectiveFocused","showKeyboardRing","rowCount","ceil","gridBody","ref","tabIndex","focusStyle","focusVisibleStyle","onFocus","style","overflowY","onScroll","scrollTop","clientHeight","scrollHeight","start","rowItems","slice","map","item","Boolean","pad"],"sources":["../../../src/views/ImageGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
package/dist/jsx/views/ImageGrid.mjs CHANGED
@@ -8,38 +8,42 @@ import { useCallback, useEffect, useId, useRef, useState } from "react";
8
8
  import { useTranslation } from "../shared/i18n.mjs";
9
9
  import { View, XStack, YStack, getTokenValue, useWindowDimensions } from "tamagui";
10
10
  import { jsx, jsxs } from "react/jsx-runtime";
11
+ const tileTrack = {
12
+ flexGrow: 1,
13
+ flexShrink: 1,
14
+ flexBasis: 0,
15
+ minWidth: 0
16
+ };
11
17
  function ImageGridSkeleton({
12
18
  columns,
13
- cellPadding,
19
+ gutter,
14
20
  aspect,
15
21
  loadingLabel
16
22
  }) {
17
- return /* @__PURE__ */jsx(XStack, {
18
- flexWrap: "wrap",
19
- margin: -cellPadding,
23
+ return /* @__PURE__ */jsx(YStack, {
24
+ gap: gutter,
20
25
  "data-async-skeleton": "image-grid",
21
26
  "data-media-aspect": aspect,
22
27
  "aria-busy": true,
23
28
  "aria-label": loadingLabel,
29
+ maxWidth: "100%",
24
30
  children: Array.from({
25
- length: columns * 2
26
- }).map((_, i) => /* @__PURE__ */jsx(View, {
27
- width: `${100 / columns}%`,
28
- padding: cellPadding,
29
- children: /* @__PURE__ */jsx(Skeleton, {
30
- variant: "rounded",
31
- width: "100%",
32
- aspectRatio: aspect
33
- })
34
- }, i))
31
+ length: 2
32
+ }, (_, row) => /* @__PURE__ */jsx(XStack, {
33
+ gap: gutter,
34
+ children: Array.from({
35
+ length: columns
36
+ }, (_2, col) => /* @__PURE__ */jsx(View, {
37
+ ...tileTrack,
38
+ children: /* @__PURE__ */jsx(Skeleton, {
39
+ variant: "rounded",
40
+ width: "100%",
41
+ aspectRatio: aspect
42
+ })
43
+ }, `skel-${row}-${col}`))
44
+ }, `skel-row-${row}`))
35
45
  });
36
46
  }
37
- const tileTrack = {
38
- flexGrow: 1,
39
- flexShrink: 1,
40
- flexBasis: 0,
41
- minWidth: 0
42
- };
43
47
  function ImageGridTile({
44
48
  id,
45
49
  isFocused,
@@ -124,7 +128,6 @@ function ImageGrid({
124
128
  const isRTL = useDirection() === "rtl";
125
129
  const gapToken = knobProps.gap.gap;
126
130
  const gutter = typeof gapToken === "number" ? gapToken : getTokenValue(gapToken, "space") ?? 16;
127
- const cellPadding = gutter / 2;
128
131
  const {
129
132
  width: windowWidth
130
133
  } = useWindowDimensions();
@@ -238,6 +241,7 @@ function ImageGrid({
238
241
  } : null),
239
242
  children: [/* @__PURE__ */jsx(YStack, {
240
243
  gap: gutter,
244
+ maxWidth: "100%",
241
245
  children: Array.from({
242
246
  length: rowCount
243
247
  }, (_, row) => {
@@ -290,7 +294,7 @@ function ImageGrid({
290
294
  emptyTitle: emptyMessage,
291
295
  loading: !hasError && isLoading && items.length === 0 ? /* @__PURE__ */jsx(ImageGridSkeleton, {
292
296
  columns,
293
- cellPadding,
297
+ gutter,
294
298
  aspect: resolveMediaAspect(mediaAspect),
295
299
  loadingLabel: t("Loading")
296
300
  }) : false,
package/dist/jsx/views/ImageGrid.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["AsyncBoundary","resolveAsyncStatus","Skeleton","useDirection","Spinner","getLayoutSizeClass","keyboardFocusRingProps","ensureKeyboardModalityTracking","resolveMediaAspect","tileColumnsForWidth","tileSizeLadder","useResolvedKnobs","wasKeyboardFocus","useHotkey","useCallback","useEffect","useId","useRef","useState","useTranslation","View","XStack","YStack","getTokenValue","useWindowDimensions","jsx","jsxs","ImageGridSkeleton","columns","cellPadding","aspect","loadingLabel","flexWrap","margin","children","Array","from","length","map","_","i","width","padding","variant","aspectRatio","tileTrack","flexGrow","flexShrink","flexBasis","minWidth","ImageGridTile","id","isFocused","showRing","clickable","colIndex","rowIndex","radiusFragment","onPress","radius","borderRadius","hovered","setHovered","role","position","borderWidth","cursor","outlineWidth","onHoverIn","onHoverOut","overflow","inset","pointerEvents","backgroundColor","opacity","ImageGrid","items","renderItem","onItemClick","onLoadMore","hasMore","isLoading","error","onRetry","columnsProp","tileSize","mediaAspect","estimateSize","_estimateSize","overscan","_overscan","height","heightProp","emptyMessage","emptyMessageProp","hotkeys","hotkeyOverrides","stackProps","t","knobProps","component","isRTL","gapToken","gap","gutter","windowWidth","columnsBySizeClass","compact","medium","expanded","large","xl","gridId","containerRef","sentinelRef","focusedIndex","setFocusedIndex","document","handleContainerFocus","prev","scrollToIndex","index","getElementById","scrollIntoView","block","moveFocus","delta","next","Math","max","min","hotkeyOpts","target","right","left","down","up","activateFocused","select","first","last","IntersectionObserver","el","current","observer","entries","some","entry","isIntersecting","observe","disconnect","hasError","effectiveFocused","showKeyboardRing","rowCount","ceil","gridBody","ref","tabIndex","focusStyle","focusVisibleStyle","onFocus","style","overflowY","onScroll","scrollTop","clientHeight","scrollHeight","row","start","rowItems","slice","item","col","Boolean","_2","pad","alignItems","size","errorTitle","emptyTitle","loading","empty"],"sources":["../../../src/views/ImageGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["AsyncBoundary","resolveAsyncStatus","Skeleton","useDirection","Spinner","getLayoutSizeClass","keyboardFocusRingProps","ensureKeyboardModalityTracking","resolveMediaAspect","tileColumnsForWidth","tileSizeLadder","useResolvedKnobs","wasKeyboardFocus","useHotkey","useCallback","useEffect","useId","useRef","useState","useTranslation","View","XStack","YStack","getTokenValue","useWindowDimensions","jsx","jsxs","tileTrack","flexGrow","flexShrink","flexBasis","minWidth","ImageGridSkeleton","columns","gutter","aspect","loadingLabel","gap","maxWidth","children","Array","from","length","_","row","_2","col","variant","width","aspectRatio","ImageGridTile","id","isFocused","showRing","clickable","colIndex","rowIndex","radiusFragment","onPress","radius","borderRadius","hovered","setHovered","role","position","borderWidth","cursor","outlineWidth","onHoverIn","onHoverOut","overflow","inset","pointerEvents","backgroundColor","opacity","ImageGrid","items","renderItem","onItemClick","onLoadMore","hasMore","isLoading","error","onRetry","columnsProp","tileSize","mediaAspect","estimateSize","_estimateSize","overscan","_overscan","height","heightProp","emptyMessage","emptyMessageProp","hotkeys","hotkeyOverrides","stackProps","t","knobProps","component","isRTL","gapToken","windowWidth","columnsBySizeClass","compact","medium","expanded","large","xl","gridId","containerRef","sentinelRef","focusedIndex","setFocusedIndex","document","handleContainerFocus","prev","scrollToIndex","index","getElementById","scrollIntoView","block","moveFocus","delta","next","Math","max","min","hotkeyOpts","target","right","left","down","up","activateFocused","select","first","last","IntersectionObserver","el","current","observer","entries","some","entry","isIntersecting","observe","disconnect","hasError","effectiveFocused","showKeyboardRing","rowCount","ceil","gridBody","ref","tabIndex","focusStyle","focusVisibleStyle","onFocus","style","overflowY","onScroll","scrollTop","clientHeight","scrollHeight","start","rowItems","slice","map","item","Boolean","pad","padding","alignItems","size","errorTitle","emptyTitle","loading","empty"],"sources":["../../../src/views/ImageGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
package/dist/jsx/views/ImageGrid.native.js CHANGED
@@ -48,41 +48,47 @@ var import_react_hotkeys = require("@tanstack/react-hotkeys");
48
48
  var import_react = __toESM(require("react"));
49
49
  var import_i18n = require("../shared/i18n.native.js");
50
50
  var import_tamagui = require("tamagui");
51
+ var tileTrack = {
52
+ flexGrow: 1,
53
+ flexShrink: 1,
54
+ flexBasis: 0,
55
+ minWidth: 0
56
+ };
51
57
  function ImageGridSkeleton(param) {
52
58
  var {
53
59
  columns,
54
- cellPadding,
60
+ gutter,
55
61
  aspect,
56
62
  loadingLabel
57
63
  } = param;
58
- return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
59
- flexWrap: "wrap",
60
- margin: -cellPadding,
64
+ return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
65
+ gap: gutter,
61
66
  "data-async-skeleton": "image-grid",
62
67
  "data-media-aspect": aspect,
63
68
  "aria-busy": true,
64
69
  "aria-label": loadingLabel,
70
+ maxWidth: "100%",
65
71
  children: Array.from({
66
- length: columns * 2
67
- }).map(function (_, i) {
68
- return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
69
- width: `${100 / columns}%`,
70
- padding: cellPadding,
71
- children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
72
- variant: "rounded",
73
- width: "100%",
74
- aspectRatio: aspect
72
+ length: 2
73
+ }, function (_, row) {
74
+ return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
75
+ gap: gutter,
76
+ children: Array.from({
77
+ length: columns
78
+ }, function (_2, col) {
79
+ return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
80
+ ...tileTrack,
81
+ children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
82
+ variant: "rounded",
83
+ width: "100%",
84
+ aspectRatio: aspect
85
+ })
86
+ }, `skel-${row}-${col}`);
75
87
  })
76
- }, i);
88
+ }, `skel-row-${row}`);
77
89
  })
78
90
  });
79
91
  }
80
- var tileTrack = {
81
- flexGrow: 1,
82
- flexShrink: 1,
83
- flexBasis: 0,
84
- minWidth: 0
85
- };
86
92
  function ImageGridTile(param) {
87
93
  var {
88
94
  id,
@@ -182,7 +188,6 @@ function ImageGrid(param) {
182
188
  var isRTL = (0, import_useDirection.useDirection)() === "rtl";
183
189
  var gapToken = knobProps.gap.gap;
184
190
  var gutter = typeof gapToken === "number" ? gapToken : (_getTokenValue = (0, import_tamagui.getTokenValue)(gapToken, "space")) !== null && _getTokenValue !== void 0 ? _getTokenValue : 16;
185
- var cellPadding = gutter / 2;
186
191
  var {
187
192
  width: windowWidth
188
193
  } = (0, import_tamagui.useWindowDimensions)();
@@ -311,6 +316,7 @@ function ImageGrid(param) {
311
316
  } : null),
312
317
  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
313
318
  gap: gutter,
319
+ maxWidth: "100%",
314
320
  children: Array.from({
315
321
  length: rowCount
316
322
  }, function (_, row) {
@@ -365,7 +371,7 @@ function ImageGrid(param) {
365
371
  emptyTitle: emptyMessage,
366
372
  loading: !hasError && isLoading && items.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(ImageGridSkeleton, {
367
373
  columns,
368
- cellPadding,
374
+ gutter,
369
375
  aspect: (0, import_theme.resolveMediaAspect)(mediaAspect),
370
376
  loadingLabel: t("Loading")
371
377
  }) : false,
package/dist/jsx/views/ImageGrid.native.js.map CHANGED
@@ -1 +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","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"],"sources":["../../../src/views/ImageGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
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","tileTrack","flexGrow","flexShrink","flexBasis","minWidth","ImageGridSkeleton","param","columns","gutter","aspect","loadingLabel","jsx","YStack","gap","maxWidth","children","Array","length","_","row","XStack","_2","col","View","Skeleton","variant","width","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","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"],"sources":["../../../src/views/ImageGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@multiplatform.one/components",
3
- "version": "7.27.0",
3
+ "version": "7.28.1",
4
4
  "description": "multiplatform.one ui components",
5
5
  "keywords": [
6
6
  "components",
@@ -57,11 +57,11 @@
57
57
  },
58
58
  "dependencies": {
59
59
  "@floating-ui/react": "^0.27.19",
60
- "@multiplatform.one/forms": "7.27.0",
61
- "@multiplatform.one/i18n": "7.27.0",
62
- "@multiplatform.one/platform": "7.27.0",
63
- "@multiplatform.one/router": "7.27.0",
64
- "@multiplatform.one/theme": "7.27.0",
60
+ "@multiplatform.one/forms": "7.28.1",
61
+ "@multiplatform.one/i18n": "7.28.1",
62
+ "@multiplatform.one/platform": "7.28.1",
63
+ "@multiplatform.one/router": "7.28.1",
64
+ "@multiplatform.one/theme": "7.28.1",
65
65
  "@phosphor-icons/react": "^2.1.10",
66
66
  "@shopify/flash-list": "^2.3.1",
67
67
  "@tamagui/colors": "2.7.6",
@@ -87,9 +87,9 @@
87
87
  "tamagui": "2.7.6"
88
88
  },
89
89
  "devDependencies": {
90
- "@multiplatform.one/config": "7.27.0",
91
- "@multiplatform.one/storybook": "7.27.0",
92
- "@multiplatform.one/test-utils": "7.27.0",
90
+ "@multiplatform.one/config": "7.28.1",
91
+ "@multiplatform.one/storybook": "7.28.1",
92
+ "@multiplatform.one/test-utils": "7.28.1",
93
93
  "@tamagui/build": "2.7.6",
94
94
  "@testing-library/jest-dom": "^6.9.1",
95
95
  "@testing-library/react": "^16.3.2",
package/src/views/ImageGrid.tsx CHANGED
@@ -108,45 +108,49 @@ export interface ImageGridProps<T> extends Omit<YStackProps, "children"> {
108
108
  hotkeys?: ImageGridHotkeys;
109
109
  }
110
110
 
111
+ const tileTrack = { flexGrow: 1, flexShrink: 1, flexBasis: 0, minWidth: 0 } as const;
112
+
111
113
  /**
112
114
  * Skeleton twin of the grid (LC-20 / DG-ST-02): aspect-correct muted blocks
113
- * in the live cell geometry — same column count, same tile boxes (here from
114
- * half-gutter cell padding), radius-knob rounding — so the layout doesn't
115
- * jump when images land. Replaces the raw centered Spinner the grid used
116
- * pre-W9.
115
+ * in the live cell geometry — same column count, same flex tracks + gap as the
116
+ * ready wall — so the layout doesn't jump when images land. Gutters ride the
117
+ * parent's `gap` (never a negative margin): a −half-gutter outset widened the
118
+ * page past the viewport at 390 (FB-390-grid-overflow-x).
117
119
  */
118
120
  function ImageGridSkeleton({
119
121
  columns,
120
- cellPadding,
122
+ gutter,
121
123
  aspect,
122
124
  loadingLabel,
123
125
  }: {
124
126
  columns: number;
125
- cellPadding: number;
127
+ gutter: number;
126
128
  /** Resolved width/height ratio — the twin must be the media's shape (MPO-31 H2). */
127
129
  aspect: number;
128
130
  loadingLabel: string;
129
131
  }) {
130
132
  return (
131
- <XStack
132
- flexWrap="wrap"
133
- margin={-cellPadding}
133
+ <YStack
134
+ gap={gutter}
134
135
  data-async-skeleton="image-grid"
135
136
  data-media-aspect={aspect}
136
137
  aria-busy
137
138
  aria-label={loadingLabel}
139
+ maxWidth="100%"
138
140
  >
139
- {Array.from({ length: columns * 2 }).map((_, i) => (
140
- <View key={i} width={`${100 / columns}%` as any} padding={cellPadding}>
141
- <Skeleton variant="rounded" width="100%" aspectRatio={aspect} />
142
- </View>
141
+ {Array.from({ length: 2 }, (_, row) => (
142
+ <XStack key={`skel-row-${row}`} gap={gutter}>
143
+ {Array.from({ length: columns }, (_, col) => (
144
+ <View key={`skel-${row}-${col}`} {...tileTrack}>
145
+ <Skeleton variant="rounded" width="100%" aspectRatio={aspect} />
146
+ </View>
147
+ ))}
148
+ </XStack>
143
149
  ))}
144
- </XStack>
150
+ </YStack>
145
151
  );
146
152
  }
147
153
 
148
- const tileTrack = { flexGrow: 1, flexShrink: 1, flexBasis: 0, minWidth: 0 } as const;
149
-
150
154
  /**
151
155
  * One Photos/Polar tile: the rounded media frame is the perceived control.
152
156
  * LC-71 ring rides this node (inset — overflow clips children to radius),
@@ -270,12 +274,13 @@ export function ImageGrid<T>({
270
274
  // Gutters are the rows' flex `gap`, and every tile takes an equal flex
271
275
  // share of its row (web and native, no CSS calc). A short last row is
272
276
  // topped up with empty tracks so its tiles keep the full-row width.
277
+ // Never a negative half-gutter margin — that widened scrollWidth past
278
+ // the viewport at 390 (FB-390-grid-overflow-x).
273
279
  const gapToken = knobProps.gap.gap;
274
280
  const gutter =
275
281
  typeof gapToken === "number"
276
282
  ? gapToken
277
283
  : ((getTokenValue(gapToken as Parameters<typeof getTokenValue>[0], "space") as number) ?? 16);
278
- const cellPadding = gutter / 2;
279
284
 
280
285
  // Responsive default: a fixed count that looks right on desktop renders
281
286
  // skinny slivers on a phone. Explicit `columns` always wins; a `tileSize`
@@ -435,7 +440,7 @@ export function ImageGrid<T>({
435
440
  }
436
441
  : null)}
437
442
  >
438
- <YStack gap={gutter}>
443
+ <YStack gap={gutter} maxWidth="100%">
439
444
  {Array.from({ length: rowCount }, (_, row) => {
440
445
  const start = row * columns;
441
446
  const rowItems = items.slice(start, start + columns);
@@ -495,7 +500,7 @@ export function ImageGrid<T>({
495
500
  !hasError && isLoading && items.length === 0 ? (
496
501
  <ImageGridSkeleton
497
502
  columns={columns}
498
- cellPadding={cellPadding}
503
+ gutter={gutter}
499
504
  aspect={resolveMediaAspect(mediaAspect)}
500
505
  loadingLabel={t("Loading")}
501
506
  />
package/types/views/ImageGrid.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ImageGrid.d.ts","sourceRoot":"","sources":["../../src/views/ImageGrid.tsx"],"names":[],"mappings":"AAIA,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,YAAY,EAOlB,MAAM,0BAA0B,CAAC;AAElC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAA0D,MAAM,OAAO,CAAC;AAK/E,OAAO,EAML,KAAK,WAAW,EACjB,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,+CAA+C;IAC/C,EAAE,CAAC,EAAE,kBAAkB,CAAC;IACxB,mDAAmD;IACnD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,sDAAsD;IACtD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,wDAAwD;IACxD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,mDAAmD;IACnD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,iDAAiD;IACjD,IAAI,CAAC,EAAE,kBAAkB,CAAC;CAC3B;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IACtE,+BAA+B;IAC/B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,yCAAyC;IACzC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACzC,qCAAqC;IACrC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oGAAoG;IACpG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC1D,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAqHD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,KAAK,EACL,UAAU,EACV,WAAW,EACX,UAAU,EACV,OAAe,EACf,SAAiB,EACjB,KAAY,EACZ,OAAO,EACP,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,WAAW,EACX,YAAY,EAAE,aAAa,EAC3B,QAAQ,EAAE,SAAS,EACnB,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,eAAe,EACxB,GAAG,UAAU,EACd,EAAE,cAAc,CAAC,CAAC,CAAC,2CAuPnB"}
1
+ {"version":3,"file":"ImageGrid.d.ts","sourceRoot":"","sources":["../../src/views/ImageGrid.tsx"],"names":[],"mappings":"AAIA,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,YAAY,EAOlB,MAAM,0BAA0B,CAAC;AAElC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAA0D,MAAM,OAAO,CAAC;AAK/E,OAAO,EAML,KAAK,WAAW,EACjB,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,+CAA+C;IAC/C,EAAE,CAAC,EAAE,kBAAkB,CAAC;IACxB,mDAAmD;IACnD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,sDAAsD;IACtD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,wDAAwD;IACxD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,mDAAmD;IACnD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,iDAAiD;IACjD,IAAI,CAAC,EAAE,kBAAkB,CAAC;CAC3B;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IACtE,+BAA+B;IAC/B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,yCAAyC;IACzC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACzC,qCAAqC;IACrC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oGAAoG;IACpG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC1D,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAyHD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,KAAK,EACL,UAAU,EACV,WAAW,EACX,UAAU,EACV,OAAe,EACf,SAAiB,EACjB,KAAY,EACZ,OAAO,EACP,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,WAAW,EACX,YAAY,EAAE,aAAa,EAC3B,QAAQ,EAAE,SAAS,EACnB,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,eAAe,EACxB,GAAG,UAAU,EACd,EAAE,cAAc,CAAC,CAAC,CAAC,2CAwPnB"}