@multiplatform.one/frappe-ui 7.65.2 → 7.67.0

package/dist/esm/FrappeImageView.mjs

@@ -1,10 +1,10 @@
 import { useDocTypeMeta } from "@multiplatform.one/frappe";
-import { AsyncSkeleton, Card, ImageGrid } from "@multiplatform.one/components";
+import { AsyncSkeleton, Image, ImageGrid } from "@multiplatform.one/components";
 import { ImageSquareIcon } from "@phosphor-icons/react";
 import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import { Spinner, formCommonColors } from "@multiplatform.one/forms";
-import { Image, Text, YStack, useTheme } from "tamagui";
+import { Text, YStack, useTheme } from "tamagui";
 import { isServer } from "@multiplatform.one/platform";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { useFrappeConfig } from "./FrappeProvider.mjs";
@@ -41,20 +41,20 @@ function FrappeImageView(props) {
     const baseURL = baseURLProp ?? providerConfig?.baseURL;
     if (ssrItems && ssrItems.length > 0 && imageField && baseURL) {
       return /* @__PURE__ */jsx(ImageGrid, {
+        variant: "photos",
         items: ssrItems,
         columns,
         onItemClick,
         emptyMessage: t("No items found"),
         testID: `${doctype.toLowerCase()}-list`,
         ...stackProps,
-        renderItem: doc => /* @__PURE__ */jsx(FrappeImageCard, {
+        renderItem: doc => /* @__PURE__ */jsx(FrappePhoto, {
           doc,
           doctype,
           imageField,
           titleField,
           subtitleField,
           baseURL,
-          onItemClick,
           knobProps
         })
       });
@@ -187,96 +187,77 @@ function FrappeImageViewClient({
     children: [/* @__PURE__ */jsx(FrappeReconnectIndicator, {
       config: appConfig
     }), /* @__PURE__ */jsx(ImageGrid, {
+      variant: "photos",
       items,
       columns,
       onItemClick,
       emptyMessage: t("No items found"),
       testID: `${doctype.toLowerCase()}-list`,
       ...stackProps,
-      renderItem: doc => /* @__PURE__ */jsx(FrappeImageCard, {
+      renderItem: doc => /* @__PURE__ */jsx(FrappePhoto, {
         doc,
         doctype,
         imageField: effectiveImageField,
         titleField: effectiveTitleField,
         subtitleField,
         baseURL: finalBaseURL,
-        onItemClick,
         knobProps
       })
     })]
   });
 }
-function FrappeImageCard({
+function FrappePhoto({
   doc,
   doctype,
   imageField,
   titleField,
   subtitleField,
   baseURL,
-  onItemClick,
   knobProps
 }) {
-  const theme = useTheme();
   const imageUrl = getImageUrl(doc[imageField], baseURL);
-  const title = doc[titleField] || doc.name;
+  const title = String(doc[titleField] || doc.name);
   const subtitle = subtitleField ? doc[subtitleField] : void 0;
-  const iconSize = Number(knobProps.controlIcon?.width) || 16;
-  return (
-    // Catalog Card owns cardSurface (no cherry-picked radius). Inner media
-    // radius stays UNCLAMPED (R11). No status pip on the tile.
-    /* @__PURE__ */
-    jsxs(Card, {
-      testID: `${doctype.toLowerCase()}-card-${doc.name}`,
-      cursor: "pointer",
-      hoverStyle: {
-        scale: 1.02
-      },
-      pressStyle: {
-        scale: 0.98
-      },
-      onPress: e => {
-        e?.stopPropagation?.();
-        onItemClick?.(doc);
-      },
-      children: [imageUrl ? /* @__PURE__ */jsx(Image, {
-        src: imageUrl,
-        alt: String(title),
-        width: "100%",
-        aspectRatio: 1,
-        objectFit: "cover",
-        backgroundColor: "$color2",
-        ...knobProps.borderRadius
-      }) : /* @__PURE__ */jsx(YStack, {
-        width: "100%",
-        aspectRatio: 1,
-        backgroundColor: "$color2",
-        ...knobProps.borderRadius,
-        alignItems: "center",
-        justifyContent: "center",
-        children: /* @__PURE__ */jsx(ImageSquareIcon, {
-          size: iconSize * 2,
-          color: theme.color11?.val ?? "currentColor"
-        })
-      }), /* @__PURE__ */jsx(Card.Footer, {
-        children: /* @__PURE__ */jsxs(YStack, {
-          ...knobProps.gap,
-          children: [/* @__PURE__ */jsx(Text, {
-            testID: `${doctype.toLowerCase()}-name-${doc.name}`,
-            ...knobProps.heading,
-            fontWeight: "400",
-            numberOfLines: 1,
-            children: String(title)
-          }), subtitle != null ? /* @__PURE__ */jsx(Text, {
-            testID: `${doctype.toLowerCase()}-subtitle-${doc.name}`,
-            color: formCommonColors.muted,
-            ...knobProps.label,
-            numberOfLines: 1,
-            children: String(subtitle)
-          }) : null]
-        })
-      })]
-    })
-  );
+  const slug = doctype.toLowerCase();
+  const caption = /* @__PURE__ */jsxs(YStack, {
+    width: "100%",
+    aspectRatio: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "$color3",
+    padding: "$2",
+    gap: "$1",
+    children: [/* @__PURE__ */jsx(Text, {
+      testID: `${slug}-name-${doc.name}`,
+      ...knobProps.label,
+      color: knobProps.textAccentColor,
+      textAlign: "center",
+      numberOfLines: 2,
+      children: title
+    }), subtitle != null ? /* @__PURE__ */jsx(Text, {
+      testID: `${slug}-subtitle-${doc.name}`,
+      ...knobProps.label,
+      color: formCommonColors.muted,
+      textAlign: "center",
+      numberOfLines: 1,
+      children: String(subtitle)
+    }) : null]
+  });
+  return /* @__PURE__ */jsx(YStack, {
+    testID: `${slug}-card-${doc.name}`,
+    "aria-label": title,
+    width: "100%",
+    children: imageUrl ? /* @__PURE__ */jsx(Image, {
+      src: imageUrl,
+      alt: title,
+      width: "100%",
+      aspectRatio: 1,
+      objectFit: "cover",
+      borderRadius: 0,
+      backgroundColor: "$color3",
+      fallback: caption
+    }) : caption
+  });
 }
 export { FrappeImageView };
 //# sourceMappingURL=FrappeImageView.mjs.map

package/dist/esm/FrappeImageView.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useDocTypeMeta","AsyncSkeleton","Card","ImageGrid","ImageSquareIcon","useMemo","useTranslation","Spinner","formCommonColors","Image","Text","YStack","useTheme","isServer","useResolvedKnobs","useFrappeConfig","FrappeReconnectIndicator","useFrappeRows","Fragment","jsx","jsxs","IS_SSR","getImageUrl","value","baseURL","startsWith","FrappeImageView","props","knobProps","t","providerConfig","doctype","imageField","titleField","subtitleField","columns","onItemClick","baseURLProp","ssrItems","stackProps","length","items","emptyMessage","testID","toLowerCase","renderItem","doc","FrappeImageCard","panelPadding","alignItems","justifyContent","gap","children","size","color","muted","body","FrappeImageViewClient","filters","fields","searchText","auth","syncOptions","theme","config","finalBaseURL","finalAuth","finalSyncOptions","Error","appConfig","socketPort","siteName","socketBaseURL","realtime","fixtures","meta","isLoading","isMetaLoading","effectiveImageField","image_field","effectiveTitleField","title_field","effectiveFields","fieldSet","Set","add","Array","from","effectiveFilters","searchFilter","isArray","objectFilters","Object","entries","map","key","rows","isQueryLoading","isDataLoading","limit","needsMeta","layout","iconSize","Number","controlIcon","width","color11","val","imageUrl","title","name","subtitle","cursor","hoverStyle","scale","pressStyle","onPress","e","stopPropagation","src","alt","String","aspectRatio","objectFit","backgroundColor","borderRadius","Footer","heading","fontWeight","numberOfLines","label"],"sources":["../../src/FrappeImageView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useDocTypeMeta","AsyncSkeleton","Image","ImageGrid","ImageSquareIcon","useMemo","useTranslation","Spinner","formCommonColors","Text","YStack","useTheme","isServer","useResolvedKnobs","useFrappeConfig","FrappeReconnectIndicator","useFrappeRows","Fragment","jsx","jsxs","IS_SSR","getImageUrl","value","baseURL","startsWith","FrappeImageView","props","knobProps","t","providerConfig","doctype","imageField","titleField","subtitleField","columns","onItemClick","baseURLProp","ssrItems","stackProps","length","variant","items","emptyMessage","testID","toLowerCase","renderItem","doc","FrappePhoto","panelPadding","alignItems","justifyContent","gap","children","size","color","muted","body","FrappeImageViewClient","filters","fields","searchText","auth","syncOptions","theme","config","finalBaseURL","finalAuth","finalSyncOptions","Error","appConfig","socketPort","siteName","socketBaseURL","realtime","fixtures","meta","isLoading","isMetaLoading","effectiveImageField","image_field","effectiveTitleField","title_field","effectiveFields","fieldSet","Set","add","Array","from","effectiveFilters","searchFilter","isArray","objectFilters","Object","entries","map","key","rows","isQueryLoading","isDataLoading","limit","needsMeta","layout","iconSize","Number","controlIcon","width","color11","val","imageUrl","title","String","name","subtitle","slug","caption","aspectRatio","backgroundColor","padding","label","textAccentColor","textAlign","numberOfLines","src","alt","objectFit","borderRadius","fallback"],"sources":["../../src/FrappeImageView.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAsB;AAC/B,SAASC,aAAA,EAAeC,KAAA,EAAOC,SAAA,QAAiB;AAChD,SAASC,eAAA,QAAuB;AAChC,SAAgBC,OAAA,QAAe;AAC/B,SAASC,cAAA,QAAsB;AAC/B,SAASC,OAAA,EAASC,gBAAA,QAAwB;AAC1C,SAASC,IAAA,EAAMC,MAAA,EAAQC,QAAA,QAAkC;AACzD,SAASC,QAAA,QAAgB;AACzB,SAASC,gBAAA,QAAwB;AACjC,SAASC,eAAA,QAAuB;AAChC,SAASC,wBAAA,QAAgC;AACzC,SAASC,aAAA,QAAqB;AAwGlB,SAuKRC,QAAA,EAvKQC,GAAA,EAeNC,IAAA,QAfM;AAxFZ,MAAMC,MAAA,GAAkBR,QAAA;AAKxB,SAASS,YAAYC,KAAA,EAAgBC,OAAA,EAAyB;EAC5D,IAAI,CAACD,KAAA,IAAS,OAAOA,KAAA,KAAU,UAAU,OAAO;EAChD,IAAIA,KAAA,CAAME,UAAA,CAAW,SAAS,KAAKF,KAAA,CAAME,UAAA,CAAW,UAAU,GAAG,OAAOF,KAAA;EACxE,IAAIA,KAAA,CAAME,UAAA,CAAW,GAAG,GAAG,OAAO,GAAGD,OAAO,GAAGD,KAAK;EACpD,OAAOA,KAAA;AACT;AAyCO,SAASG,gBACdC,KAAA,EACA;EACA,MAAM;IAAEC;EAAU,IAAId,gBAAA,CAAiB;EACvC,MAAM;IAAEe;EAAE,IAAItB,cAAA,CAAe;EAI7B,MAAMuB,cAAA,GAAiBf,eAAA,CAAgB;EAIvC,IAAIM,MAAA,EAAQ;IACV,MAAM;MACJU,OAAA;MACAC,UAAA;MACAC,UAAA,GAAa;MACbC,aAAA;MACAC,OAAA;MACAC,WAAA;MACAZ,OAAA,EAASa,WAAA;MACTC,QAAA;MACA,GAAGC;IACL,IAAIZ,KAAA;IACJ,MAAMH,OAAA,GAAUa,WAAA,IAAeP,cAAA,EAAgBN,OAAA;IAE/C,IAAIc,QAAA,IAAYA,QAAA,CAASE,MAAA,GAAS,KAAKR,UAAA,IAAcR,OAAA,EAAS;MAC5D,OACE,eAAAL,GAAA,CAACf,SAAA;QACCqC,OAAA,EAAQ;QACRC,KAAA,EAAOJ,QAAA;QACPH,OAAA;QACAC,WAAA;QACAO,YAAA,EAAcd,CAAA,CAAE,gBAAgB;QAChCe,MAAA,EAAQ,GAAGb,OAAA,CAAQc,WAAA,CAAY,CAAC;QAC/B,GAAIN,UAAA;QACLO,UAAA,EAAaC,GAAA,IACX,eAAA5B,GAAA,CAAC6B,WAAA;UACCD,GAAA;UACAhB,OAAA;UACAC,UAAA;UACAC,UAAA;UACAC,aAAA;UACAV,OAAA;UACAI;QAAA,CACF;MAAA,CAEJ;IAEJ;IAEA,OACE,eAAAR,IAAA,CAACT,MAAA;MACE,GAAGiB,SAAA,CAAUqB,YAAA;MACdC,UAAA,EAAW;MACXC,cAAA,EAAe;MACfC,GAAA,EAAI;MACH,GAAIb,UAAA;MAELc,QAAA,kBAAAlC,GAAA,CAACX,OAAA;QAAQ8C,IAAA,EAAK;MAAA,CAAQ,GACtB,eAAAnC,GAAA,CAACT,IAAA;QAAK6C,KAAA,EAAO9C,gBAAA,CAAiB+C,KAAA;QAAQ,GAAG5B,SAAA,CAAU6B,IAAA;QAChDJ,QAAA,EAAAxB,CAAA,CAAE,0BAA0B;UAAEE;QAAQ,CAAC;MAAA,CAC1C;IAAA,CACF;EAEJ;EAKA,OAAO,eAAAZ,GAAA,CAACuC,qBAAA;IAAuB,GAAG/B;EAAA,CAAO;AAC3C;AAMA,SAAS+B,sBAAsE;EAC7E3B,OAAA;EACAC,UAAA;EACAC,UAAA;EACAC,aAAA;EACAC,OAAA;EACAwB,OAAA;EACAC,MAAA;EACAC,UAAA;EACAzB,WAAA;EACAZ,OAAA;EACAsC,IAAA;EACAC,WAAA;EACA,GAAGxB;AACL,GAA+B;EAC7B,MAAMyB,KAAA,GAAQpD,QAAA,CAAS;EACvB,MAAMqD,MAAA,GAASlD,eAAA,CAAgB;EAC/B,MAAM;IAAEa;EAAU,IAAId,gBAAA,CAAiB;EACvC,MAAM;IAAEe;EAAE,IAAItB,cAAA,CAAe;EAE7B,MAAM2D,YAAA,GAAe1C,OAAA,IAAWyC,MAAA,EAAQzC,OAAA;EACxC,MAAM2C,SAAA,GAAYL,IAAA,IAAQG,MAAA,EAAQH,IAAA;EAClC,MAAMM,gBAAA,GAAmBL,WAAA,IAAeE,MAAA,EAAQF,WAAA;EAEhD,IAAI,CAACG,YAAA,EAAc;IACjB,MAAM,IAAIG,KAAA,CAAM,sEAAsE;EACxF;EAKA,MAAMC,SAAA,GAAYhE,OAAA,CAChB,OAAO;IACLkB,OAAA,EAAS0C,YAAA;IACTK,UAAA,EAAYN,MAAA,EAAQM,UAAA;IACpBC,QAAA,EAAUP,MAAA,EAAQO,QAAA;IAClBC,aAAA,EAAeR,MAAA,EAAQQ,aAAA;IACvBX,IAAA,EAAMK,SAAA;IACNJ,WAAA,EAAaK,gBAAA;IACbM,QAAA,EAAUT,MAAA,EAAQS,QAAA;IAClBC,QAAA,EAAUV,MAAA,EAAQU;EACpB,IACA,CACET,YAAA,EACAD,MAAA,EAAQM,UAAA,EACRN,MAAA,EAAQO,QAAA,EACRP,MAAA,EAAQQ,aAAA,EACRR,MAAA,EAAQS,QAAA,EACRP,SAAA,EACAC,gBAAA,EACAH,MAAA,EAAQU,QAAA,CAEZ;EAEA,MAAM;IAAEC,IAAA;IAAMC,SAAA,EAAWC;EAAc,IAAI7E,cAAA,CAAeqE,SAAA,EAAWvC,OAAO;EAE5E,MAAMgD,mBAAA,GAAsB/C,UAAA,IAAc4C,IAAA,EAAMI,WAAA;EAChD,MAAMC,mBAAA,GAAsBhD,UAAA,IAAc2C,IAAA,EAAMM,WAAA,IAAe;EAE/D,MAAMC,eAAA,GAAkB7E,OAAA,CAAQ,MAAM;IACpC,MAAM8E,QAAA,GAAW,IAAIC,GAAA,CAAYzB,MAA8B;IAC/DwB,QAAA,CAASE,GAAA,CAAI,MAAM;IACnB,IAAIP,mBAAA,EAAqBK,QAAA,CAASE,GAAA,CAAIP,mBAAmB;IACzD,IAAIE,mBAAA,EAAqBG,QAAA,CAASE,GAAA,CAAIL,mBAAmB;IACzD,IAAI/C,aAAA,EAAekD,QAAA,CAASE,GAAA,CAAIpD,aAAa;IAC7C,OAAOqD,KAAA,CAAMC,IAAA,CAAKJ,QAAQ;EAC5B,GAAG,CAACxB,MAAA,EAAQmB,mBAAA,EAAqBE,mBAAA,EAAqB/C,aAAa,CAAC;EAEpE,MAAMuD,gBAAA,GAAmBnF,OAAA,CAAQ,MAAM;IACrC,IAAI,CAACuD,UAAA,IAAc,CAACoB,mBAAA,EAAqB,OAAOtB,OAAA;IAChD,MAAM+B,YAAA,GAA6C,CACjD,CAACT,mBAAA,EAAqB,QAAQ,IAAIpB,UAAU,GAAG,EACjD;IACA,IAAI0B,KAAA,CAAMI,OAAA,CAAQhC,OAAO,GAAG;MAC1B,OAAO,CACL,GAAIA,OAAA,EACJ,GAAG+B,YAAA,CACL;IACF;IACA,IAAI/B,OAAA,EAAS;MACX,MAAMiC,aAAA,GAAgBC,MAAA,CAAOC,OAAA,CAAQnC,OAAO,EAAEoC,GAAA,CAC5C,CAAC,CAACC,GAAA,EAAKzE,KAAK,MAAM,CAACyE,GAAA,EAAK,KAAKzE,KAAK,CACpC;MACA,OAAO,CAAC,GAAGqE,aAAA,EAAe,GAAGF,YAAY;IAC3C;IACA,OAAOA,YAAA;EACT,GAAG,CAAC/B,OAAA,EAASE,UAAA,EAAYoB,mBAAmB,CAAC;EAE7C,MAAM;IAAEgB,IAAA,EAAMvD,KAAA;IAAOwD,cAAA,EAAgBC;EAAc,IAAIlF,aAAA,CAAoBqD,SAAA,EAAWvC,OAAA,EAAS;IAC7F6B,MAAA,EAAQuB,eAAA;IACRxB,OAAA,EAAS8B,gBAAA;IACTW,KAAA,EAAO;EACT,CAAC;EAOD,MAAMC,SAAA,GAAY,CAACrE,UAAA,IAAc,CAACC,UAAA;EAElC,IAAKoE,SAAA,IAAavB,aAAA,IAAkBqB,aAAA,EAAe;IACjD,OACE,eAAAhF,GAAA,CAACR,MAAA;MACE,GAAGiB,SAAA,CAAUqB,YAAA;MACdL,MAAA,EAAQ,GAAGb,OAAA,CAAQc,WAAA,CAAY,CAAC;MAC/B,GAAGN,UAAA;MAEJc,QAAA,iBAAAlC,GAAA,CAACjB,aAAA;QAAcoG,MAAA,EAAO;MAAA,CAAU;IAAA,CAClC;EAEJ;EAGA,IAAI,CAACvB,mBAAA,EAAqB;IACxB,MAAMwB,QAAA,GAAWC,MAAA,CAAO5E,SAAA,CAAU6E,WAAA,EAAaC,KAAK,KAAK;IACzD,OACE,eAAAtF,IAAA,CAACT,MAAA;MAAQ,GAAGiB,SAAA,CAAUqB,YAAA;MAAcC,UAAA,EAAW;MAAU,GAAGtB,SAAA,CAAUwB,GAAA;MAAM,GAAGb,UAAA;MAC7Ec,QAAA,kBAAAlC,GAAA,CAACd,eAAA;QAAgBiD,IAAA,EAAMiD,QAAA,GAAW;QAAGhD,KAAA,EAAOS,KAAA,CAAM2C,OAAA,EAASC,GAAA,IAAO;MAAA,CAAgB,GAClF,eAAAzF,GAAA,CAACT,IAAA;QAAK6C,KAAA,EAAO9C,gBAAA,CAAiB+C,KAAA;QAAQ,GAAG5B,SAAA,CAAU6B,IAAA;QAChDJ,QAAA,EAAAxB,CAAA,CAAE,6CAA6C;UAAEE;QAAQ,CAAC;MAAA,CAC7D;IAAA,CACF;EAEJ;EAEA,OACE,eAAAX,IAAA,CAAAF,QAAA;IACEmC,QAAA,kBAAAlC,GAAA,CAACH,wBAAA;MAAyBiD,MAAA,EAAQK;IAAA,CAAW,GAC7C,eAAAnD,GAAA,CAACf,SAAA;MACCqC,OAAA,EAAQ;MACRC,KAAA;MACAP,OAAA;MACAC,WAAA;MACAO,YAAA,EAAcd,CAAA,CAAE,gBAAgB;MAChCe,MAAA,EAAQ,GAAGb,OAAA,CAAQc,WAAA,CAAY,CAAC;MAC/B,GAAIN,UAAA;MACLO,UAAA,EAAaC,GAAA,IACX,eAAA5B,GAAA,CAAC6B,WAAA;QACCD,GAAA;QACAhB,OAAA;QACAC,UAAA,EAAY+C,mBAAA;QACZ9C,UAAA,EAAYgD,mBAAA;QACZ/C,aAAA;QACAV,OAAA,EAAS0C,YAAA;QACTtC;MAAA,CACF;IAAA,CAEJ;EAAA,CACF;AAEJ;AAQA,SAASoB,YAAY;EACnBD,GAAA;EACAhB,OAAA;EACAC,UAAA;EACAC,UAAA;EACAC,aAAA;EACAV,OAAA;EACAI;AACF,GAQG;EACD,MAAMiF,QAAA,GAAWvF,WAAA,CAAYyB,GAAA,CAAIf,UAAU,GAAGR,OAAO;EACrD,MAAMsF,KAAA,GAAQC,MAAA,CAAOhE,GAAA,CAAId,UAAU,KAAKc,GAAA,CAAIiE,IAAI;EAChD,MAAMC,QAAA,GAAW/E,aAAA,GAAgBa,GAAA,CAAIb,aAAa,IAAI;EACtD,MAAMgF,IAAA,GAAOnF,OAAA,CAAQc,WAAA,CAAY;EACjC,MAAMsE,OAAA,GACJ,eAAA/F,IAAA,CAACT,MAAA;IACC+F,KAAA,EAAM;IACNU,WAAA,EAAa;IACblE,UAAA,EAAW;IACXC,cAAA,EAAe;IACfkE,eAAA,EAAgB;IAChBC,OAAA,EAAQ;IACRlE,GAAA,EAAI;IAEJC,QAAA,kBAAAlC,GAAA,CAACT,IAAA;MACCkC,MAAA,EAAQ,GAAGsE,IAAI,SAASnE,GAAA,CAAIiE,IAAI;MAC/B,GAAGpF,SAAA,CAAU2F,KAAA;MACdhE,KAAA,EAAO3B,SAAA,CAAU4F,eAAA;MACjBC,SAAA,EAAU;MACVC,aAAA,EAAe;MAEdrE,QAAA,EAAAyD;IAAA,CACH,GACCG,QAAA,IAAY,OACX,eAAA9F,GAAA,CAACT,IAAA;MACCkC,MAAA,EAAQ,GAAGsE,IAAI,aAAanE,GAAA,CAAIiE,IAAI;MACnC,GAAGpF,SAAA,CAAU2F,KAAA;MACdhE,KAAA,EAAO9C,gBAAA,CAAiB+C,KAAA;MACxBiE,SAAA,EAAU;MACVC,aAAA,EAAe;MAEdrE,QAAA,EAAA0D,MAAA,CAAOE,QAAQ;IAAA,CAClB,IACE;EAAA,CACN;EAEF,OACE,eAAA9F,GAAA,CAACR,MAAA;IAAOiC,MAAA,EAAQ,GAAGsE,IAAI,SAASnE,GAAA,CAAIiE,IAAI;IAAI,cAAYF,KAAA;IAAOJ,KAAA,EAAM;IAClErD,QAAA,EAAAwD,QAAA,GACC,eAAA1F,GAAA,CAAChB,KAAA;MACCwH,GAAA,EAAKd,QAAA;MACLe,GAAA,EAAKd,KAAA;MACLJ,KAAA,EAAM;MACNU,WAAA,EAAa;MACbS,SAAA,EAAU;MACVC,YAAA,EAAc;MACdT,eAAA,EAAgB;MAChBU,QAAA,EAAUZ;IAAA,CACZ,IAEAA;EAAA,CAEJ;AAEJ","ignoreList":[]}

package/dist/esm/FrappeImageView.native.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useDocTypeMeta } from "@multiplatform.one/frappe";
-import { AsyncSkeleton, Card, ImageGrid } from "@multiplatform.one/components";
+import { AsyncSkeleton, Image, ImageGrid } from "@multiplatform.one/components";
 import { ImageSquareIcon } from "@phosphor-icons/react";
 import React, { useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import { Spinner, formCommonColors } from "@multiplatform.one/forms";
-import { Image, Text, YStack, useTheme } from "tamagui";
+import { Text, YStack, useTheme } from "tamagui";
 import { isServer } from "@multiplatform.one/platform";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { useFrappeConfig } from "./FrappeProvider.native.js";
@@ -41,6 +41,7 @@ function FrappeImageView(props) {
     var baseURL = baseURLProp !== null && baseURLProp !== void 0 ? baseURLProp : providerConfig === null || providerConfig === void 0 ? void 0 : providerConfig.baseURL;
     if (ssrItems && ssrItems.length > 0 && imageField && baseURL) {
       return /* @__PURE__ */_jsx(ImageGrid, {
+        variant: "photos",
         items: ssrItems,
         columns,
         onItemClick,
@@ -48,14 +49,13 @@ function FrappeImageView(props) {
         testID: `${doctype.toLowerCase()}-list`,
         ...stackProps,
         renderItem: function renderItem(doc) {
-          return /* @__PURE__ */_jsx(FrappeImageCard, {
+          return /* @__PURE__ */_jsx(FrappePhoto, {
             doc,
             doctype,
             imageField,
             titleField,
             subtitleField,
             baseURL,
-            onItemClick,
             knobProps
           });
         }
@@ -198,6 +198,7 @@ function FrappeImageViewClient(param) {
     children: [/* @__PURE__ */_jsx(FrappeReconnectIndicator, {
       config: appConfig
     }), /* @__PURE__ */_jsx(ImageGrid, {
+      variant: "photos",
       items,
       columns,
       onItemClick,
@@ -205,21 +206,20 @@ function FrappeImageViewClient(param) {
       testID: `${doctype.toLowerCase()}-list`,
       ...stackProps,
       renderItem: function renderItem(doc) {
-        return /* @__PURE__ */_jsx(FrappeImageCard, {
+        return /* @__PURE__ */_jsx(FrappePhoto, {
           doc,
           doctype,
           imageField: effectiveImageField,
           titleField: effectiveTitleField,
           subtitleField,
           baseURL: finalBaseURL,
-          onItemClick,
           knobProps
         });
       }
     })]
   });
 }
-function FrappeImageCard(param) {
+function FrappePhoto(param) {
   var {
     doc,
     doctype,
@@ -227,73 +227,51 @@ function FrappeImageCard(param) {
     titleField,
     subtitleField,
     baseURL,
-    onItemClick,
     knobProps
   } = param;
-  var _ref;
-  var _knobProps_controlIcon, _theme_color11;
-  var theme = useTheme();
   var imageUrl = getImageUrl(doc[imageField], baseURL);
-  var title = doc[titleField] || doc.name;
+  var title = String(doc[titleField] || doc.name);
   var subtitle = subtitleField ? doc[subtitleField] : void 0;
-  var iconSize = Number((_knobProps_controlIcon = knobProps.controlIcon) === null || _knobProps_controlIcon === void 0 ? void 0 : _knobProps_controlIcon.width) || 16;
-  return (
-    // Catalog Card owns cardSurface (no cherry-picked radius). Inner media
-    // radius stays UNCLAMPED (R11). No status pip on the tile.
-    /* @__PURE__ */
-    _jsxs(Card, {
-      testID: `${doctype.toLowerCase()}-card-${doc.name}`,
-      cursor: "pointer",
-      hoverStyle: {
-        scale: 1.02
-      },
-      pressStyle: {
-        scale: 0.98
-      },
-      onPress: function onPress(e) {
-        var _e_stopPropagation;
-        e === null || e === void 0 ? void 0 : (_e_stopPropagation = e.stopPropagation) === null || _e_stopPropagation === void 0 ? void 0 : _e_stopPropagation.call(e);
-        onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(doc);
-      },
-      children: [imageUrl ? /* @__PURE__ */_jsx(Image, {
-        src: imageUrl,
-        alt: String(title),
-        width: "100%",
-        aspectRatio: 1,
-        objectFit: "cover",
-        backgroundColor: "$color2",
-        ...knobProps.borderRadius
-      }) : /* @__PURE__ */_jsx(YStack, {
-        width: "100%",
-        aspectRatio: 1,
-        backgroundColor: "$color2",
-        ...knobProps.borderRadius,
-        alignItems: "center",
-        justifyContent: "center",
-        children: /* @__PURE__ */_jsx(ImageSquareIcon, {
-          size: iconSize * 2,
-          color: (_ref = (_theme_color11 = theme.color11) === null || _theme_color11 === void 0 ? void 0 : _theme_color11.val) !== null && _ref !== void 0 ? _ref : "currentColor"
-        })
-      }), /* @__PURE__ */_jsx(Card.Footer, {
-        children: /* @__PURE__ */_jsxs(YStack, {
-          ...knobProps.gap,
-          children: [/* @__PURE__ */_jsx(Text, {
-            testID: `${doctype.toLowerCase()}-name-${doc.name}`,
-            ...knobProps.heading,
-            fontWeight: "400",
-            numberOfLines: 1,
-            children: String(title)
-          }), subtitle != null ? /* @__PURE__ */_jsx(Text, {
-            testID: `${doctype.toLowerCase()}-subtitle-${doc.name}`,
-            color: formCommonColors.muted,
-            ...knobProps.label,
-            numberOfLines: 1,
-            children: String(subtitle)
-          }) : null]
-        })
-      })]
-    })
-  );
+  var slug = doctype.toLowerCase();
+  var caption = /* @__PURE__ */_jsxs(YStack, {
+    width: "100%",
+    aspectRatio: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "$color3",
+    padding: "$2",
+    gap: "$1",
+    children: [/* @__PURE__ */_jsx(Text, {
+      testID: `${slug}-name-${doc.name}`,
+      ...knobProps.label,
+      color: knobProps.textAccentColor,
+      textAlign: "center",
+      numberOfLines: 2,
+      children: title
+    }), subtitle != null ? /* @__PURE__ */_jsx(Text, {
+      testID: `${slug}-subtitle-${doc.name}`,
+      ...knobProps.label,
+      color: formCommonColors.muted,
+      textAlign: "center",
+      numberOfLines: 1,
+      children: String(subtitle)
+    }) : null]
+  });
+  return /* @__PURE__ */_jsx(YStack, {
+    testID: `${slug}-card-${doc.name}`,
+    "aria-label": title,
+    width: "100%",
+    children: imageUrl ? /* @__PURE__ */_jsx(Image, {
+      src: imageUrl,
+      alt: title,
+      width: "100%",
+      aspectRatio: 1,
+      objectFit: "cover",
+      borderRadius: 0,
+      backgroundColor: "$color3",
+      fallback: caption
+    }) : caption
+  });
 }
 export { FrappeImageView };
 //# sourceMappingURL=FrappeImageView.native.js.map

package/dist/esm/FrappeImageView.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useDocTypeMeta","AsyncSkeleton","Card","ImageGrid","ImageSquareIcon","React","useMemo","useTranslation","Spinner","formCommonColors","Image","Text","YStack","useTheme","isServer","useResolvedKnobs","useFrappeConfig","FrappeReconnectIndicator","useFrappeRows","IS_SSR","getImageUrl","value","baseURL","startsWith","FrappeImageView","props","knobProps","t","providerConfig","doctype","imageField","titleField","subtitleField","columns","onItemClick","baseURLProp","ssrItems","stackProps","length","items","emptyMessage","testID","toLowerCase","renderItem","doc","FrappeImageCard","panelPadding","alignItems","justifyContent","gap","children","size","color","muted","body","FrappeImageViewClient","param","filters","fields","searchText","auth","syncOptions","_ref","theme","config","finalBaseURL","finalAuth","finalSyncOptions","Error","appConfig","socketPort","siteName","socketBaseURL","realtime","fixtures","meta","isLoading","isMetaLoading","effectiveImageField","image_field","effectiveTitleField","title_field","effectiveFields","fieldSet","Set","add","Array","from","effectiveFilters","searchFilter","isArray","objectFilters","Object","entries","map","param2","key","rows","isQueryLoading","isDataLoading","limit","needsMeta","layout","_ref1","_knobProps_controlIcon","_theme_color11","iconSize","Number","controlIcon","width","color11","val","imageUrl","title","name","subtitle","cursor","hoverStyle","scale","pressStyle","onPress","e","_e_stopPropagation","stopPropagation","call","src","alt","String","aspectRatio","objectFit","backgroundColor","borderRadius","Footer","heading","fontWeight","numberOfLines","label"],"sources":["../../src/FrappeImageView.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAsB,EAAAC,QAAA,IAAAC,SAAA;AAC/B,SAASC,cAAA,QAAqB,2BAAiB;AAC/C,SAASC,aAAA,EAAAC,IAAA,EAAAC,SAAuB;AAChC,SAAgBC,eAAe;AAC/B,OAAAC,KAAS,IAAAC,OAAA,QAAsB;AAC/B,SAASC,cAAS,uBAAwB;AAC1C,SAASC,OAAO,EAAAC,gBAAc,kCAAkC;AAChE,SAASC,KAAA,EAAAC,IAAA,EAAAC,MAAgB,EAAAC,QAAA;AACzB,SAASC,QAAA,qCAAwB;AACjC,SAASC,gBAAA,QAAuB;AAChC,SAASC,eAAA,oCAAgC;AACzC,SAASC,wBAAqB;AAuGlB,SAwKRC,aAxKQ,QAgBN,2BAhBM;AAvFZ,IAAAC,MAAM,GAAAL,QAAkB;AAKxB,SAASM,YAAYC,KAAA,EAAgBC,OAAA,EAAyB;EAC5D,IAAI,CAACD,KAAA,IAAS,OAAOA,KAAA,KAAU,UAAU,OAAO;EAChD,IAAIA,KAAA,CAAME,UAAA,CAAW,SAAS,KAAKF,KAAA,CAAME,UAAA,CAAW,UAAU,GAAG,OAAOF,KAAA;EACxE,IAAIA,KAAA,CAAME,UAAA,CAAW,GAAG,GAAG,OAAO,GAAGD,OAAO,GAAGD,KAAK;EACpD,OAAOA,KAAA;AACT;AAyCO,SAASG,gBACdC,KAAA,EACA;EACA;IAAMC;EAAE,IAAUX,gBAAI;EACtB;IAAMY;EAAE,IAAEpB,cAAI;EAId,IAAAqB,cAAM,GAAAZ,eAAiB;EAIvB,IAAIG,MAAA,EAAQ;IACV;MAAMU,OAAA;MAAAC,UAAA;MAAAC,UAAA;MAAAC,aAAA;MAAAC,OAAA;MAAAC,WAAA;MAAAZ,OAAA,EAAAa,WAAA;MAAAC,QAAA;MAAA,GAAAC;IAAA,IAAAZ,KAAA;IAAA,IACJH,OAAA,GAAAa,WAAA,aAAAA,WAAA,cAAAA,WAAA,GAAAP,cAAA,aAAAA,cAAA,uBAAAA,cAAA,CAAAN,OAAA;IAAA,IACAc,QAAA,IAAAA,QAAA,CAAAE,MAAA,QAAAR,UAAA,IAAAR,OAAA;MACA,sBAAa3B,IAAA,CAAAQ,SAAA;QACboC,KAAA,EAAAH,QAAA;QACAH,OAAA;QACAC,WAAA;QACAM,YAAS,EAAAb,CAAA;QACTc,MAAA,KAAAZ,OAAA,CAAAa,WAAA;QACA,GAAGL,UAAA;QACDM,UAAA,WAAAA,WAAAC,GAAA;UACE,sBAAUjD,IAAe,CAAAkD,eAAgB;YAE3CD,GAAA;YACFf,OACE;YAACC,UAAA;YAAAC,UAAA;YACCC,aAAO;YACPV,OAAA;YACAY,WAAA;YACAR;UACA;QAAgC;MAC3B;IAEH;IAAC,sBAAA7B,KAAA,CAAAe,MAAA;MAAA,GAAAc,SACC,CAAAoB,YAAA;MAAAC,UACA;MAAAC,cACA;MAAAC,GAAA,MACA;MAAA,GAAAZ,UACA;MAAAa,QACA,kBACAvD,IAAA,CAAAa,OAAA;QAAA2C,IACA;MAAA,mBACFxD,IAAA,CAAAgB,IAAA;QAAAyC,KAAA,EAAA3C,gBAAA,CAAA4C,KAAA;QAEJ,GAAA3B,SAAA,CAAA4B,IAAA;QAEJJ,QAAA,EAAAvB,CAAA;UAGEE;QAAC;MAAA;IACe;EACH;EACI,OACf,eAAIlC,IAAA,CAAA4D,qBAAA;IAAA,GAAA9B;EACC;AAEL;AAAsB,SAAA8B,qBACrBA,CAAAC,KAAA,EAAK;EAEN;IAAA3B,OAAA;IAAAC,UAAA;IAAAC,UAAA;IAAAC,aAAA;IAAAC,OAAA;IAAAwB,OAAA;IAAAC,MAAA;IAAAC,UAAA;IAAAzB,WAAA;IAAAZ,OAAA;IAAAsC,IAAA;IAAAC,WAAA;IAAA,GAAAxB;EAAA,IAAAmB,KAAA;EAAA,IAAAM,IAAA;EAAA,IACFC,KAAA,GAAAlD,QAAA;EAEJ,IAAAmD,MAAA,GAAAhD,eAAA;EAKA;IAAAU;EAAO,IAAAX,gBAAC;EACV;IAAAY;EAAA,IAAApB,cAAA;EAMA,IAAA0D,YAAS,GAAA3C,OAAA,KAAsE,QAAAA,OAAA,cAAAA,OAAA,GAAA0C,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAA1C,OAAA;EAC7E,IAAA4C,SAAA,GAAAN,IAAA,aAAAA,IAAA,cAAAA,IAAA,GAAAI,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAAJ,IAAA;EACA,IAAAO,gBAAA,GAAAN,WAAA,aAAAA,WAAA,cAAAA,WAAA,GAAAG,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAAH,WAAA;EACA,KAAAI,YAAA;IACA,UAAAG,KAAA;EACA;EACA,IAAAC,SAAA,GAAA/D,OAAA;IACA;MACAgB,OAAA,EAAA2C,YAAA;MACAK,UAAA,EAAAN,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAAM,UAAA;MACAC,QAAA,EAAAP,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAAO,QAAA;MACAC,aAAA,EAAAR,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAAQ,aAAA;MACAZ,IAAA,EAAAM,SAAA;MACGL,WAAA,EAAAM,gBAAA;MAC0BM,QAAA,EAAAT,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAAS,QAAA;MAC7BC,QAAM,EAAQV,MAAA,KAAS,QAAAA,MAAA,uBAAAA,MAAA,CAAAU;IACvB;EACA,IACAT,YAAc,EAEdD,MAAM,aAAeA,MAAA,KAAW,SAAQ,SAAAA,MAAA,CAAAM,UAAA,EACxCN,MAAM,aAAYA,MAAQ,UAAQ,aAAAA,MAAA,CAAAO,QAAA,EAClCP,MAAM,aAAAA,MAAmB,cAAe,SAAQA,MAAA,CAAAQ,aAAA,EAEhDR,MAAK,aAAcA,MAAA,uBAAAA,MAAA,CAAAS,QAAA,EACjBP,SAAM,EACRC,gBAAA,EAKAH,MAAM,aAAYA,MAAA,uBAAAA,MAAA,CAAAU,QAAA,EAChB;EAAO,IACL;IAAAC,IAAA;IAAAC,SAAS,EAAAC;EAAA,IAAA7E,cAAA,CAAAqE,SAAA,EAAAxC,OAAA;EAAA,IACTiD,mBAAY,GAAQhD,UAAA,aAAAA,UAAA,cAAAA,UAAA,GAAA6C,IAAA,aAAAA,IAAA,uBAAAA,IAAA,CAAAI,WAAA;EAAA,IACpBC,mBAAkB,IAAAlB,IAAA,GAAA/B,UAAA,aAAAA,UAAA,cAAAA,UAAA,GAAA4C,IAAA,aAAAA,IAAA,uBAAAA,IAAA,CAAAM,WAAA,cAAAnB,IAAA,cAAAA,IAAA;EAAA,IAClBoB,eAAe,GAAA5E,OAAQ;IAAA,IACvB6E,QAAM,OAAAC,GAAA,CAAA1B,MAAA;IAAAyB,QACN,CAAAE,GAAA,OAAa;IAAA,IACbP,mBAAkB,EAAAK,QAAA,CAAAE,GAAA,CAAAP,mBAAA;IAAA,IAClBE,mBAAkB,EAAAG,QAAA,CAAAE,GAAA,CAAAL,mBAAA;IACpB,IAAAhD,aAAA,EAAAmD,QAAA,CAAAE,GAAA,CAAArD,aAAA;IACA,OAAAsD,KAAA,CAAAC,IAAA,CAAAJ,QAAA;EAAA,IACEzB,MACA,EAAQoB,mBACA,EAAAE,mBACA,EAAAhD,aACA;EACR,IACAwD,gBAAA,GAAAlF,OAAA;IAAA,IACA,CAAAqD,UAAQ,KAAAqB,mBAAA,SAAAvB,OAAA;IACV,IAAAgC,YAAA,IACF,CAEMT,mBAAmB,EAEnB,QACA,IAAArB,UAAA,IAEN,CACE;IACA,IAAA2B,KAAS,CAAAI,OAAI,CAAAjC,OAAM;MACnB,OAAI,CACA,GAAAA,OAAA,EACA,GAAAgC,YAAe,CACnB;IACF;IAEA,IAAMhC,OAAA;MACJ,IAAKkC,aAAc,GAACC,MAAA,CAAAC,OAAA,CAAApC,OAAqB,EAAAqC,GAAO,WAAAC,MAAA;QAChD,IAAM,CAAAC,GAAA,EAAA3E,KAAA,IAA6C0E,MAAA;QAChD,QACHC,GAAA,EACI,KACF3E,KAAO,CACL;MAAI,EACJ;MACF,QACF,GAAAsE,aAAA,EACI,GAAAF,YAAS,CACX;IAA8C;IACV,OACpCA,YAAA;EACA,IACFhC,OAAA,EACAE,UAAO,EACTqB,mBAAa,CAEb;EAA+F,IAC7F;IAAAiB,IAAQ,EAAA1D,KAAA;IAAA2D,cAAA,EAAAC;EAAA,IAAAjF,aAAA,CAAAmD,SAAA,EAAAxC,OAAA;IACR6B,MAAA,EAAAwB,eAAS;IACTzB,OAAO,EAAA+B,gBAAA;IACRY,KAAA;EAOD;EAEA,IAAKC,SAAA,IAAavE,UAAA,KAAAC,UAAkB;EAClC,IAAAsE,SACE,IAAAxB,aAAA,IAAAsB,aAAA;IAAA,OAAC,eAAAxG,IAAA,CAAAiB,MAAA;MAAA,GAAAc,SAAA,CAAAoB,YAAA;MAAAL,MACK,KAAAZ,OAAU,CAAAa,WAAA;MAAA,GACdL,UAAW;MAAqBa,QAC5B,iBAAAvD,IAAA,CAAAM,aAAA;QAEJqG,MAAA;MAAgC;IAClC;EAEJ;EAGA,IAAI,CAACxB,mBAAA,EAAqB;IACxB,IAAAyB,KAAM;IACN,IAAAC,sBACE,EAACC,cAAW;IACV,IAAAC,QAAA,GAAAC,MAAA,CAAC,CAAAH,sBAAgB,GAAM9E,SAAA,CAAWkF,WAAU,MAAM,QAASJ,sBAAO,KAAgB,kBAAAA,sBAAA,CAAAK,KAAA;IAAA,OAClF,eAAChH,KAAA,CAAAe,MAAK,EAAO;MAEb,GACFc,SAAA,CAAAoB,YAAA;MAEJC,UAAA;MAEA,GACErB,SAAA,CAAAuB,GAAA;MACE,GAAAZ,UAAA;MACAa,QAAA,GAAC,eAAAvD,IAAA,CAAAS,eAAA;QAAA+C,IAAA,EAAAuD,QAAA;QACCtD,KAAA,GAAAmD,KAAA,IAAAE,cAAA,GAAA1C,KAAA,CAAA+C,OAAA,cAAAL,cAAA,uBAAAA,cAAA,CAAAM,GAAA,cAAAR,KAAA,cAAAA,KAAA;MACA,IACA,eAAA5G,IAAA,CAAAgB,IAAA;QACAyC,KAAA,EAAA3C,gBAAgB,CAAA4C,KAAA;QAChB,GAAA3B,SAAW,CAAA4B,IAAQ;QAClBJ,QAAI,EAAAvB,CAAA;UACLE;QACG;MAAA;IACC;EACA;EACY,sBACAhC,KAAA,CAAAE,SAAA;IAAAmD,QACZ,kBACSvD,IAAA,CAAAsB,wBAAA;MAAA+C,MACT,EAAAK;IAAA,IACA,eAAA1E,IAAA,CAAAQ,SAAA;MACFoC,KAAA;MAAAN,OAAA;MAEJC,WAAA;MACFM,YAAA,EAAAb,CAAA;MAEJc,MAAA,KAAAZ,OAAA,CAAAa,WAAA;MAOA,GAASL,UAAA;MACPM,UAAA,WAAAA,WAAAC,GAAA;QACA,sBAAAjD,IAAA,CAAAkD,eAAA;UACAD,GAAA;UACAf,OAAA;UACAC,UAAA,EAAAgD,mBAAA;UACA/C,UAAA,EAAAiD,mBAAA;UACAhD,aAAA;UACAV,OAAA,EAAA2C,YAAA;UAUC/B,WAAA;UACKR;QACA;MACA;IACN,EAAM;EAGN;AAAA;AAAA,SAAAmB,gBAAAW,KAAA;EAAA,IAGE;IAAAZ,GAAA;IAAAf,OAAA;IAAAC,UAAA;IAAAC,UAAA;IAAAC,aAAA;IAAAV,OAAA;IAAAY,WAAA;IAAAR;EAAA,IAAA8B,KAAA;EAAA,IAACM,IAAA;EAAA,IAAA0C,sBAAA,EAAAC,cAAA;EAAA,IAAA1C,KACC,GAAAlD,QAAW;EAAsC,IAAAmG,QACjD,GAAO5F,WAAA,CAAAwB,GAAA,CAAAd,UAAA,GAAAR,OAAA;EAAA,IAAA2F,KACP,GAAArE,GAAA,CAAAb,UAAc,CAAO,IAAAa,GAAK,CAAAsE,IAAA;EAAA,IAAAC,QAC1B,GAAAnF,aAAqB,GAAAY,GAAK,CAAAZ,aAAA;EAAA,IAAA0E,QAC1B,GAASC,MAAC,CAAM,CAAAH,sBAAA,GAAA9E,SAAA,CAAAkF,WAAA,cAAAJ,sBAAA,uBAAAA,sBAAA,CAAAK,KAAA;EAGd;IACA;IAAqC;IACvC;IAEChH,KAAA,CAAAK,IAAA;MAAAuC,MAAA,KAAAZ,OACC,CAAAa,WAAA,WAAAE,GAAA,CAAAsE,IAAA;MAAAE,MAAC;MAAAC,UAAA;QAAAC,KAAA,EACC;MAAK;MACYC,UACjB;QAAMD,KAAA,EACN;MAAa;MACHE,OAAA,EACV,SAAAA,OAAgBA,CAAAC,CAAA;QAAA,IAAAC,kBACF;QAAAD,CAAA,aAAAA,CAAA,wBAAAC,kBAAA,GAAAD,CAAA,CAAAE,eAAA,cAAAD,kBAAA,uBAAAA,kBAAA,CAAAE,IAAA,CAAAH,CAAA;QAAAvF,WAGhB,aAAAA,WAAA,uBAAAA,WAAA,CAAAU,GAAA;MAAA;MAACM,QAAA,GAAA8D,QACC,kBAAMrH,IAAA,CAAAe,KAAA;QAAAmH,GAAA,EACNb,QAAA;QAAac,GAAA,EACbC,MAAA,CAAAd,KAAA;QAAgBJ,KACf,EAAG;QAAUmB,WACd;QAAWC,SACX;QAAeC,eAEf;QAAkF,GAAAxG,SAAA,CAAAyG;MAAA,EACpF,kBAAAxI,IAAA,CAAAiB,MAAA;QAEFiG,KAAA;QAEImB,WAAA;QAAAE,eAAC;QAAA,GAAAxG,SAAA,CAAAyG,YAAA;QAAApF,UACC,UAAW;QAAsCC,cAC7C,UAAU;QAAAE,QACd,iBAAWvD,IAAA,CAAAS,eAAA;UAAA+C,IACX,EAAAuD,QAAA;UAAetD,KAEd,GAAAU,IAAA,IAAA2C,cAAY,GAAA1C,KAAA,CAAA+C,OAAA,cAAAL,cAAA,uBAAAA,cAAA,CAAAM,GAAA,cAAAjD,IAAA,cAAAA,IAAA;QAAA;MAAA,IACf,eACanE,IAAA,CAAAO,IACX,CAAAkI,MAAA;QAAAlF,QAAC,iBAAArD,KAAA,CAAAe,MAAA;UAAA,GAAAc,SAAA,CAAAuB,GAAA;UAAAC,QACC,GAAqD,eAC9CvD,IAAA,CAAAgB,IAAA,EAAiB;YACvB8B,MAAG,KAAAZ,OAAU,CAAAa,WAAA,WAAAE,GAAA,CAAAsE,IAAA;YACd,GAAAxF,SAAA,CAAA2G,OAAe;YAEdC,UAAA,OAAO;YAAQC,aAAA;YAEhBrF,QAAA,EAAA6E,MAAA,CAAAd,KAAA;UACN,EACF,EAAAE,QAAA,0BAAAxH,IAAA,CAAAgB,IAAA;YAAA8B,MAAA,KAAAZ,OAAA,CAAAa,WAAA,eAAAE,GAAA,CAAAsE,IAAA;YACF9D,KAAA,EAAA3C,gBAAA,CAAA4C,KAAA;YAAA,GAAA3B,SAAA,CAAA8G,KAAA;YAEJD,aAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useDocTypeMeta","AsyncSkeleton","Image","ImageGrid","ImageSquareIcon","React","useMemo","useTranslation","Spinner","formCommonColors","Text","YStack","useTheme","isServer","useResolvedKnobs","useFrappeConfig","FrappeReconnectIndicator","useFrappeRows","IS_SSR","getImageUrl","value","baseURL","startsWith","FrappeImageView","props","knobProps","t","providerConfig","doctype","imageField","titleField","subtitleField","columns","onItemClick","baseURLProp","ssrItems","stackProps","length","variant","items","emptyMessage","testID","toLowerCase","renderItem","doc","FrappePhoto","panelPadding","alignItems","justifyContent","gap","children","size","color","muted","body","FrappeImageViewClient","param","filters","fields","searchText","auth","syncOptions","_ref","theme","config","finalBaseURL","finalAuth","finalSyncOptions","Error","appConfig","socketPort","siteName","socketBaseURL","realtime","fixtures","meta","isLoading","isMetaLoading","effectiveImageField","image_field","effectiveTitleField","title_field","effectiveFields","fieldSet","Set","add","Array","from","effectiveFilters","searchFilter","isArray","objectFilters","Object","entries","map","param2","key","rows","isQueryLoading","isDataLoading","limit","needsMeta","layout","_ref1","_knobProps_controlIcon","_theme_color11","iconSize","Number","controlIcon","width","color11","val","imageUrl","title","String","name","subtitle","slug","caption","aspectRatio","backgroundColor","padding","label","textAccentColor","textAlign","numberOfLines","src","alt","objectFit","borderRadius","fallback"],"sources":["../../src/FrappeImageView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/FrappeListView.mjs

@@ -5,7 +5,7 @@ import { useTranslation } from "react-i18next";
 import { Button, SearchInput, Spinner } from "@multiplatform.one/forms";
 import { Text, View, XStack, YStack, isWeb, useTheme } from "tamagui";
 import { SavedFilterDropdown, useSavedFilters } from "@multiplatform.one/table";
-import { AsyncBoundary, Avatar, EmptyState, ListPageLayout, ListRow, PageHeader, SkipLink, Tooltip, ViewSwitcher, showToast } from "@multiplatform.one/components";
+import { AsyncBoundary, Avatar, EmptyState, ListPageLayout, ListRow, PageBarButton, PageHeader, SkipLink, Tooltip, ViewSwitcher, showToast } from "@multiplatform.one/components";
 import { containerCapProps, pressTargetStyle, useLayoutSizeClass, useResolvedKnobs } from "@multiplatform.one/theme";
 import { storage } from "@multiplatform.one/store";
 import { useFrappeConfig } from "./FrappeProvider.mjs";
@@ -535,11 +535,7 @@ function FrappeListViewBody({
     onSelect: () => setViewMode(view.type)
   }))] : [])] : [];
   const headerActions = headerOwnsViews || headerOwnsTools && onAdd || headerAccessory || actions?.length ? /* @__PURE__ */jsxs(XStack, {
-    ...knobProps.gap,
     alignItems: "center",
-    flexWrap: "wrap",
-    flexShrink: 1,
-    minWidth: 0,
     children: [headerOwnsViews ? /* @__PURE__ */jsx(Tooltip, {
       content: t("Switch views"),
       children: /* @__PURE__ */jsx(XStack, {
@@ -553,77 +549,37 @@ function FrappeListViewBody({
     }) : null, headerAccessory, actions?.map(action => {
       const Icon = action.icon;
       const onPress = pressFor(action);
-      if (sidebarFilters) {
-        return /* @__PURE__ */jsx(XStack, {
-          ...secondaryHidden,
-          children: /* @__PURE__ */jsx(Tooltip, {
-            content: action.hint ?? action.label,
-            children: /* @__PURE__ */jsx(Button, {
-              outlined: true,
-              onPress,
-              icon: Icon ? /* @__PURE__ */jsx(Icon, {
-                size: 16
-              }) : void 0,
-              testID: action.testID,
-              children: action.label
-            })
-          })
-        }, action.label);
-      }
-      return /* @__PURE__ */jsxs(React.Fragment, {
-        children: [/* @__PURE__ */jsx(Tooltip, {
+      return /* @__PURE__ */jsx(XStack, {
+        ...secondaryHidden,
+        children: /* @__PURE__ */jsx(Tooltip, {
           content: action.hint ?? action.label,
-          children: /* @__PURE__ */jsx(Button, {
-            outlined: true,
+          children: Icon ? /* @__PURE__ */jsx(PageBarButton, {
+            icon: Icon,
+            "aria-label": action.label,
+            onPress,
+            testID: action.testID
+          }) : /* @__PURE__ */jsx(Button, {
+            chromeless: true,
+            accentInk: true,
             onPress,
-            icon: Icon ? /* @__PURE__ */jsx(Icon, {
-              size: 16
-            }) : void 0,
-            "$max-sm": {
-              display: "none"
-            },
             testID: action.testID,
             children: action.label
           })
-        }), /* @__PURE__ */jsx(Button, {
-          outlined: true,
-          circular: true,
-          onPress,
-          icon: Icon ? /* @__PURE__ */jsx(Icon, {
-            size: 16
-          }) : void 0,
-          display: "none",
-          "aria-label": action.label,
-          "$max-sm": {
-            display: "flex"
-          }
-        })]
+        })
       }, action.label);
-    }), headerOwnsTools && onAdd ? /* @__PURE__ */jsxs(Fragment, {
-      children: [/* @__PURE__ */jsx(Button, {
-        theme: "accent",
-        onPress: onAdd,
-        icon: /* @__PURE__ */jsx(PlusIcon, {
-          size: 16
-        }),
-        "$max-sm": {
-          display: "none"
-        },
-        children: t("Add {{doctype}}", {
+    }), headerOwnsTools && onAdd ? /* @__PURE__ */jsx(Tooltip, {
+      content: t("Add {{doctype}}", {
+        doctype
+      }),
+      children: /* @__PURE__ */jsx(PageBarButton, {
+        icon: PlusIcon,
+        "aria-label": t("Add {{doctype}}", {
           doctype
-        })
-      }), /* @__PURE__ */jsx(Button, {
-        theme: "accent",
-        onPress: onAdd,
-        icon: /* @__PURE__ */jsx(PlusIcon, {
-          size: 16
         }),
-        display: "none",
-        "$max-sm": {
-          display: "flex"
-        },
-        children: t("Add")
-      })]
+        onPress: onAdd,
+        edge: "end",
+        testID: `${slug}-add`
+      })
     }) : null]
   }) : void 0;
   const shufflePanel = shuffle && shuffleOpen && shuffleRows.length > 0 && drawCard ? /* @__PURE__ */jsx(ShufflePanel, {
@@ -632,6 +588,7 @@ function FrappeListViewBody({
     rows: shuffleRows,
     itemLabel: shuffle.label,
     renderPick: doc => drawCard(doc, 0),
+    grid: gridProps,
     onGo: doc => {
       setShuffleOpen(false);
       onItemClick?.(doc);