@multiplatform.one/frappe-ui 6.0.0

package/dist/cjs/FrappeImageView.cjs

@@ -0,0 +1,301 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var FrappeImageView_exports = {};
+__export(FrappeImageView_exports, {
+  FrappeImageView: () => FrappeImageView
+});
+module.exports = __toCommonJS(FrappeImageView_exports);
+var import_frappe = require("@multiplatform.one/frappe");
+var import_components = require("@multiplatform.one/components");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_react_i18next = require("react-i18next");
+var import_tamagui = require("tamagui");
+var import_theme = require("@multiplatform.one/theme");
+var import_FrappeProvider = require("./FrappeProvider.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const import_meta = {};
+function getImageUrl(value, baseURL) {
+  if (!value || typeof value !== "string") return "";
+  if (value.startsWith("http://") || value.startsWith("https://")) return value;
+  if (value.startsWith("/")) return `${baseURL}${value}`;
+  return value;
+}
+function FrappeImageView(props) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  if (import_meta.env.SSR) {
+    const {
+      doctype,
+      imageField,
+      titleField = "name",
+      subtitleField,
+      columns = 4,
+      onItemClick,
+      baseURL,
+      ssrItems,
+      ...stackProps
+    } = props;
+    if (ssrItems && ssrItems.length > 0 && imageField && baseURL) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ImageGrid, {
+        items: ssrItems,
+        columns,
+        onItemClick,
+        emptyMessage: t("No items found"),
+        testID: `${doctype.toLowerCase()}-list`,
+        ...stackProps,
+        renderItem: doc => /* @__PURE__ */(0, import_jsx_runtime.jsx)(FrappeImageCard, {
+          doc,
+          doctype,
+          imageField,
+          titleField,
+          subtitleField,
+          baseURL,
+          onItemClick,
+          knobProps
+        })
+      });
+    }
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      justifyContent: "center",
+      ...stackProps,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
+        size: "large"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$color10",
+        marginTop: "$2",
+        children: t("Loading {{doctype}}...", {
+          doctype
+        })
+      })]
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FrappeImageViewClient, {
+    ...props
+  });
+}
+function FrappeImageViewClient({
+  doctype,
+  imageField,
+  titleField,
+  subtitleField,
+  columns = 4,
+  filters,
+  fields,
+  searchText,
+  onItemClick,
+  baseURL,
+  auth,
+  syncOptions,
+  ...stackProps
+}) {
+  const config = (0, import_FrappeProvider.useFrappeConfig)();
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  const finalBaseURL = baseURL ?? config?.baseURL;
+  const finalAuth = auth ?? config?.auth;
+  const finalSyncOptions = syncOptions ?? config?.syncOptions;
+  if (!finalBaseURL) {
+    throw new Error("FrappeImageView requires baseURL prop or FrappeProvider with baseURL");
+  }
+  const appConfig = (0, import_react2.useMemo)(() => ({
+    baseURL: finalBaseURL,
+    socketPort: config?.socketPort,
+    auth: finalAuth,
+    syncOptions: finalSyncOptions,
+    fixtures: config?.fixtures
+  }), [finalBaseURL, config?.socketPort, finalAuth, finalSyncOptions, config?.fixtures]);
+  const {
+    meta,
+    isLoading: isMetaLoading
+  } = (0, import_frappe.useDocTypeMeta)(appConfig, doctype);
+  const effectiveImageField = imageField ?? meta?.image_field;
+  const effectiveTitleField = titleField ?? meta?.title_field ?? "name";
+  const effectiveFields = (0, import_react2.useMemo)(() => {
+    const fieldSet = new Set(fields);
+    fieldSet.add("name");
+    if (effectiveImageField) fieldSet.add(effectiveImageField);
+    if (effectiveTitleField) fieldSet.add(effectiveTitleField);
+    if (subtitleField) fieldSet.add(subtitleField);
+    return Array.from(fieldSet);
+  }, [fields, effectiveImageField, effectiveTitleField, subtitleField]);
+  const effectiveFilters = (0, import_react2.useMemo)(() => {
+    if (!searchText || !effectiveTitleField) return filters;
+    const searchFilter = [[effectiveTitleField, "like", `%${searchText}%`]];
+    if (Array.isArray(filters)) {
+      return [...filters, ...searchFilter];
+    }
+    if (filters) {
+      const objectFilters = Object.entries(filters).map(([key, value]) => [key, "=", value]);
+      return [...objectFilters, ...searchFilter];
+    }
+    return searchFilter;
+  }, [filters, searchText, effectiveTitleField]);
+  const collection = (0, import_frappe.useFrappeCollection)(appConfig, doctype, {
+    fields: effectiveFields,
+    filters: effectiveFilters
+  });
+  const {
+    data: rawData,
+    isLoading: isDataLoading
+  } = (0, import_frappe.useLiveQuery)(q => collection ? q.from({
+    _list: collection
+  }) : null, [collection]);
+  const items = (0, import_react2.useMemo)(() => rawData ?? [], [rawData]);
+  const needsMeta = !imageField || !titleField;
+  if (needsMeta && isMetaLoading || isDataLoading) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      justifyContent: "center",
+      ...stackProps,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
+        size: "large"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$color10",
+        marginTop: "$2",
+        children: t("Loading {{doctype}}...", {
+          doctype
+        })
+      })]
+    });
+  }
+  if (!effectiveImageField) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      ...knobProps.gap,
+      ...stackProps,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ImageSquareIcon, {
+        size: 48,
+        color: "$color8"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$color10",
+        children: t("No image field configured for {{doctype}}", {
+          doctype
+        })
+      })]
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ImageGrid, {
+    items,
+    columns,
+    onItemClick,
+    emptyMessage: t("No items found"),
+    testID: `${doctype.toLowerCase()}-list`,
+    ...stackProps,
+    renderItem: doc => /* @__PURE__ */(0, import_jsx_runtime.jsx)(FrappeImageCard, {
+      doc,
+      doctype,
+      imageField: effectiveImageField,
+      titleField: effectiveTitleField,
+      subtitleField,
+      baseURL: finalBaseURL,
+      onItemClick,
+      knobProps
+    })
+  });
+}
+function FrappeImageCard({
+  doc,
+  doctype,
+  imageField,
+  titleField,
+  subtitleField,
+  baseURL,
+  onItemClick,
+  knobProps
+}) {
+  const imageUrl = getImageUrl(doc[imageField], baseURL);
+  const title = doc[titleField] || doc.name;
+  const subtitle = subtitleField ? doc[subtitleField] : void 0;
+  const imageHeight = knobProps.sizeToken === "$3" ? 140 : knobProps.sizeToken === "$5" ? 220 : 180;
+  const footerPaddingTop = knobProps.sizeToken === "$3" ? 150 : knobProps.sizeToken === "$5" ? 230 : 190;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Card, {
+    testID: `${doctype.toLowerCase()}-card-${doc.name}`,
+    size: knobProps.sizeToken,
+    elevation: knobProps.elevation,
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    overflow: "hidden",
+    cursor: "pointer",
+    hoverStyle: {
+      scale: 0.98,
+      borderColor: "$accentBackground"
+    },
+    pressStyle: {
+      scale: 0.97
+    },
+    onPress: e => {
+      e?.stopPropagation?.();
+      onItemClick?.(doc);
+    },
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Card.Background, {
+      children: imageUrl ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Image, {
+        src: imageUrl,
+        width: "100%",
+        height: imageHeight,
+        objectFit: "cover"
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        width: "100%",
+        height: imageHeight,
+        backgroundColor: "$color2",
+        alignItems: "center",
+        justifyContent: "center",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ImageSquareIcon, {
+          size: 48,
+          color: "$color8"
+        })
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Card.Footer, {
+      ...knobProps.panelPadding,
+      paddingTop: footerPaddingTop,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$1",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          testID: `${doctype.toLowerCase()}-name-${doc.name}`,
+          fontWeight: "600",
+          fontSize: knobProps.sizeToken,
+          numberOfLines: 1,
+          children: String(title)
+        }), subtitle != null && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          testID: `${doctype.toLowerCase()}-subtitle-${doc.name}`,
+          color: "$color10",
+          fontSize: "$2",
+          numberOfLines: 1,
+          children: String(subtitle)
+        })]
+      })
+    })]
+  });
+}

package/dist/cjs/FrappeImageView.native.js

@@ -0,0 +1,332 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var FrappeImageView_exports = {};
+__export(FrappeImageView_exports, {
+  FrappeImageView: () => FrappeImageView
+});
+module.exports = __toCommonJS(FrappeImageView_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_frappe = require("@multiplatform.one/frappe");
+var import_components = require("@multiplatform.one/components");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = __toESM(require("react"));
+var import_react_i18next = require("react-i18next");
+var import_tamagui = require("tamagui");
+var import_theme = require("@multiplatform.one/theme");
+var import_FrappeProvider = require("./FrappeProvider.native.js");
+const import_meta = {};
+function getImageUrl(value, baseURL) {
+  if (!value || typeof value !== "string") return "";
+  if (value.startsWith("http://") || value.startsWith("https://")) return value;
+  if (value.startsWith("/")) return `${baseURL}${value}`;
+  return value;
+}
+function FrappeImageView(props) {
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  if (import_meta.env.SSR) {
+    var {
+      doctype,
+      imageField,
+      titleField = "name",
+      subtitleField,
+      columns = 4,
+      onItemClick,
+      baseURL,
+      ssrItems,
+      ...stackProps
+    } = props;
+    if (ssrItems && ssrItems.length > 0 && imageField && baseURL) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ImageGrid, {
+        items: ssrItems,
+        columns,
+        onItemClick,
+        emptyMessage: t("No items found"),
+        testID: `${doctype.toLowerCase()}-list`,
+        ...stackProps,
+        renderItem: function renderItem(doc) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FrappeImageCard, {
+            doc,
+            doctype,
+            imageField,
+            titleField,
+            subtitleField,
+            baseURL,
+            onItemClick,
+            knobProps
+          });
+        }
+      });
+    }
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      justifyContent: "center",
+      ...stackProps,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
+        size: "large"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$color10",
+        marginTop: "$2",
+        children: t("Loading {{doctype}}...", {
+          doctype
+        })
+      })]
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FrappeImageViewClient, {
+    ...props
+  });
+}
+function FrappeImageViewClient(param) {
+  var {
+    doctype,
+    imageField,
+    titleField,
+    subtitleField,
+    columns = 4,
+    filters,
+    fields,
+    searchText,
+    onItemClick,
+    baseURL,
+    auth,
+    syncOptions,
+    ...stackProps
+  } = param;
+  var _ref;
+  var config = (0, import_FrappeProvider.useFrappeConfig)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var finalBaseURL = baseURL !== null && baseURL !== void 0 ? baseURL : config === null || config === void 0 ? void 0 : config.baseURL;
+  var finalAuth = auth !== null && auth !== void 0 ? auth : config === null || config === void 0 ? void 0 : config.auth;
+  var finalSyncOptions = syncOptions !== null && syncOptions !== void 0 ? syncOptions : config === null || config === void 0 ? void 0 : config.syncOptions;
+  if (!finalBaseURL) {
+    throw new Error("FrappeImageView requires baseURL prop or FrappeProvider with baseURL");
+  }
+  var appConfig = (0, import_react2.useMemo)(function () {
+    return {
+      baseURL: finalBaseURL,
+      socketPort: config === null || config === void 0 ? void 0 : config.socketPort,
+      auth: finalAuth,
+      syncOptions: finalSyncOptions,
+      fixtures: config === null || config === void 0 ? void 0 : config.fixtures
+    };
+  }, [finalBaseURL, config === null || config === void 0 ? void 0 : config.socketPort, finalAuth, finalSyncOptions, config === null || config === void 0 ? void 0 : config.fixtures]);
+  var {
+    meta,
+    isLoading: isMetaLoading
+  } = (0, import_frappe.useDocTypeMeta)(appConfig, doctype);
+  var effectiveImageField = imageField !== null && imageField !== void 0 ? imageField : meta === null || meta === void 0 ? void 0 : meta.image_field;
+  var effectiveTitleField = (_ref = titleField !== null && titleField !== void 0 ? titleField : meta === null || meta === void 0 ? void 0 : meta.title_field) !== null && _ref !== void 0 ? _ref : "name";
+  var effectiveFields = (0, import_react2.useMemo)(function () {
+    var fieldSet = new Set(fields);
+    fieldSet.add("name");
+    if (effectiveImageField) fieldSet.add(effectiveImageField);
+    if (effectiveTitleField) fieldSet.add(effectiveTitleField);
+    if (subtitleField) fieldSet.add(subtitleField);
+    return Array.from(fieldSet);
+  }, [fields, effectiveImageField, effectiveTitleField, subtitleField]);
+  var effectiveFilters = (0, import_react2.useMemo)(function () {
+    if (!searchText || !effectiveTitleField) return filters;
+    var searchFilter = [[effectiveTitleField, "like", `%${searchText}%`]];
+    if (Array.isArray(filters)) {
+      return [...filters, ...searchFilter];
+    }
+    if (filters) {
+      var objectFilters = Object.entries(filters).map(function (param2) {
+        var [key, value] = param2;
+        return [key, "=", value];
+      });
+      return [...objectFilters, ...searchFilter];
+    }
+    return searchFilter;
+  }, [filters, searchText, effectiveTitleField]);
+  var collection = (0, import_frappe.useFrappeCollection)(appConfig, doctype, {
+    fields: effectiveFields,
+    filters: effectiveFilters
+  });
+  var {
+    data: rawData,
+    isLoading: isDataLoading
+  } = (0, import_frappe.useLiveQuery)(function (q) {
+    return collection ? q.from({
+      _list: collection
+    }) : null;
+  }, [collection]);
+  var items = (0, import_react2.useMemo)(function () {
+    return rawData !== null && rawData !== void 0 ? rawData : [];
+  }, [rawData]);
+  var needsMeta = !imageField || !titleField;
+  if (needsMeta && isMetaLoading || isDataLoading) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      justifyContent: "center",
+      ...stackProps,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
+        size: "large"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$color10",
+        marginTop: "$2",
+        children: t("Loading {{doctype}}...", {
+          doctype
+        })
+      })]
+    });
+  }
+  if (!effectiveImageField) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      ...knobProps.gap,
+      ...stackProps,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ImageSquareIcon, {
+        size: 48,
+        color: "$color8"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$color10",
+        children: t("No image field configured for {{doctype}}", {
+          doctype
+        })
+      })]
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ImageGrid, {
+    items,
+    columns,
+    onItemClick,
+    emptyMessage: t("No items found"),
+    testID: `${doctype.toLowerCase()}-list`,
+    ...stackProps,
+    renderItem: function renderItem(doc) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FrappeImageCard, {
+        doc,
+        doctype,
+        imageField: effectiveImageField,
+        titleField: effectiveTitleField,
+        subtitleField,
+        baseURL: finalBaseURL,
+        onItemClick,
+        knobProps
+      });
+    }
+  });
+}
+function FrappeImageCard(param) {
+  var {
+    doc,
+    doctype,
+    imageField,
+    titleField,
+    subtitleField,
+    baseURL,
+    onItemClick,
+    knobProps
+  } = param;
+  var imageUrl = getImageUrl(doc[imageField], baseURL);
+  var title = doc[titleField] || doc.name;
+  var subtitle = subtitleField ? doc[subtitleField] : void 0;
+  var imageHeight = knobProps.sizeToken === "$3" ? 140 : knobProps.sizeToken === "$5" ? 220 : 180;
+  var footerPaddingTop = knobProps.sizeToken === "$3" ? 150 : knobProps.sizeToken === "$5" ? 230 : 190;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Card, {
+    testID: `${doctype.toLowerCase()}-card-${doc.name}`,
+    size: knobProps.sizeToken,
+    elevation: knobProps.elevation,
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    overflow: "hidden",
+    cursor: "pointer",
+    hoverStyle: {
+      scale: 0.98,
+      borderColor: "$accentBackground"
+    },
+    pressStyle: {
+      scale: 0.97
+    },
+    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: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Card.Background, {
+      children: imageUrl ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Image, {
+        src: imageUrl,
+        width: "100%",
+        height: imageHeight,
+        objectFit: "cover"
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        width: "100%",
+        height: imageHeight,
+        backgroundColor: "$color2",
+        alignItems: "center",
+        justifyContent: "center",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ImageSquareIcon, {
+          size: 48,
+          color: "$color8"
+        })
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Card.Footer, {
+      ...knobProps.panelPadding,
+      paddingTop: footerPaddingTop,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$1",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          testID: `${doctype.toLowerCase()}-name-${doc.name}`,
+          fontWeight: "600",
+          fontSize: knobProps.sizeToken,
+          numberOfLines: 1,
+          children: String(title)
+        }), subtitle != null && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          testID: `${doctype.toLowerCase()}-subtitle-${doc.name}`,
+          color: "$color10",
+          fontSize: "$2",
+          numberOfLines: 1,
+          children: String(subtitle)
+        })]
+      })
+    })]
+  });
+}
+//# sourceMappingURL=FrappeImageView.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","FrappeImageView_exports","__export","FrappeImageView","module","exports","import_jsx_runtime","require","import_frappe","import_components","import_react","import_react2","import_react_i18next","import_tamagui","import_theme","import_FrappeProvider","import_meta","getImageUrl","baseURL","startsWith","props","knobProps","useResolvedKnobs","t","useTranslation","env","SSR","doctype","imageField","titleField","subtitleField","columns","onItemClick","ssrItems","stackProps","length","jsx","ImageGrid","items","emptyMessage","testID","toLowerCase","renderItem","doc","FrappeImageCard","jsxs","YStack","panelPadding","alignItems","justifyContent","children","Spinner","size","Text","color","marginTop","FrappeImageViewClient","param","filters","fields","searchText","auth","syncOptions","_ref","config","useFrappeConfig","finalBaseURL","finalAuth","finalSyncOptions","Error","appConfig","useMemo","socketPort","fixtures","meta","isLoading","isMetaLoading","useDocTypeMeta","effectiveImageField","image_field","effectiveTitleField","title_field","effectiveFields","fieldSet","Set","add","Array","from","effectiveFilters","searchFilter","isArray","objectFilters","Object","entries","map","param2","key","collection","useFrappeCollection","data","rawData","isDataLoading","useLiveQuery","q","_list","needsMeta","gap","ImageSquareIcon","imageUrl","title","name","subtitle","imageHeight","sizeToken","footerPaddingTop","Card","elevation","borderWidth","borderColor","overflow","cursor","hoverStyle","scale","pressStyle","onPress","e","_e_stopPropagation","stopPropagation","call","Background"],"sources":["../../src/FrappeImageView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}