@multiplatform.one/components 7.28.0 → 7.28.1

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

@@ -48,41 +48,47 @@ var import_react_hotkeys = require("@tanstack/react-hotkeys");
 var import_react = __toESM(require("react"));
 var import_i18n = require("../shared/i18n.native.js");
 var import_tamagui = require("tamagui");
+var tileTrack = {
+  flexGrow: 1,
+  flexShrink: 1,
+  flexBasis: 0,
+  minWidth: 0
+};
 function ImageGridSkeleton(param) {
   var {
     columns,
-    cellPadding,
+    gutter,
     aspect,
     loadingLabel
   } = param;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-    flexWrap: "wrap",
-    margin: -cellPadding,
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    gap: gutter,
     "data-async-skeleton": "image-grid",
     "data-media-aspect": aspect,
     "aria-busy": true,
     "aria-label": loadingLabel,
+    maxWidth: "100%",
     children: Array.from({
-      length: columns * 2
-    }).map(function (_, i) {
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-        width: `${100 / columns}%`,
-        padding: cellPadding,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
-          variant: "rounded",
-          width: "100%",
-          aspectRatio: aspect
+      length: 2
+    }, function (_, row) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+        gap: gutter,
+        children: Array.from({
+          length: columns
+        }, function (_2, col) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            ...tileTrack,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+              variant: "rounded",
+              width: "100%",
+              aspectRatio: aspect
+            })
+          }, `skel-${row}-${col}`);
         })
-      }, i);
+      }, `skel-row-${row}`);
     })
   });
 }
-var tileTrack = {
-  flexGrow: 1,
-  flexShrink: 1,
-  flexBasis: 0,
-  minWidth: 0
-};
 function ImageGridTile(param) {
   var {
     id,
@@ -182,7 +188,6 @@ function ImageGrid(param) {
   var isRTL = (0, import_useDirection.useDirection)() === "rtl";
   var gapToken = knobProps.gap.gap;
   var gutter = typeof gapToken === "number" ? gapToken : (_getTokenValue = (0, import_tamagui.getTokenValue)(gapToken, "space")) !== null && _getTokenValue !== void 0 ? _getTokenValue : 16;
-  var cellPadding = gutter / 2;
   var {
     width: windowWidth
   } = (0, import_tamagui.useWindowDimensions)();
@@ -311,6 +316,7 @@ function ImageGrid(param) {
     } : null),
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
       gap: gutter,
+      maxWidth: "100%",
       children: Array.from({
         length: rowCount
       }, function (_, row) {
@@ -365,7 +371,7 @@ function ImageGrid(param) {
     emptyTitle: emptyMessage,
     loading: !hasError && isLoading && items.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(ImageGridSkeleton, {
       columns,
-      cellPadding,
+      gutter,
       aspect: (0, import_theme.resolveMediaAspect)(mediaAspect),
       loadingLabel: t("Loading")
     }) : false,

package/dist/jsx/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","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":[]}
+{"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

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/components",
-  "version": "7.28.0",
+  "version": "7.28.1",
   "description": "multiplatform.one ui components",
   "keywords": [
     "components",
@@ -57,11 +57,11 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.19",
-    "@multiplatform.one/forms": "7.28.0",
-    "@multiplatform.one/i18n": "7.28.0",
-    "@multiplatform.one/platform": "7.28.0",
-    "@multiplatform.one/router": "7.28.0",
-    "@multiplatform.one/theme": "7.28.0",
+    "@multiplatform.one/forms": "7.28.1",
+    "@multiplatform.one/i18n": "7.28.1",
+    "@multiplatform.one/platform": "7.28.1",
+    "@multiplatform.one/router": "7.28.1",
+    "@multiplatform.one/theme": "7.28.1",
     "@phosphor-icons/react": "^2.1.10",
     "@shopify/flash-list": "^2.3.1",
     "@tamagui/colors": "2.7.6",
@@ -87,9 +87,9 @@
     "tamagui": "2.7.6"
   },
   "devDependencies": {
-    "@multiplatform.one/config": "7.28.0",
-    "@multiplatform.one/storybook": "7.28.0",
-    "@multiplatform.one/test-utils": "7.28.0",
+    "@multiplatform.one/config": "7.28.1",
+    "@multiplatform.one/storybook": "7.28.1",
+    "@multiplatform.one/test-utils": "7.28.1",
     "@tamagui/build": "2.7.6",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",

package/src/views/ImageGrid.tsx

@@ -108,45 +108,49 @@ export interface ImageGridProps<T> extends Omit<YStackProps, "children"> {
   hotkeys?: ImageGridHotkeys;
 }
 
+const tileTrack = { flexGrow: 1, flexShrink: 1, flexBasis: 0, minWidth: 0 } as const;
+
 /**
  * Skeleton twin of the grid (LC-20 / DG-ST-02): aspect-correct muted blocks
- * in the live cell geometry — same column count, same tile boxes (here from
- * half-gutter cell padding), radius-knob rounding — so the layout doesn't
- * jump when images land. Replaces the raw centered Spinner the grid used
- * pre-W9.
+ * in the live cell geometry — same column count, same flex tracks + gap as the
+ * ready wall — so the layout doesn't jump when images land. Gutters ride the
+ * parent's `gap` (never a negative margin): a −half-gutter outset widened the
+ * page past the viewport at 390 (FB-390-grid-overflow-x).
  */
 function ImageGridSkeleton({
   columns,
-  cellPadding,
+  gutter,
   aspect,
   loadingLabel,
 }: {
   columns: number;
-  cellPadding: number;
+  gutter: number;
   /** Resolved width/height ratio — the twin must be the media's shape (MPO-31 H2). */
   aspect: number;
   loadingLabel: string;
 }) {
   return (
-    <XStack
-      flexWrap="wrap"
-      margin={-cellPadding}
+    <YStack
+      gap={gutter}
       data-async-skeleton="image-grid"
       data-media-aspect={aspect}
       aria-busy
       aria-label={loadingLabel}
+      maxWidth="100%"
     >
-      {Array.from({ length: columns * 2 }).map((_, i) => (
-        <View key={i} width={`${100 / columns}%` as any} padding={cellPadding}>
-          <Skeleton variant="rounded" width="100%" aspectRatio={aspect} />
-        </View>
+      {Array.from({ length: 2 }, (_, row) => (
+        <XStack key={`skel-row-${row}`} gap={gutter}>
+          {Array.from({ length: columns }, (_, col) => (
+            <View key={`skel-${row}-${col}`} {...tileTrack}>
+              <Skeleton variant="rounded" width="100%" aspectRatio={aspect} />
+            </View>
+          ))}
+        </XStack>
       ))}
-    </XStack>
+    </YStack>
   );
 }
 
-const tileTrack = { flexGrow: 1, flexShrink: 1, flexBasis: 0, minWidth: 0 } as const;
-
 /**
  * One Photos/Polar tile: the rounded media frame is the perceived control.
  * LC-71 ring rides this node (inset — overflow clips children to radius),
@@ -270,12 +274,13 @@ export function ImageGrid<T>({
   // Gutters are the rows' flex `gap`, and every tile takes an equal flex
   // share of its row (web and native, no CSS calc). A short last row is
   // topped up with empty tracks so its tiles keep the full-row width.
+  // Never a negative half-gutter margin — that widened scrollWidth past
+  // the viewport at 390 (FB-390-grid-overflow-x).
   const gapToken = knobProps.gap.gap;
   const gutter =
     typeof gapToken === "number"
       ? gapToken
       : ((getTokenValue(gapToken as Parameters<typeof getTokenValue>[0], "space") as number) ?? 16);
-  const cellPadding = gutter / 2;
 
   // Responsive default: a fixed count that looks right on desktop renders
   // skinny slivers on a phone. Explicit `columns` always wins; a `tileSize`
@@ -435,7 +440,7 @@ export function ImageGrid<T>({
             }
           : null)}
       >
-        <YStack gap={gutter}>
+        <YStack gap={gutter} maxWidth="100%">
           {Array.from({ length: rowCount }, (_, row) => {
             const start = row * columns;
             const rowItems = items.slice(start, start + columns);
@@ -495,7 +500,7 @@ export function ImageGrid<T>({
         !hasError && isLoading && items.length === 0 ? (
           <ImageGridSkeleton
             columns={columns}
-            cellPadding={cellPadding}
+            gutter={gutter}
             aspect={resolveMediaAspect(mediaAspect)}
             loadingLabel={t("Loading")}
           />

package/types/views/ImageGrid.d.ts.map

@@ -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"}
+{"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"}