@multiplatform.one/frappe-ui 6.0.0

package/dist/esm/FrappeList.stories.mjs

@@ -0,0 +1,217 @@
+import { InMemoryFixtureProvider } from "@multiplatform.one/frappe";
+import { action } from "@multiplatform.one/storybook";
+import { Text, XStack, YStack } from "tamagui";
+import { FrappeList } from "./FrappeList.mjs";
+import { FrappeProvider } from "./FrappeProvider.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FrappeList_stories_default = {
+  title: "FrappeUI/FrappeList",
+  component: 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__ */jsx(FrappeProvider, {
+  baseURL: "https://demo.frappe.cloud",
+  fixtures: new InMemoryFixtureProvider({
+    ToDo: todoFixtures.slice(0, 10)
+  }),
+  children: /* @__PURE__ */jsx(FrappeList, {
+    doctype: "ToDo",
+    renderItem: doc => /* @__PURE__ */jsxs(YStack, {
+      gap: "$0.5",
+      paddingVertical: "$2",
+      paddingHorizontal: "$3",
+      children: [/* @__PURE__ */jsxs(XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */jsx(Text, {
+          fontSize: "$2",
+          color: "$color10",
+          minWidth: 80,
+          children: "Task:"
+        }), /* @__PURE__ */jsx(Text, {
+          fontSize: "$3",
+          children: doc.description || "-"
+        })]
+      }), /* @__PURE__ */jsxs(XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */jsx(Text, {
+          fontSize: "$2",
+          color: "$color10",
+          minWidth: 80,
+          children: "Status:"
+        }), /* @__PURE__ */jsx(Text, {
+          fontSize: "$3",
+          children: doc.status || "-"
+        })]
+      })]
+    }),
+    onItemClick: action("onItemClick")
+  })
+});
+Default.parameters = {
+  docs: {
+    description: {
+      story: "Basic list showing ToDo items with renderItem function."
+    }
+  }
+};
+Default.storyName = "Main";
+const WithCustomFieldRenderer = () => /* @__PURE__ */jsx(FrappeProvider, {
+  baseURL: "https://demo.frappe.cloud",
+  fixtures: new InMemoryFixtureProvider({
+    ToDo: todoFixtures.slice(0, 10)
+  }),
+  children: /* @__PURE__ */jsx(FrappeList, {
+    doctype: "ToDo",
+    renderItem: doc => /* @__PURE__ */jsxs(YStack, {
+      gap: "$0.5",
+      paddingVertical: "$2",
+      paddingHorizontal: "$3",
+      children: [/* @__PURE__ */jsxs(XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */jsx(Text, {
+          fontSize: "$2",
+          color: "$color10",
+          minWidth: 80,
+          children: "Task:"
+        }), /* @__PURE__ */jsx(Text, {
+          fontSize: "$3",
+          children: doc.description || "-"
+        })]
+      }), /* @__PURE__ */jsxs(XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */jsx(Text, {
+          fontSize: "$2",
+          color: "$color10",
+          minWidth: 80,
+          children: "Status:"
+        }), /* @__PURE__ */jsx(Text, {
+          paddingHorizontal: "$2",
+          paddingVertical: "$1",
+          backgroundColor: doc.status === "Completed" ? "$green4" : doc.status === "Working" ? "$yellow4" : "$blue4",
+          borderRadius: "$2",
+          fontSize: "$2",
+          children: doc.status
+        })]
+      }), /* @__PURE__ */jsxs(XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */jsx(Text, {
+          fontSize: "$2",
+          color: "$color10",
+          minWidth: 80,
+          children: "Priority:"
+        }), /* @__PURE__ */jsx(Text, {
+          fontSize: "$3",
+          children: doc.priority || "-"
+        })]
+      })]
+    }),
+    onItemClick: action("onItemClick")
+  })
+});
+WithCustomFieldRenderer.parameters = {
+  docs: {
+    description: {
+      story: "List with custom rendering for status badges."
+    }
+  }
+};
+const VirtualScrolling = () => /* @__PURE__ */jsx(FrappeProvider, {
+  baseURL: "https://demo.frappe.cloud",
+  fixtures: new InMemoryFixtureProvider({
+    ToDo: todoFixtures
+  }),
+  children: /* @__PURE__ */jsx(FrappeList, {
+    doctype: "ToDo",
+    renderItem: doc => /* @__PURE__ */jsxs(YStack, {
+      gap: "$0.5",
+      paddingVertical: "$2",
+      paddingHorizontal: "$3",
+      children: [/* @__PURE__ */jsxs(XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */jsx(Text, {
+          fontSize: "$2",
+          color: "$color10",
+          minWidth: 80,
+          children: "ID:"
+        }), /* @__PURE__ */jsx(Text, {
+          fontSize: "$3",
+          children: doc.name || "-"
+        })]
+      }), /* @__PURE__ */jsxs(XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */jsx(Text, {
+          fontSize: "$2",
+          color: "$color10",
+          minWidth: 80,
+          children: "Task:"
+        }), /* @__PURE__ */jsx(Text, {
+          fontSize: "$3",
+          children: doc.description || "-"
+        })]
+      }), /* @__PURE__ */jsxs(XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */jsx(Text, {
+          fontSize: "$2",
+          color: "$color10",
+          minWidth: 80,
+          children: "Status:"
+        }), /* @__PURE__ */jsx(Text, {
+          fontSize: "$3",
+          children: doc.status || "-"
+        })]
+      }), /* @__PURE__ */jsxs(XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */jsx(Text, {
+          fontSize: "$2",
+          color: "$color10",
+          minWidth: 80,
+          children: "Priority:"
+        }), /* @__PURE__ */jsx(Text, {
+          fontSize: "$3",
+          children: doc.priority || "-"
+        })]
+      })]
+    }),
+    height: 400,
+    estimateSize: 50,
+    onItemClick: action("onItemClick")
+  })
+});
+VirtualScrolling.parameters = {
+  docs: {
+    description: {
+      story: "List with virtual scrolling for 100 items - only visible items are rendered."
+    }
+  }
+};
+export { Default, VirtualScrolling, WithCustomFieldRenderer, FrappeList_stories_default as default };
+//# sourceMappingURL=FrappeList.stories.mjs.map

package/dist/esm/FrappeList.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["InMemoryFixtureProvider","action","Text","XStack","YStack","FrappeList","FrappeProvider","jsx","jsxs","FrappeList_stories_default","title","component","tags","parameters","status","type","docs","description","todoFixtures","Array","from","length","_","i","name","String","padStart","doctype","date","priority","Default","baseURL","fixtures","ToDo","slice","children","renderItem","doc","gap","paddingVertical","paddingHorizontal","alignItems","fontSize","color","minWidth","onItemClick","story","storyName","WithCustomFieldRenderer","backgroundColor","borderRadius","VirtualScrolling","height","estimateSize"],"sources":["../../src/FrappeList.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/FrappeList.stories.native.js

@@ -0,0 +1,231 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InMemoryFixtureProvider } from "@multiplatform.one/frappe";
+import { action } from "@multiplatform.one/storybook";
+import { Text, XStack, YStack } from "tamagui";
+import { FrappeList } from "./FrappeList.native.js";
+import { FrappeProvider } from "./FrappeProvider.native.js";
+var FrappeList_stories_default = {
+  title: "FrappeUI/FrappeList",
+  component: FrappeList,
+  tags: ["!test"],
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A flexible list component connected to Frappe Live data with custom renderItem function."
+      }
+    }
+  }
+};
+var todoFixtures = Array.from({
+  length: 100
+}, function (_, i) {
+  return {
+    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]
+  };
+});
+var Default = function Default2() {
+  return /* @__PURE__ */_jsx(FrappeProvider, {
+    baseURL: "https://demo.frappe.cloud",
+    fixtures: new InMemoryFixtureProvider({
+      ToDo: todoFixtures.slice(0, 10)
+    }),
+    children: /* @__PURE__ */_jsx(FrappeList, {
+      doctype: "ToDo",
+      renderItem: function renderItem(doc) {
+        return /* @__PURE__ */_jsxs(YStack, {
+          gap: "$0.5",
+          paddingVertical: "$2",
+          paddingHorizontal: "$3",
+          children: [/* @__PURE__ */_jsxs(XStack, {
+            gap: "$2",
+            alignItems: "center",
+            children: [/* @__PURE__ */_jsx(Text, {
+              fontSize: "$2",
+              color: "$color10",
+              minWidth: 80,
+              children: "Task:"
+            }), /* @__PURE__ */_jsx(Text, {
+              fontSize: "$3",
+              children: doc.description || "-"
+            })]
+          }), /* @__PURE__ */_jsxs(XStack, {
+            gap: "$2",
+            alignItems: "center",
+            children: [/* @__PURE__ */_jsx(Text, {
+              fontSize: "$2",
+              color: "$color10",
+              minWidth: 80,
+              children: "Status:"
+            }), /* @__PURE__ */_jsx(Text, {
+              fontSize: "$3",
+              children: doc.status || "-"
+            })]
+          })]
+        });
+      },
+      onItemClick: action("onItemClick")
+    })
+  });
+};
+Default.parameters = {
+  docs: {
+    description: {
+      story: "Basic list showing ToDo items with renderItem function."
+    }
+  }
+};
+Default.storyName = "Main";
+var WithCustomFieldRenderer = function WithCustomFieldRenderer2() {
+  return /* @__PURE__ */_jsx(FrappeProvider, {
+    baseURL: "https://demo.frappe.cloud",
+    fixtures: new InMemoryFixtureProvider({
+      ToDo: todoFixtures.slice(0, 10)
+    }),
+    children: /* @__PURE__ */_jsx(FrappeList, {
+      doctype: "ToDo",
+      renderItem: function renderItem(doc) {
+        return /* @__PURE__ */_jsxs(YStack, {
+          gap: "$0.5",
+          paddingVertical: "$2",
+          paddingHorizontal: "$3",
+          children: [/* @__PURE__ */_jsxs(XStack, {
+            gap: "$2",
+            alignItems: "center",
+            children: [/* @__PURE__ */_jsx(Text, {
+              fontSize: "$2",
+              color: "$color10",
+              minWidth: 80,
+              children: "Task:"
+            }), /* @__PURE__ */_jsx(Text, {
+              fontSize: "$3",
+              children: doc.description || "-"
+            })]
+          }), /* @__PURE__ */_jsxs(XStack, {
+            gap: "$2",
+            alignItems: "center",
+            children: [/* @__PURE__ */_jsx(Text, {
+              fontSize: "$2",
+              color: "$color10",
+              minWidth: 80,
+              children: "Status:"
+            }), /* @__PURE__ */_jsx(Text, {
+              paddingHorizontal: "$2",
+              paddingVertical: "$1",
+              backgroundColor: doc.status === "Completed" ? "$green4" : doc.status === "Working" ? "$yellow4" : "$blue4",
+              borderRadius: "$2",
+              fontSize: "$2",
+              children: doc.status
+            })]
+          }), /* @__PURE__ */_jsxs(XStack, {
+            gap: "$2",
+            alignItems: "center",
+            children: [/* @__PURE__ */_jsx(Text, {
+              fontSize: "$2",
+              color: "$color10",
+              minWidth: 80,
+              children: "Priority:"
+            }), /* @__PURE__ */_jsx(Text, {
+              fontSize: "$3",
+              children: doc.priority || "-"
+            })]
+          })]
+        });
+      },
+      onItemClick: action("onItemClick")
+    })
+  });
+};
+WithCustomFieldRenderer.parameters = {
+  docs: {
+    description: {
+      story: "List with custom rendering for status badges."
+    }
+  }
+};
+var VirtualScrolling = function VirtualScrolling2() {
+  return /* @__PURE__ */_jsx(FrappeProvider, {
+    baseURL: "https://demo.frappe.cloud",
+    fixtures: new InMemoryFixtureProvider({
+      ToDo: todoFixtures
+    }),
+    children: /* @__PURE__ */_jsx(FrappeList, {
+      doctype: "ToDo",
+      renderItem: function renderItem(doc) {
+        return /* @__PURE__ */_jsxs(YStack, {
+          gap: "$0.5",
+          paddingVertical: "$2",
+          paddingHorizontal: "$3",
+          children: [/* @__PURE__ */_jsxs(XStack, {
+            gap: "$2",
+            alignItems: "center",
+            children: [/* @__PURE__ */_jsx(Text, {
+              fontSize: "$2",
+              color: "$color10",
+              minWidth: 80,
+              children: "ID:"
+            }), /* @__PURE__ */_jsx(Text, {
+              fontSize: "$3",
+              children: doc.name || "-"
+            })]
+          }), /* @__PURE__ */_jsxs(XStack, {
+            gap: "$2",
+            alignItems: "center",
+            children: [/* @__PURE__ */_jsx(Text, {
+              fontSize: "$2",
+              color: "$color10",
+              minWidth: 80,
+              children: "Task:"
+            }), /* @__PURE__ */_jsx(Text, {
+              fontSize: "$3",
+              children: doc.description || "-"
+            })]
+          }), /* @__PURE__ */_jsxs(XStack, {
+            gap: "$2",
+            alignItems: "center",
+            children: [/* @__PURE__ */_jsx(Text, {
+              fontSize: "$2",
+              color: "$color10",
+              minWidth: 80,
+              children: "Status:"
+            }), /* @__PURE__ */_jsx(Text, {
+              fontSize: "$3",
+              children: doc.status || "-"
+            })]
+          }), /* @__PURE__ */_jsxs(XStack, {
+            gap: "$2",
+            alignItems: "center",
+            children: [/* @__PURE__ */_jsx(Text, {
+              fontSize: "$2",
+              color: "$color10",
+              minWidth: 80,
+              children: "Priority:"
+            }), /* @__PURE__ */_jsx(Text, {
+              fontSize: "$3",
+              children: doc.priority || "-"
+            })]
+          })]
+        });
+      },
+      height: 400,
+      estimateSize: 50,
+      onItemClick: action("onItemClick")
+    })
+  });
+};
+VirtualScrolling.parameters = {
+  docs: {
+    description: {
+      story: "List with virtual scrolling for 100 items - only visible items are rendered."
+    }
+  }
+};
+export { Default, VirtualScrolling, WithCustomFieldRenderer, FrappeList_stories_default as default };
+//# sourceMappingURL=FrappeList.stories.native.js.map

package/dist/esm/FrappeList.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","InMemoryFixtureProvider","action","Text","XStack","YStack","FrappeList","FrappeProvider","FrappeList_stories_default","title","component","tags","parameters","status","type","docs","description","todoFixtures","Array","from","length","_","i","name","String","padStart","doctype","date","priority","Default","Default2","baseURL","fixtures","ToDo","slice","children","renderItem","doc","gap","paddingVertical","paddingHorizontal","alignItems","fontSize","color","minWidth","onItemClick","story","storyName","WithCustomFieldRenderer","WithCustomFieldRenderer2"],"sources":["../../src/FrappeList.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}