@multiplatform.one/components 6.0.4 → 6.3.0

package/dist/esm/views/Gantt.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","componentColors","sectionHeading","AsyncBoundary","Skeleton","ViewSwitcher","useDirection","withInterp","Intent","hairline","hairlineWidth","useResolvedKnobs","Button","React","useCallback","useEffect","useMemo","useRef","useState","useTranslation","ScrollView","Text","XStack","YStack","isWeb","barGeometry","clampResizeDayDelta","computeGanttRange","dateToX","dxToDayDelta","formatRangeLabel","formatSpanLabel","ganttTaskAccessibleLabel","generateTicks","rangeDays","resizeSpanByDays","shiftSpanByDays","spanInclusiveDays","todayLineX","DRAG_THRESHOLD_PX","TOUCH_LONG_PRESS_MS","TOUCH_SLOP_PX","hairlineEnd","borderInlineEndWidth","borderInlineEndStyle","className","borderEndWidth","SKELETON_BARS","x","width","GanttSkeleton","param","labelWidth","rowHeight","t","children","height","alignItems","bottom","borderColor","paddingHorizontal","map","bar","i","divider","marginLeft","variant","Math","max","BarIntentWrap","intent","name","GanttView","tasks","zoom","initialZoom","onZoomChange","onItemPress","onItemMove","enableItemDrag","isLoading","error","onRetry","emptyTitle","emptyDescription","heightProp","showToday","showNavigation","showZoomSwitcher","firstDayOfWeek","initialDate","stackProps","knobProps","setZoom","rtl","dirSign","dirSignRef","current","canvasPos","right","left","announcement","setAnnouncement","sz","sizeToken","axisHeight","pxPerDay","space","barInset","barHeight","transition","webLayoutTransition","spans","task","start","end","range","Date","chartWidth","ticks","todayX","rangeLabel","changeZoom","next","hScrollRef","axisScrollRef","canvasViewportRef","pendingRtlAnchorRef","scrollToDate","date","animated","_hScrollRef_current_scrollTo","_hScrollRef_current","_axisScrollRef_current_scrollTo","_axisScrollRef_current","ltrX","viewport","min","scrollTo","call","scrollToDateRef","handleCanvasScroll","event","_ref","_event_nativeEvent_contentOffset","_event_nativeEvent","nativeEvent","contentOffset","handleCanvasLayout","_event_nativeEvent_layout","layout","pending","dragEnabled","hasDom","window","document","webDragEnabled","nativeDragEnabled","drag","setDrag","resize","setResize","suppressClickRef","dragCleanupRef","nativeSessionRef","_dragCleanupRef_current","suppressNextClick","setTimeout","commitDrag","dayDelta","handleBarPointerDown","e","_e_stopPropagation","button","stopPropagation","isTouch","pointerType","startX","clientX","startY","clientY","active","ended","liftArmed","prevUserSelect","longPressTimer","toDayDelta","toDayDelta2","dx","activate","activate2","body","style","userSelect","id","teardown","teardown2","clearTimeout","removeEventListener","onMove","onUp","onKey","onMove2","me","travel","hypot","onUp2","ue","wasActive","onKey2","ke","key","addEventListener","once","handleNativeGrant","_e_nativeEvent","session","pageX","dragging","liftTimer","handleNativeMove","abs","handleNativeRelease","handleNativeTerminate","handleResizePointerDown","edge","span","maxShrinkPx","sign","clampLogicalDx","clampLogicalDx2","logicalDx","getBarDragProps","onPointerDown","onStartShouldSetResponder","onMoveShouldSetResponder","onResponderTerminationRequest","_nativeSessionRef_current","onResponderGrant","onResponderMove","onResponderRelease","onResponderTerminate","handleBarKeyboardMove","shiftKey","physical","title","renderBar","renderBar2","_ref1","_task_color","geom","activeDrag","activeResize","resizing","sessionLive","previewSpan","previewGeom","liveWidth","liveTransformX","fill","color","handleWidth","physicalLeftEdge","physicalRightEdge","position","top","borderRadius","borderWidth","backgroundColor","opacity","pointerEvents","zIndex","hoverStyle","pressStyle","cursor","role","tabIndex","outlineWidth","focusVisibleStyle","outlineColor","outlineStyle","outlineOffset","onKeyDown","_ke_preventDefault","_ke_stopPropagation","preventDefault","_ke_preventDefault1","_ke_stopPropagation1","onPress","fontSize","numberOfLines","scrollLocked","majorGridColor","minorGridColor","scrollerDirection","direction","showSkeleton","length","loading","empty","overflow","elevation","panelPadding","justifyContent","gap","size","heading","views","type","label","currentView","onViewChange","val","flexShrink"],"sources":["../../../src/views/Gantt.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/views/ImageGrid.mjs

@@ -1,9 +1,36 @@
-import { componentColors } from "../componentColors.mjs";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { AsyncBoundary, resolveAsyncStatus } from "../layouts/AsyncBoundary.mjs";
+import { Skeleton } from "../Skeleton/index.mjs";
+import { Spinner } from "@multiplatform.one/forms";
+import { getLayoutSizeClass, useResolvedKnobs } from "@multiplatform.one/theme";
 import { useHotkey } from "@tanstack/react-hotkeys";
-import { useCallback, useId, useRef, useState } from "react";
-import { Spinner, Text, View, XStack, YStack } from "tamagui";
+import { useCallback, useEffect, useId, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { View, XStack, YStack, getTokenValue, useWindowDimensions } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+function ImageGridSkeleton({
+  columns,
+  cellPadding,
+  loadingLabel
+}) {
+  return /* @__PURE__ */jsx(XStack, {
+    flexWrap: "wrap",
+    margin: -cellPadding,
+    "data-async-skeleton": "image-grid",
+    "aria-busy": true,
+    "aria-label": loadingLabel,
+    children: Array.from({
+      length: columns * 2
+    }).map((_, i) => /* @__PURE__ */jsx(View, {
+      width: `${100 / columns}%`,
+      padding: cellPadding,
+      children: /* @__PURE__ */jsx(Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        aspectRatio: 1
+      })
+    }, i))
+  });
+}
 function ImageGrid({
   items,
   renderItem,
@@ -11,22 +38,42 @@ function ImageGrid({
   onLoadMore,
   hasMore = false,
   isLoading = false,
-  columns = 4,
+  error = null,
+  onRetry,
+  columns: columnsProp,
   estimateSize: _estimateSize,
   overscan: _overscan,
   height: heightProp,
-  emptyMessage = "No items found",
+  emptyMessage: emptyMessageProp,
   hotkeys: hotkeyOverrides,
   ...stackProps
 }) {
+  const {
+    t
+  } = useTranslation();
+  const emptyMessage = emptyMessageProp ?? t("No items found");
   const {
     knobProps
   } = useResolvedKnobs();
-  const sz = knobProps.sizeToken;
-  const height = heightProp ?? (sz === "$3" ? 480 : sz === "$5" ? 720 : 600);
+  const {
+    width: windowWidth
+  } = useWindowDimensions();
+  const columnsBySizeClass = {
+    compact: 2,
+    medium: 3,
+    expanded: 4,
+    large: 5,
+    xl: 5
+  };
+  const columns = columnsProp ?? columnsBySizeClass[getLayoutSizeClass(windowWidth)];
+  const height = heightProp;
   const gridId = useId();
   const containerRef = useRef(null);
+  const sentinelRef = useRef(null);
   const [focusedIndex, setFocusedIndex] = useState(-1);
+  const gapToken = knobProps.gap.gap;
+  const gutter = typeof gapToken === "number" ? gapToken : getTokenValue(gapToken, "space") ?? 16;
+  const cellPadding = gutter / 2;
   const scrollToIndex = useCallback(index => {
     if (index >= 0 && index < items.length) {
       document.getElementById(`${gridId}-item-${index}`)?.scrollIntoView({
@@ -88,72 +135,92 @@ function ImageGrid({
       onItemClick?.(items[focusedIndex]);
     }
   }, hotkeyOpts);
-  if (isLoading && items.length === 0) {
-    return /* @__PURE__ */jsx(YStack, {
-      ...knobProps.panelPadding,
-      alignItems: "center",
-      ...stackProps,
-      children: /* @__PURE__ */jsx(Spinner, {
-        size: "large"
-      })
+  useEffect(() => {
+    if (height !== void 0 || !onLoadMore || !hasMore || isLoading) return;
+    if (typeof IntersectionObserver === "undefined") return;
+    const el = sentinelRef.current;
+    if (!el) return;
+    const observer = new IntersectionObserver(entries => {
+      if (entries.some(entry => entry.isIntersecting)) onLoadMore();
     });
-  }
-  if (items.length === 0) {
-    return /* @__PURE__ */jsx(YStack, {
-      ...knobProps.panelPadding,
-      alignItems: "center",
-      ...stackProps,
-      children: /* @__PURE__ */jsx(Text, {
-        color: componentColors.text.muted,
-        children: emptyMessage
-      })
-    });
-  }
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [height, onLoadMore, hasMore, isLoading]);
+  const hasError = resolveAsyncStatus({
+    error
+  }) === "error";
   const effectiveFocused = focusedIndex >= items.length ? -1 : focusedIndex;
-  return /* @__PURE__ */jsx(YStack, {
-    ...stackProps,
-    children: /* @__PURE__ */jsxs(View, {
-      ref: containerRef,
-      role: "grid",
-      "aria-label": "Image grid",
-      "aria-activedescendant": effectiveFocused >= 0 ? `${gridId}-item-${effectiveFocused}` : void 0,
-      tabIndex: 0,
-      outlineWidth: 0,
+  const gridBody = items.length === 0 ? null : /* @__PURE__ */jsxs(View, {
+    ref: containerRef,
+    role: "grid",
+    "aria-label": t("Image grid"),
+    "aria-activedescendant": effectiveFocused >= 0 ? `${gridId}-item-${effectiveFocused}` : void 0,
+    tabIndex: 0,
+    outlineWidth: 0,
+    ...(height !== void 0 ? {
       style: {
         height,
         overflowY: "auto"
       },
-      children: [/* @__PURE__ */jsx(XStack, {
-        flexWrap: "wrap",
-        onScroll: onLoadMore && hasMore && !isLoading ? () => {
-          const el = containerRef.current;
-          if (el && el.scrollTop + el.clientHeight >= el.scrollHeight - 50) onLoadMore();
-        } : void 0,
-        children: items.map((item, index) => {
-          const isFocused = effectiveFocused === index;
-          return /* @__PURE__ */jsx(View, {
-            id: `${gridId}-item-${index}`,
-            "data-focused": isFocused || void 0,
-            width: `${100 / columns}%`,
-            backgroundColor: isFocused ? "$accentBackground" : void 0,
-            borderRadius: isFocused ? knobProps.borderRadius.borderRadius : void 0,
-            ...knobProps.gap,
-            cursor: onItemClick ? "pointer" : void 0,
-            onPress: onItemClick ? () => {
-              setFocusedIndex(index);
-              onItemClick(item);
-            } : void 0,
+      onScroll: onLoadMore && hasMore && !isLoading ? () => {
+        const el = containerRef.current;
+        if (el && el.scrollTop + el.clientHeight >= el.scrollHeight - 50) {
+          onLoadMore();
+        }
+      } : void 0
+    } : null),
+    children: [/* @__PURE__ */jsx(XStack, {
+      flexWrap: "wrap",
+      margin: -cellPadding,
+      children: items.map((item, index) => {
+        const isFocused = effectiveFocused === index;
+        return /* @__PURE__ */jsx(View, {
+          id: `${gridId}-item-${index}`,
+          "data-focused": isFocused || void 0,
+          width: `${100 / columns}%`,
+          padding: cellPadding,
+          backgroundColor: isFocused ? "$accentBackground" : void 0,
+          borderRadius: isFocused ? knobProps.borderRadius.borderRadius : void 0,
+          cursor: onItemClick ? "pointer" : void 0,
+          onPress: onItemClick ? () => {
+            setFocusedIndex(index);
+            onItemClick(item);
+          } : void 0,
+          children: /* @__PURE__ */jsx(View, {
+            borderRadius: knobProps.borderRadius.borderRadius,
+            ...(knobProps.borderRadius.className ? {
+              className: knobProps.borderRadius.className
+            } : {}),
+            overflow: "hidden",
             children: renderItem(item)
-          }, `${gridId}-item-${index}`);
-        })
-      }), isLoading && items.length > 0 && /* @__PURE__ */jsx(YStack, {
-        padding: "$2",
-        alignItems: "center",
-        children: /* @__PURE__ */jsx(Spinner, {
-          size: "small"
-        })
-      })]
-    })
+          })
+        }, `${gridId}-item-${index}`);
+      })
+    }), isLoading && items.length > 0 && /* @__PURE__ */jsx(YStack, {
+      padding: "$2",
+      alignItems: "center",
+      children: /* @__PURE__ */jsx(Spinner, {
+        size: "small"
+      })
+    }), /* @__PURE__ */jsx(View, {
+      ref: sentinelRef,
+      height: 1
+    })]
+  });
+  return /* @__PURE__ */jsx(AsyncBoundary, {
+    compact: true,
+    error,
+    onRetry,
+    errorTitle: t("Couldn't load images"),
+    emptyTitle: emptyMessage,
+    loading: !hasError && isLoading && items.length === 0 ? /* @__PURE__ */jsx(ImageGridSkeleton, {
+      columns,
+      cellPadding,
+      loadingLabel: t("Loading")
+    }) : false,
+    empty: !hasError && items.length === 0,
+    ...stackProps,
+    children: gridBody
   });
 }
 export { ImageGrid };

package/dist/esm/views/ImageGrid.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["componentColors","useResolvedKnobs","useHotkey","useCallback","useId","useRef","useState","Spinner","Text","View","XStack","YStack","jsx","jsxs","ImageGrid","items","renderItem","onItemClick","onLoadMore","hasMore","isLoading","columns","estimateSize","_estimateSize","overscan","_overscan","height","heightProp","emptyMessage","hotkeys","hotkeyOverrides","stackProps","knobProps","sz","sizeToken","gridId","containerRef","focusedIndex","setFocusedIndex","scrollToIndex","index","length","document","getElementById","scrollIntoView","block","hotkeyOpts","target","right","prev","col","next","left","down","up","select","panelPadding","alignItems","children","size","color","text","muted","effectiveFocused","ref","role","tabIndex","outlineWidth","style","overflowY","flexWrap","onScroll","el","current","scrollTop","clientHeight","scrollHeight","map","item","isFocused","id","width","backgroundColor","borderRadius","gap","cursor","onPress","padding"],"sources":["../../../src/views/ImageGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["AsyncBoundary","resolveAsyncStatus","Skeleton","Spinner","getLayoutSizeClass","useResolvedKnobs","useHotkey","useCallback","useEffect","useId","useRef","useState","useTranslation","View","XStack","YStack","getTokenValue","useWindowDimensions","jsx","jsxs","ImageGridSkeleton","columns","cellPadding","loadingLabel","flexWrap","margin","children","Array","from","length","map","_","i","width","padding","variant","aspectRatio","ImageGrid","items","renderItem","onItemClick","onLoadMore","hasMore","isLoading","error","onRetry","columnsProp","estimateSize","_estimateSize","overscan","_overscan","height","heightProp","emptyMessage","emptyMessageProp","hotkeys","hotkeyOverrides","stackProps","t","knobProps","windowWidth","columnsBySizeClass","compact","medium","expanded","large","xl","gridId","containerRef","sentinelRef","focusedIndex","setFocusedIndex","gapToken","gap","gutter","scrollToIndex","index","document","getElementById","scrollIntoView","block","hotkeyOpts","target","right","prev","col","next","left","down","up","select","IntersectionObserver","el","current","observer","entries","some","entry","isIntersecting","observe","disconnect","hasError","effectiveFocused","gridBody","ref","role","tabIndex","outlineWidth","style","overflowY","onScroll","scrollTop","clientHeight","scrollHeight","item","isFocused","id","backgroundColor","borderRadius","cursor","onPress","className","overflow","alignItems","size","errorTitle","emptyTitle","loading","empty"],"sources":["../../../src/views/ImageGrid.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,aAAA,EAAeC,kBAAA,QAA0B;AAClD,SAASC,QAAA,QAAgB;AACzB,SAASC,OAAA,QAAe;AACxB,SACEC,kBAAA,EAEAC,gBAAA,QACK;AACP,SAASC,SAAA,QAAiB;AAE1B,SAAgBC,WAAA,EAAaC,SAAA,EAAWC,KAAA,EAAOC,MAAA,EAAQC,QAAA,QAAgB;AACvE,SAASC,cAAA,QAAsB;AAI/B,SACEC,IAAA,EACAC,MAAA,EACAC,MAAA,EACAC,aAAA,EACAC,mBAAA,QAEK;AAqFG,SAAAC,GAAA,EAkMJC,IAAA,QAlMI;AAnBV,SAASC,kBAAkB;EACzBC,OAAA;EACAC,WAAA;EACAC;AACF,GAIG;EACD,OACE,eAAAL,GAAA,CAACJ,MAAA;IACCU,QAAA,EAAS;IACTC,MAAA,EAAQ,CAACH,WAAA;IACT,uBAAoB;IACpB,aAAS;IACT,cAAYC,YAAA;IAEXG,QAAA,EAAAC,KAAA,CAAMC,IAAA,CAAK;MAAEC,MAAA,EAAQR,OAAA,GAAU;IAAE,CAAC,EAAES,GAAA,CAAI,CAACC,CAAA,EAAGC,CAAA,KAC3C,eAAAd,GAAA,CAACL,IAAA;MAAaoB,KAAA,EAAO,GAAG,MAAMZ,OAAO;MAAYa,OAAA,EAASZ,WAAA;MACxDI,QAAA,iBAAAR,GAAA,CAAChB,QAAA;QAASiC,OAAA,EAAQ;QAAUF,KAAA,EAAM;QAAOG,WAAA,EAAa;MAAA,CAAG;IAAA,GADhDJ,CAEX,CACD;EAAA,CACH;AAEJ;AAuBO,SAASK,UAAa;EAC3BC,KAAA;EACAC,UAAA;EACAC,WAAA;EACAC,UAAA;EACAC,OAAA,GAAU;EACVC,SAAA,GAAY;EACZC,KAAA,GAAQ;EACRC,OAAA;EACAxB,OAAA,EAASyB,WAAA;EACTC,YAAA,EAAcC,aAAA;EACdC,QAAA,EAAUC,SAAA;EACVC,MAAA,EAAQC,UAAA;EACRC,YAAA,EAAcC,gBAAA;EACdC,OAAA,EAASC,eAAA;EACT,GAAGC;AACL,GAAsB;EACpB,MAAM;IAAEC;EAAE,IAAI9C,cAAA,CAAe;EAC7B,MAAMyC,YAAA,GAAeC,gBAAA,IAAoBI,CAAA,CAAE,gBAAgB;EAC3D,MAAM;IAAEC;EAAU,IAAItD,gBAAA,CAAiB;EAKvC,MAAM;IAAE4B,KAAA,EAAO2B;EAAY,IAAI3C,mBAAA,CAAoB;EACnD,MAAM4C,kBAAA,GAAsD;IAC1DC,OAAA,EAAS;IACTC,MAAA,EAAQ;IACRC,QAAA,EAAU;IACVC,KAAA,EAAO;IACPC,EAAA,EAAI;EACN;EACA,MAAM7C,OAAA,GAAUyB,WAAA,IAAee,kBAAA,CAAmBzD,kBAAA,CAAmBwD,WAAW,CAAC;EACjF,MAAMT,MAAA,GAASC,UAAA;EACf,MAAMe,MAAA,GAAS1D,KAAA,CAAM;EACrB,MAAM2D,YAAA,GAAe1D,MAAA,CAAuB,IAAI;EAChD,MAAM2D,WAAA,GAAc3D,MAAA,CAAuB,IAAI;EAC/C,MAAM,CAAC4D,YAAA,EAAcC,eAAe,IAAI5D,QAAA,CAAS,EAAE;EAMnD,MAAM6D,QAAA,GAAWb,SAAA,CAAUc,GAAA,CAAIA,GAAA;EAC/B,MAAMC,MAAA,GACJ,OAAOF,QAAA,KAAa,WAChBA,QAAA,GACExD,aAAA,CAAcwD,QAAA,EAAiD,OAAO,KAAgB;EAC9F,MAAMlD,WAAA,GAAcoD,MAAA,GAAS;EAG7B,MAAMC,aAAA,GAAgBpE,WAAA,CACnBqE,KAAA,IAAkB;IACjB,IAAIA,KAAA,IAAS,KAAKA,KAAA,GAAQtC,KAAA,CAAMT,MAAA,EAAQ;MACtCgD,QAAA,CAASC,cAAA,CAAe,GAAGX,MAAM,SAASS,KAAK,EAAE,GAAGG,cAAA,CAAe;QAAEC,KAAA,EAAO;MAAU,CAAC;IACzF;EACF,GACA,CAACb,MAAA,EAAQ7B,KAAA,CAAMT,MAAM,CACvB;EAGA,MAAMoD,UAAA,GAAa;IACjBC,MAAA,EAAQd;EACV;EAEA9D,SAAA,CACEkD,eAAA,EAAiB2B,KAAA,IAAS,cAC1B,MAAM;IACJZ,eAAA,CAAiBa,IAAA,IAAS;MACxB,IAAIA,IAAA,GAAO,GAAG,OAAO;MACrB,MAAMC,GAAA,GAAMD,IAAA,GAAO/D,OAAA;MAEnB,IAAIgE,GAAA,GAAMhE,OAAA,GAAU,KAAK+D,IAAA,GAAO,IAAI9C,KAAA,CAAMT,MAAA,EAAQ;QAChD,MAAMyD,IAAA,GAAOF,IAAA,GAAO;QACpBT,aAAA,CAAcW,IAAI;QAClB,OAAOA,IAAA;MACT;MACA,OAAOF,IAAA;IACT,CAAC;EACH,GACAH,UACF;EAEA3E,SAAA,CACEkD,eAAA,EAAiB+B,IAAA,IAAQ,aACzB,MAAM;IACJhB,eAAA,CAAiBa,IAAA,IAAS;MACxB,IAAIA,IAAA,GAAO,GAAG,OAAO;MACrB,MAAMC,GAAA,GAAMD,IAAA,GAAO/D,OAAA;MACnB,IAAIgE,GAAA,GAAM,GAAG;QACX,MAAMC,IAAA,GAAOF,IAAA,GAAO;QACpBT,aAAA,CAAcW,IAAI;QAClB,OAAOA,IAAA;MACT;MACA,OAAOF,IAAA;IACT,CAAC;EACH,GACAH,UACF;EAEA3E,SAAA,CACEkD,eAAA,EAAiBgC,IAAA,IAAQ,aACzB,MAAM;IACJjB,eAAA,CAAiBa,IAAA,IAAS;MACxB,IAAIA,IAAA,GAAO,GAAG,OAAO;MACrB,MAAME,IAAA,GAAOF,IAAA,GAAO/D,OAAA;MACpB,IAAIiE,IAAA,GAAOhD,KAAA,CAAMT,MAAA,EAAQ;QACvB8C,aAAA,CAAcW,IAAI;QAClB,OAAOA,IAAA;MACT;MACA,OAAOF,IAAA;IACT,CAAC;EACH,GACAH,UACF;EAEA3E,SAAA,CACEkD,eAAA,EAAiBiC,EAAA,IAAM,WACvB,MAAM;IACJlB,eAAA,CAAiBa,IAAA,IAAS;MACxB,IAAIA,IAAA,GAAO,GAAG,OAAO;MACrB,MAAME,IAAA,GAAOF,IAAA,GAAO/D,OAAA;MACpB,IAAIiE,IAAA,IAAQ,GAAG;QACbX,aAAA,CAAcW,IAAI;QAClB,OAAOA,IAAA;MACT;MACA,OAAOF,IAAA;IACT,CAAC;EACH,GACAH,UACF;EAEA3E,SAAA,CACEkD,eAAA,EAAiBkC,MAAA,IAAU,SAC3B,MAAM;IACJ,IAAIpB,YAAA,IAAgB,KAAKA,YAAA,GAAehC,KAAA,CAAMT,MAAA,EAAQ;MACpDW,WAAA,GAAcF,KAAA,CAAMgC,YAAY,CAAC;IACnC;EACF,GACAW,UACF;EAMAzE,SAAA,CAAU,MAAM;IACd,IAAI2C,MAAA,KAAW,UAAa,CAACV,UAAA,IAAc,CAACC,OAAA,IAAWC,SAAA,EAAW;IAClE,IAAI,OAAOgD,oBAAA,KAAyB,aAAa;IACjD,MAAMC,EAAA,GAAKvB,WAAA,CAAYwB,OAAA;IACvB,IAAI,CAACD,EAAA,EAAI;IACT,MAAME,QAAA,GAAW,IAAIH,oBAAA,CAAsBI,OAAA,IAAY;MACrD,IAAIA,OAAA,CAAQC,IAAA,CAAMC,KAAA,IAAUA,KAAA,CAAMC,cAAc,GAAGzD,UAAA,CAAW;IAChE,CAAC;IACDqD,QAAA,CAASK,OAAA,CAAQP,EAAE;IACnB,OAAO,MAAME,QAAA,CAASM,UAAA,CAAW;EACnC,GAAG,CAACjD,MAAA,EAAQV,UAAA,EAAYC,OAAA,EAASC,SAAS,CAAC;EAG3C,MAAM0D,QAAA,GAAWpG,kBAAA,CAAmB;IAAE2C;EAAM,CAAC,MAAM;EAGnD,MAAM0D,gBAAA,GAAmBhC,YAAA,IAAgBhC,KAAA,CAAMT,MAAA,GAAS,KAAKyC,YAAA;EAE7D,MAAMiC,QAAA,GACJjE,KAAA,CAAMT,MAAA,KAAW,IAAI,OACnB,eAAAV,IAAA,CAACN,IAAA;IACC2F,GAAA,EAAKpC,YAAA;IACLqC,IAAA,EAAK;IACL,cAAY/C,CAAA,CAAE,YAAY;IAC1B,yBACE4C,gBAAA,IAAoB,IAAI,GAAGnC,MAAM,SAASmC,gBAAgB,KAAK;IAEjEI,QAAA,EAAU;IACVC,YAAA,EAAc;IACb,IAAIxD,MAAA,KAAW,SACZ;MACEyD,KAAA,EAAO;QAAEzD,MAAA;QAAQ0D,SAAA,EAAW;MAAO;MACnCC,QAAA,EACErE,UAAA,IAAcC,OAAA,IAAW,CAACC,SAAA,GACtB,MAAM;QACJ,MAAMiD,EAAA,GAAKxB,YAAA,CAAayB,OAAA;QACxB,IAAID,EAAA,IAAMA,EAAA,CAAGmB,SAAA,GAAYnB,EAAA,CAAGoB,YAAA,IAAgBpB,EAAA,CAAGqB,YAAA,GAAe,IAAI;UAChExE,UAAA,CAAW;QACb;MACF,IACA;IACR,IACA;IAEJf,QAAA,kBAAAR,GAAA,CAACJ,MAAA;MAAOU,QAAA,EAAS;MAAOC,MAAA,EAAQ,CAACH,WAAA;MAC9BI,QAAA,EAAAY,KAAA,CAAMR,GAAA,CAAI,CAACoF,IAAA,EAAMtC,KAAA,KAAU;QAC1B,MAAMuC,SAAA,GAAYb,gBAAA,KAAqB1B,KAAA;QACvC,OACE,eAAA1D,GAAA,CAACL,IAAA;UAECuG,EAAA,EAAI,GAAGjD,MAAM,SAASS,KAAK;UAC3B,gBAAcuC,SAAA,IAAa;UAC3BlF,KAAA,EAAO,GAAG,MAAMZ,OAAO;UACvBa,OAAA,EAASZ,WAAA;UACT+F,eAAA,EAAiBF,SAAA,GAAY,sBAAsB;UACnDG,YAAA,EAAcH,SAAA,GAAYxD,SAAA,CAAU2D,YAAA,CAAaA,YAAA,GAAe;UAChEC,MAAA,EAAQ/E,WAAA,GAAc,YAAY;UAClCgF,OAAA,EACEhF,WAAA,GACI,MAAM;YACJ+B,eAAA,CAAgBK,KAAK;YACrBpC,WAAA,CAAY0E,IAAI;UAClB,IACA;UAKNxF,QAAA,iBAAAR,GAAA,CAACL,IAAA;YACCyG,YAAA,EAAc3D,SAAA,CAAU2D,YAAA,CAAaA,YAAA;YACpC,IAAI3D,SAAA,CAAU2D,YAAA,CAAaG,SAAA,GACxB;cAAEA,SAAA,EAAW9D,SAAA,CAAU2D,YAAA,CAAaG;YAAU,IAC9C,CAAC;YACLC,QAAA,EAAS;YAERhG,QAAA,EAAAa,UAAA,CAAW2E,IAAI;UAAA,CAClB;QAAA,GA3BK,GAAG/C,MAAM,SAASS,KAAK,EA4B9B;MAEJ,CAAC;IAAA,CACH,GACCjC,SAAA,IAAaL,KAAA,CAAMT,MAAA,GAAS,KAC3B,eAAAX,GAAA,CAACH,MAAA;MAAOmB,OAAA,EAAQ;MAAKyF,UAAA,EAAW;MAC9BjG,QAAA,iBAAAR,GAAA,CAACf,OAAA;QAAQyH,IAAA,EAAK;MAAA,CAAQ;IAAA,CACxB,GAEF,eAAA1G,GAAA,CAACL,IAAA;MAAK2F,GAAA,EAAKnC,WAAA;MAAoBlB,MAAA,EAAQ;IAAA,CAAG;EAAA,CAC5C;EAIJ,OACE,eAAAjC,GAAA,CAAClB,aAAA;IACC8D,OAAA,EAAO;IACPlB,KAAA;IACAC,OAAA;IACAgF,UAAA,EAAYnE,CAAA,CAAE,sBAAsB;IACpCoE,UAAA,EAAYzE,YAAA;IACZ0E,OAAA,EACE,CAAC1B,QAAA,IAAY1D,SAAA,IAAaL,KAAA,CAAMT,MAAA,KAAW,IACzC,eAAAX,GAAA,CAACE,iBAAA;MACCC,OAAA;MACAC,WAAA;MACAC,YAAA,EAAcmC,CAAA,CAAE,SAAS;IAAA,CAC3B,IAEA;IAGJsE,KAAA,EAAO,CAAC3B,QAAA,IAAY/D,KAAA,CAAMT,MAAA,KAAW;IACpC,GAAG4B,UAAA;IAEH/B,QAAA,EAAA6E;EAAA,CACH;AAEJ","ignoreList":[]}

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

@@ -1,9 +1,39 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { componentColors } from "../componentColors.native.js";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { AsyncBoundary, resolveAsyncStatus } from "../layouts/AsyncBoundary.native.js";
+import { Skeleton } from "../Skeleton/index.native.js";
+import { Spinner } from "@multiplatform.one/forms";
+import { getLayoutSizeClass, useResolvedKnobs } from "@multiplatform.one/theme";
 import { useHotkey } from "@tanstack/react-hotkeys";
-import React, { useCallback, useId, useRef, useState } from "react";
-import { Spinner, Text, View, XStack, YStack } from "tamagui";
+import React, { useCallback, useEffect, useId, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { View, XStack, YStack, getTokenValue, useWindowDimensions } from "tamagui";
+function ImageGridSkeleton(param) {
+  var {
+    columns,
+    cellPadding,
+    loadingLabel
+  } = param;
+  return /* @__PURE__ */_jsx(XStack, {
+    flexWrap: "wrap",
+    margin: -cellPadding,
+    "data-async-skeleton": "image-grid",
+    "aria-busy": true,
+    "aria-label": loadingLabel,
+    children: Array.from({
+      length: columns * 2
+    }).map(function (_, i) {
+      return /* @__PURE__ */_jsx(View, {
+        width: `${100 / columns}%`,
+        padding: cellPadding,
+        children: /* @__PURE__ */_jsx(Skeleton, {
+          variant: "rounded",
+          width: "100%",
+          aspectRatio: 1
+        })
+      }, i);
+    })
+  });
+}
 function ImageGrid(param) {
   var {
     items,
@@ -12,23 +42,43 @@ function ImageGrid(param) {
     onLoadMore,
     hasMore = false,
     isLoading = false,
-    columns = 4,
+    error = null,
+    onRetry,
+    columns: columnsProp,
     estimateSize: _estimateSize,
     overscan: _overscan,
     height: heightProp,
-    emptyMessage = "No items found",
+    emptyMessage: emptyMessageProp,
     hotkeys: hotkeyOverrides,
     ...stackProps
   } = param;
-  var _ref, _ref1, _ref2, _ref3, _ref4;
+  var _getTokenValue, _ref, _ref1, _ref2, _ref3, _ref4;
+  var {
+    t
+  } = useTranslation();
+  var emptyMessage = emptyMessageProp !== null && emptyMessageProp !== void 0 ? emptyMessageProp : t("No items found");
   var {
     knobProps
   } = useResolvedKnobs();
-  var sz = knobProps.sizeToken;
-  var height = heightProp !== null && heightProp !== void 0 ? heightProp : sz === "$3" ? 480 : sz === "$5" ? 720 : 600;
+  var {
+    width: windowWidth
+  } = useWindowDimensions();
+  var columnsBySizeClass = {
+    compact: 2,
+    medium: 3,
+    expanded: 4,
+    large: 5,
+    xl: 5
+  };
+  var columns = columnsProp !== null && columnsProp !== void 0 ? columnsProp : columnsBySizeClass[getLayoutSizeClass(windowWidth)];
+  var height = heightProp;
   var gridId = useId();
   var containerRef = useRef(null);
+  var sentinelRef = useRef(null);
   var [focusedIndex, setFocusedIndex] = useState(-1);
+  var gapToken = knobProps.gap.gap;
+  var gutter = typeof gapToken === "number" ? gapToken : (_getTokenValue = getTokenValue(gapToken, "space")) !== null && _getTokenValue !== void 0 ? _getTokenValue : 16;
+  var cellPadding = gutter / 2;
   var scrollToIndex = useCallback(function (index) {
     if (index >= 0 && index < items.length) {
       var _document_getElementById;
@@ -91,72 +141,100 @@ function ImageGrid(param) {
       onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(items[focusedIndex]);
     }
   }, hotkeyOpts);
-  if (isLoading && items.length === 0) {
-    return /* @__PURE__ */_jsx(YStack, {
-      ...knobProps.panelPadding,
-      alignItems: "center",
-      ...stackProps,
-      children: /* @__PURE__ */_jsx(Spinner, {
-        size: "large"
-      })
+  useEffect(function () {
+    if (height !== void 0 || !onLoadMore || !hasMore || isLoading) return;
+    if (typeof IntersectionObserver === "undefined") return;
+    var el = sentinelRef.current;
+    if (!el) return;
+    var observer = new IntersectionObserver(function (entries) {
+      if (entries.some(function (entry) {
+        return entry.isIntersecting;
+      })) onLoadMore();
     });
-  }
-  if (items.length === 0) {
-    return /* @__PURE__ */_jsx(YStack, {
-      ...knobProps.panelPadding,
-      alignItems: "center",
-      ...stackProps,
-      children: /* @__PURE__ */_jsx(Text, {
-        color: componentColors.text.muted,
-        children: emptyMessage
-      })
-    });
-  }
+    observer.observe(el);
+    return function () {
+      return observer.disconnect();
+    };
+  }, [height, onLoadMore, hasMore, isLoading]);
+  var hasError = resolveAsyncStatus({
+    error
+  }) === "error";
   var effectiveFocused = focusedIndex >= items.length ? -1 : focusedIndex;
-  return /* @__PURE__ */_jsx(YStack, {
-    ...stackProps,
-    children: /* @__PURE__ */_jsxs(View, {
-      ref: containerRef,
-      role: "grid",
-      "aria-label": "Image grid",
-      "aria-activedescendant": effectiveFocused >= 0 ? `${gridId}-item-${effectiveFocused}` : void 0,
-      tabIndex: 0,
-      outlineWidth: 0,
+  var gridBody = items.length === 0 ? null : /* @__PURE__ */_jsxs(View, {
+    ref: containerRef,
+    role: "grid",
+    "aria-label": t("Image grid"),
+    "aria-activedescendant": effectiveFocused >= 0 ? `${gridId}-item-${effectiveFocused}` : void 0,
+    tabIndex: 0,
+    outlineWidth: 0,
+    ...(height !== void 0 ? {
       style: {
         height,
         overflowY: "auto"
       },
-      children: [/* @__PURE__ */_jsx(XStack, {
-        flexWrap: "wrap",
-        onScroll: onLoadMore && hasMore && !isLoading ? function () {
-          var el = containerRef.current;
-          if (el && el.scrollTop + el.clientHeight >= el.scrollHeight - 50) onLoadMore();
-        } : void 0,
-        children: items.map(function (item, index) {
-          var isFocused = effectiveFocused === index;
-          return /* @__PURE__ */_jsx(View, {
-            id: `${gridId}-item-${index}`,
-            "data-focused": isFocused || void 0,
-            width: `${100 / columns}%`,
-            backgroundColor: isFocused ? "$accentBackground" : void 0,
-            borderRadius: isFocused ? knobProps.borderRadius.borderRadius : void 0,
-            ...knobProps.gap,
-            cursor: onItemClick ? "pointer" : void 0,
-            onPress: onItemClick ? function () {
-              setFocusedIndex(index);
-              onItemClick(item);
-            } : void 0,
+      onScroll: onLoadMore && hasMore && !isLoading ? function () {
+        var el = containerRef.current;
+        if (el && el.scrollTop + el.clientHeight >= el.scrollHeight - 50) {
+          onLoadMore();
+        }
+      } : void 0
+    } : null),
+    children: [/* @__PURE__ */_jsx(XStack, {
+      flexWrap: "wrap",
+      margin: -cellPadding,
+      children: items.map(function (item, index) {
+        var isFocused = effectiveFocused === index;
+        return /* @__PURE__ */_jsx(View, {
+          id: `${gridId}-item-${index}`,
+          "data-focused": isFocused || void 0,
+          width: `${100 / columns}%`,
+          padding: cellPadding,
+          backgroundColor: isFocused ? "$accentBackground" : void 0,
+          borderRadius: isFocused ? knobProps.borderRadius.borderRadius : void 0,
+          cursor: onItemClick ? "pointer" : void 0,
+          onPress: onItemClick ? function () {
+            setFocusedIndex(index);
+            onItemClick(item);
+          } : void 0,
+          children: (
+          /* Cards/media are R-SCALE (spec ImageGrid): the owned card
+          frame rounds with the radius knob and clips the media. */
+          /* @__PURE__ */
+          _jsx(View, {
+            borderRadius: knobProps.borderRadius.borderRadius,
+            ...(knobProps.borderRadius.className ? {
+              className: knobProps.borderRadius.className
+            } : {}),
+            overflow: "hidden",
             children: renderItem(item)
-          }, `${gridId}-item-${index}`);
-        })
-      }), isLoading && items.length > 0 && /* @__PURE__ */_jsx(YStack, {
-        padding: "$2",
-        alignItems: "center",
-        children: /* @__PURE__ */_jsx(Spinner, {
-          size: "small"
-        })
-      })]
-    })
+          }))
+        }, `${gridId}-item-${index}`);
+      })
+    }), isLoading && items.length > 0 && /* @__PURE__ */_jsx(YStack, {
+      padding: "$2",
+      alignItems: "center",
+      children: /* @__PURE__ */_jsx(Spinner, {
+        size: "small"
+      })
+    }), /* @__PURE__ */_jsx(View, {
+      ref: sentinelRef,
+      height: 1
+    })]
+  });
+  return /* @__PURE__ */_jsx(AsyncBoundary, {
+    compact: true,
+    error,
+    onRetry,
+    errorTitle: t("Couldn't load images"),
+    emptyTitle: emptyMessage,
+    loading: !hasError && isLoading && items.length === 0 ? /* @__PURE__ */_jsx(ImageGridSkeleton, {
+      columns,
+      cellPadding,
+      loadingLabel: t("Loading")
+    }) : false,
+    empty: !hasError && items.length === 0,
+    ...stackProps,
+    children: gridBody
   });
 }
 export { ImageGrid };