@multiplatform.one/frappe-ui 6.0.0

package/dist/cjs/FrappeKanban.stories.native.js

@@ -0,0 +1,229 @@
+"use strict";
+
+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 FrappeKanban_stories_exports = {};
+__export(FrappeKanban_stories_exports, {
+  BugTracker: () => BugTracker,
+  Default: () => Default,
+  WithCardCreation: () => WithCardCreation,
+  default: () => FrappeKanban_stories_default
+});
+module.exports = __toCommonJS(FrappeKanban_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_frappe = require("@multiplatform.one/frappe");
+var import_storybook = require("@multiplatform.one/storybook");
+var import_FrappeKanban = require("./FrappeKanban.native.js");
+var import_FrappeProvider = require("./FrappeProvider.native.js");
+var FrappeKanban_stories_default = {
+  title: "FrappeUI/FrappeKanban",
+  component: import_FrappeKanban.FrappeKanban,
+  tags: ["!test"],
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A drag-and-drop Kanban board component for Frappe doctypes with real-time updates."
+      }
+    }
+  }
+};
+var todoFixtures = [{
+  name: "TODO-001",
+  doctype: "ToDo",
+  description: "Review documentation",
+  status: "Open"
+}, {
+  name: "TODO-002",
+  doctype: "ToDo",
+  description: "Fix login bug",
+  status: "Open"
+}, {
+  name: "TODO-003",
+  doctype: "ToDo",
+  description: "Update dependencies",
+  status: "Working"
+}, {
+  name: "TODO-004",
+  doctype: "ToDo",
+  description: "Write unit tests",
+  status: "Working"
+}, {
+  name: "TODO-005",
+  doctype: "ToDo",
+  description: "Deploy to staging",
+  status: "Pending Review"
+}, {
+  name: "TODO-006",
+  doctype: "ToDo",
+  description: "Merge PR #42",
+  status: "Completed"
+}];
+var todoColumns = [{
+  value: "Open",
+  title: "To Do",
+  color: "#6366F1"
+}, {
+  value: "Working",
+  title: "In Progress",
+  color: "#F59E0B"
+}, {
+  value: "Pending Review",
+  title: "Review",
+  color: "#8B5CF6"
+}, {
+  value: "Completed",
+  title: "Done",
+  color: "#10B981"
+}];
+var Default = function Default2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+    baseURL: "https://demo.frappe.cloud",
+    fixtures: new import_frappe.InMemoryFixtureProvider({
+      ToDo: todoFixtures
+    }),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeKanban.FrappeKanban, {
+      doctype: "ToDo",
+      columns: todoColumns,
+      statusField: "status",
+      titleField: "description",
+      onCardClick: (0, import_storybook.action)("onCardClick"),
+      onCardMove: (0, import_storybook.action)("onCardMove"),
+      minColumnHeight: 500
+    })
+  });
+};
+Default.parameters = {
+  docs: {
+    description: {
+      story: "Basic Kanban board connected to a Frappe ToDo doctype."
+    }
+  }
+};
+Default.storyName = "Main";
+var WithCardCreation = function WithCardCreation2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+    baseURL: "https://demo.frappe.cloud",
+    fixtures: new import_frappe.InMemoryFixtureProvider({
+      ToDo: todoFixtures
+    }),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeKanban.FrappeKanban, {
+      doctype: "ToDo",
+      columns: todoColumns,
+      statusField: "status",
+      titleField: "description",
+      enableCardCreation: true,
+      onCardClick: (0, import_storybook.action)("onCardClick"),
+      onCardMove: (0, import_storybook.action)("onCardMove"),
+      onCreateCard: (0, import_storybook.action)("onCreateCard"),
+      minColumnHeight: 500
+    })
+  });
+};
+WithCardCreation.parameters = {
+  docs: {
+    description: {
+      story: "Kanban board with add card buttons on each column."
+    }
+  }
+};
+var bugFixtures = [{
+  name: "BUG-001",
+  doctype: "Bug",
+  title: "Login not working on Safari",
+  severity: "Critical",
+  status: "New"
+}, {
+  name: "BUG-002",
+  doctype: "Bug",
+  title: "Page layout broken on mobile",
+  severity: "High",
+  status: "Confirmed"
+}, {
+  name: "BUG-003",
+  doctype: "Bug",
+  title: "Dashboard loading slowly",
+  severity: "Medium",
+  status: "In Progress"
+}, {
+  name: "BUG-004",
+  doctype: "Bug",
+  title: "Email notifications delayed",
+  severity: "Low",
+  status: "Testing"
+}, {
+  name: "BUG-005",
+  doctype: "Bug",
+  title: "Fixed typo in footer",
+  severity: "Low",
+  status: "Closed"
+}];
+var bugColumns = [{
+  value: "New",
+  title: "New",
+  color: "#EF4444"
+}, {
+  value: "Confirmed",
+  title: "Confirmed",
+  color: "#F97316"
+}, {
+  value: "In Progress",
+  title: "In Progress",
+  color: "#3B82F6"
+}, {
+  value: "Testing",
+  title: "Testing",
+  color: "#8B5CF6"
+}, {
+  value: "Closed",
+  title: "Closed",
+  color: "#22C55E"
+}];
+var BugTracker = function BugTracker2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+    baseURL: "https://demo.frappe.cloud",
+    fixtures: new import_frappe.InMemoryFixtureProvider({
+      Bug: bugFixtures
+    }),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeKanban.FrappeKanban, {
+      doctype: "Bug",
+      columns: bugColumns,
+      statusField: "status",
+      titleField: "title",
+      descriptionField: "severity",
+      onCardClick: (0, import_storybook.action)("onCardClick"),
+      onCardMove: (0, import_storybook.action)("onCardMove"),
+      minColumnHeight: 500
+    })
+  });
+};
+BugTracker.parameters = {
+  docs: {
+    description: {
+      story: "Example of a bug tracking Kanban board with different columns."
+    }
+  }
+};
+//# sourceMappingURL=FrappeKanban.stories.native.js.map

package/dist/cjs/FrappeKanban.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FrappeKanban_stories_exports","__export","BugTracker","Default","WithCardCreation","default","FrappeKanban_stories_default","module","exports","import_jsx_runtime","require","import_frappe","import_storybook","import_FrappeKanban","import_FrappeProvider","title","component","FrappeKanban","tags","parameters","status","type","docs","description","todoFixtures","name","doctype","todoColumns","color","Default2","jsx","FrappeProvider","baseURL","fixtures","InMemoryFixtureProvider","ToDo","children","columns","statusField","titleField","onCardClick","action","onCardMove","minColumnHeight","story","storyName","WithCardCreation2","enableCardCreation","onCreateCard","bugFixtures","severity"],"sources":["../../src/FrappeKanban.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/FrappeList.cjs

@@ -0,0 +1,81 @@
+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 FrappeList_exports = {};
+__export(FrappeList_exports, {
+  FrappeList: () => FrappeList
+});
+module.exports = __toCommonJS(FrappeList_exports);
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_FrappeProvider = require("./FrappeProvider.cjs");
+var import_useFrappePagination = require("./useFrappePagination.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function FrappeList({
+  baseURL,
+  auth,
+  syncOptions,
+  doctype,
+  fields,
+  filters,
+  pageSize,
+  renderItem,
+  ...listProps
+}) {
+  const config = (0, import_FrappeProvider.useFrappeConfig)();
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const finalBaseURL = baseURL ?? config?.baseURL;
+  const finalAuth = auth ?? config?.auth;
+  const finalSyncOptions = syncOptions ?? config?.syncOptions;
+  if (!finalBaseURL) {
+    throw new Error("FrappeList requires baseURL prop or FrappeProvider with baseURL");
+  }
+  const connectionConfig = {
+    baseURL: finalBaseURL,
+    socketPort: config?.socketPort,
+    auth: finalAuth,
+    syncOptions: finalSyncOptions,
+    fixtures: config?.fixtures
+  };
+  const {
+    items,
+    isLoading,
+    onLoadMore,
+    hasMore
+  } = (0, import_useFrappePagination.useFrappePagination)(connectionConfig, doctype, {
+    fields,
+    filters,
+    pageSize
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.List, {
+    ...knobProps.borderRadius,
+    items,
+    isLoading,
+    renderItem,
+    onLoadMore,
+    hasMore,
+    emptyMessage: `No ${doctype} records found`,
+    ...listProps
+  });
+}

package/dist/cjs/FrappeList.native.js

@@ -0,0 +1,85 @@
+"use strict";
+
+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 FrappeList_exports = {};
+__export(FrappeList_exports, {
+  FrappeList: () => FrappeList
+});
+module.exports = __toCommonJS(FrappeList_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_FrappeProvider = require("./FrappeProvider.native.js");
+var import_useFrappePagination = require("./useFrappePagination.native.js");
+function FrappeList(param) {
+  var {
+    baseURL,
+    auth,
+    syncOptions,
+    doctype,
+    fields,
+    filters,
+    pageSize,
+    renderItem,
+    ...listProps
+  } = param;
+  var config = (0, import_FrappeProvider.useFrappeConfig)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  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("FrappeList requires baseURL prop or FrappeProvider with baseURL");
+  }
+  var connectionConfig = {
+    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
+  };
+  var {
+    items,
+    isLoading,
+    onLoadMore,
+    hasMore
+  } = (0, import_useFrappePagination.useFrappePagination)(connectionConfig, doctype, {
+    fields,
+    filters,
+    pageSize
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.List, {
+    ...knobProps.borderRadius,
+    items,
+    isLoading,
+    renderItem,
+    onLoadMore,
+    hasMore,
+    emptyMessage: `No ${doctype} records found`,
+    ...listProps
+  });
+}
+//# sourceMappingURL=FrappeList.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FrappeList_exports","__export","FrappeList","module","exports","import_jsx_runtime","require","import_components","import_theme","import_FrappeProvider","import_useFrappePagination","param","baseURL","auth","syncOptions","doctype","fields","filters","pageSize","renderItem","listProps","config","useFrappeConfig","knobProps","useResolvedKnobs","finalBaseURL","finalAuth","finalSyncOptions","Error","connectionConfig","socketPort","fixtures","items","isLoading","onLoadMore","hasMore","useFrappePagination","jsx","List","borderRadius","emptyMessage"],"sources":["../../src/FrappeList.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAqC,CAAAK,kBAAA;AACrC,IAAAK,kBAAiC,GAAAC,OAAA;AAEjC,IAAAC,iBAAA,GAAAD,OAAgC;AAChC,IAAAE,YAAA,GAAAF,OAAA,2BAAoC;AA+DhC,IAAAG,qBAAA,GAAAH,OAAA;AAtCG,IAAAI,0BAAoE,GAAAJ,OAAA;AAAA,SACzEJ,WAAAS,KAAA;EACA;IAAAC,OAAA;IAAAC,IAAA;IAAAC,WAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,UAAA;IAAA,GAAAC;EAAA,IAAAT,KAAA;EACA,IAAAU,MAAA,OAAAZ,qBAAA,CAAAa,eAAA;EACA;IAAAC;EAAA,QAAAf,YAAA,CAAAgB,gBAAA;EACA,IAAAC,YAAA,GAAAb,OAAA,aAAAA,OAAA,cAAAA,OAAA,GAAAS,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAAT,OAAA;EACA,IAAAc,SAAA,GAAAb,IAAA,aAAAA,IAAA,cAAAA,IAAA,GAAAQ,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAAR,IAAA;EACA,IAAAc,gBAAA,GAAAb,WAAA,aAAAA,WAAA,cAAAA,WAAA,GAAAO,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAAP,WAAA;EACA,KAAAW,YAAA;IACA,MAAG,IAAAG,KAAA;EACL;EACE,IAAAC,gBAAe;IACfjB,OAAQ,EAAAa,YAAU;IAElBK,UAAM,EAAAT,MAAA,KAAe,QAAWA,MAAA,KAAQ,kBAAAA,MAAA,CAAAS,UAAA;IACxCjB,IAAM,EAAAa,SAAA;IACNZ,WAAM,EAAAa,gBAAmB;IAEzBI,QAAK,EAAAV,MAAA,KAAc,QAAAA,MAAA,uBAAAA,MAAA,CAAAU;EACjB;EACF;IAAAC,KAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC;EAAA,QAAAzB,0BAAA,CAAA0B,mBAAA,EAAAP,gBAAA,EAAAd,OAAA;IAEAC,MAAM;IACJC,OAAA;IACAC;EAAoB,EACpB;EAAM,OACN,eAAa,IAAAb,kBAAA,CAAAgC,GAAA,EAAA9B,iBAAA,CAAA+B,IAAA;IACb,GAAAf,SAAU,CAAAgB,YAAQ;IACpBP,KAAA;IAGAC,SAAQ;IACNd,UAAA;IACAe,UAAA;IACAC,OAAE;IACJK,YAAA,QAAAzB,OAAA;IAEA,GAAAK;EACE,EAAC;AAAA","ignoreList":[]}

package/dist/cjs/FrappeList.stories.cjs

@@ -0,0 +1,245 @@
+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 FrappeList_stories_exports = {};
+__export(FrappeList_stories_exports, {
+  Default: () => Default,
+  VirtualScrolling: () => VirtualScrolling,
+  WithCustomFieldRenderer: () => WithCustomFieldRenderer,
+  default: () => FrappeList_stories_default
+});
+module.exports = __toCommonJS(FrappeList_stories_exports);
+var import_frappe = require("@multiplatform.one/frappe");
+var import_storybook = require("@multiplatform.one/storybook");
+var import_tamagui = require("tamagui");
+var import_FrappeList = require("./FrappeList.cjs");
+var import_FrappeProvider = require("./FrappeProvider.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var FrappeList_stories_default = {
+  title: "FrappeUI/FrappeList",
+  component: import_FrappeList.FrappeList,
+  tags: ["!test"],
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A flexible list component connected to Frappe Live data with custom renderItem function."
+      }
+    }
+  }
+};
+const todoFixtures = Array.from({
+  length: 100
+}, (_, i) => ({
+  name: `TODO-${String(i + 1).padStart(3, "0")}`,
+  doctype: "ToDo",
+  description: `Task ${i + 1}: ${["Review document", "Update code", "Write tests", "Fix bug", "Deploy app"][i % 5]}`,
+  status: ["Open", "Working", "Completed"][i % 3],
+  date: `2026-01-${String(i % 28 + 1).padStart(2, "0")}`,
+  priority: ["Low", "Medium", "High"][i % 3]
+}));
+const Default = () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+  baseURL: "https://demo.frappe.cloud",
+  fixtures: new import_frappe.InMemoryFixtureProvider({
+    ToDo: todoFixtures.slice(0, 10)
+  }),
+  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeList.FrappeList, {
+    doctype: "ToDo",
+    renderItem: doc => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$0.5",
+      paddingVertical: "$2",
+      paddingHorizontal: "$3",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$2",
+          color: "$color10",
+          minWidth: 80,
+          children: "Task:"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$3",
+          children: doc.description || "-"
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$2",
+          color: "$color10",
+          minWidth: 80,
+          children: "Status:"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$3",
+          children: doc.status || "-"
+        })]
+      })]
+    }),
+    onItemClick: (0, import_storybook.action)("onItemClick")
+  })
+});
+Default.parameters = {
+  docs: {
+    description: {
+      story: "Basic list showing ToDo items with renderItem function."
+    }
+  }
+};
+Default.storyName = "Main";
+const WithCustomFieldRenderer = () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+  baseURL: "https://demo.frappe.cloud",
+  fixtures: new import_frappe.InMemoryFixtureProvider({
+    ToDo: todoFixtures.slice(0, 10)
+  }),
+  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeList.FrappeList, {
+    doctype: "ToDo",
+    renderItem: doc => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$0.5",
+      paddingVertical: "$2",
+      paddingHorizontal: "$3",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$2",
+          color: "$color10",
+          minWidth: 80,
+          children: "Task:"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$3",
+          children: doc.description || "-"
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$2",
+          color: "$color10",
+          minWidth: 80,
+          children: "Status:"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          paddingHorizontal: "$2",
+          paddingVertical: "$1",
+          backgroundColor: doc.status === "Completed" ? "$green4" : doc.status === "Working" ? "$yellow4" : "$blue4",
+          borderRadius: "$2",
+          fontSize: "$2",
+          children: doc.status
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$2",
+          color: "$color10",
+          minWidth: 80,
+          children: "Priority:"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$3",
+          children: doc.priority || "-"
+        })]
+      })]
+    }),
+    onItemClick: (0, import_storybook.action)("onItemClick")
+  })
+});
+WithCustomFieldRenderer.parameters = {
+  docs: {
+    description: {
+      story: "List with custom rendering for status badges."
+    }
+  }
+};
+const VirtualScrolling = () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+  baseURL: "https://demo.frappe.cloud",
+  fixtures: new import_frappe.InMemoryFixtureProvider({
+    ToDo: todoFixtures
+  }),
+  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeList.FrappeList, {
+    doctype: "ToDo",
+    renderItem: doc => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$0.5",
+      paddingVertical: "$2",
+      paddingHorizontal: "$3",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$2",
+          color: "$color10",
+          minWidth: 80,
+          children: "ID:"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$3",
+          children: doc.name || "-"
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$2",
+          color: "$color10",
+          minWidth: 80,
+          children: "Task:"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$3",
+          children: doc.description || "-"
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$2",
+          color: "$color10",
+          minWidth: 80,
+          children: "Status:"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$3",
+          children: doc.status || "-"
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$2",
+          color: "$color10",
+          minWidth: 80,
+          children: "Priority:"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$3",
+          children: doc.priority || "-"
+        })]
+      })]
+    }),
+    height: 400,
+    estimateSize: 50,
+    onItemClick: (0, import_storybook.action)("onItemClick")
+  })
+});
+VirtualScrolling.parameters = {
+  docs: {
+    description: {
+      story: "List with virtual scrolling for 100 items - only visible items are rendered."
+    }
+  }
+};