@multiplatform.one/frappe-ui 6.0.0

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

@@ -0,0 +1,262 @@
+"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_stories_exports = {};
+__export(FrappeList_stories_exports, {
+  Default: () => Default,
+  VirtualScrolling: () => VirtualScrolling,
+  WithCustomFieldRenderer: () => WithCustomFieldRenderer,
+  default: () => FrappeList_stories_default
+});
+module.exports = __toCommonJS(FrappeList_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_tamagui = require("tamagui");
+var import_FrappeList = require("./FrappeList.native.js");
+var import_FrappeProvider = require("./FrappeProvider.native.js");
+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."
+      }
+    }
+  }
+};
+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__ */(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: function renderItem(doc) {
+        return /* @__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";
+var WithCustomFieldRenderer = function WithCustomFieldRenderer2() {
+  return /* @__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: function renderItem(doc) {
+        return /* @__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."
+    }
+  }
+};
+var VirtualScrolling = function VirtualScrolling2() {
+  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_FrappeList.FrappeList, {
+      doctype: "ToDo",
+      renderItem: function renderItem(doc) {
+        return /* @__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."
+    }
+  }
+};
+//# sourceMappingURL=FrappeList.stories.native.js.map

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

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

package/dist/cjs/FrappeListView.cjs

@@ -0,0 +1,363 @@
+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 FrappeListView_exports = {};
+__export(FrappeListView_exports, {
+  FrappeListView: () => FrappeListView
+});
+module.exports = __toCommonJS(FrappeListView_exports);
+var import_frappe = require("@multiplatform.one/frappe");
+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_table = require("@multiplatform.one/table");
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_store = require("@multiplatform.one/store");
+var import_FrappeProvider = require("./FrappeProvider.cjs");
+var import_FrappeList = require("./FrappeList.cjs");
+var import_FrappeTable = require("./FrappeTable.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const storageKeyPrefix = "frappe-listview-";
+async function getStoredViewMode(doctype) {
+  try {
+    const stored = await Promise.resolve(import_store.storage.getItem(`${storageKeyPrefix}${doctype}`));
+    if (stored === "list" || stored === "table") return stored;
+  } catch {}
+  return null;
+}
+async function setStoredViewMode(doctype, mode) {
+  try {
+    await Promise.resolve(import_store.storage.setItem(`${storageKeyPrefix}${doctype}`, mode));
+  } catch {}
+}
+function FrappeListView({
+  doctype,
+  fields,
+  filters,
+  defaultViewMode = "list",
+  onItemClick,
+  onAdd,
+  columns,
+  displayFields,
+  showToolbar = true,
+  showFilterSidebar = false,
+  enableViewSwitcher = false,
+  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("FrappeListView requires baseURL prop or FrappeProvider with baseURL");
+  }
+  const connectionConfig = {
+    baseURL: finalBaseURL,
+    socketPort: config?.socketPort,
+    auth: finalAuth,
+    syncOptions: finalSyncOptions,
+    fixtures: config?.fixtures
+  };
+  const [viewMode, setViewModeState] = (0, import_react2.useState)(defaultViewMode);
+  (0, import_react2.useEffect)(() => {
+    let cancelled = false;
+    setViewModeState(defaultViewMode);
+    void (async () => {
+      const storedMode = await getStoredViewMode(doctype);
+      if (!cancelled && storedMode) {
+        setViewModeState(storedMode);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [doctype, defaultViewMode]);
+  const setViewMode = (0, import_react2.useCallback)(mode => {
+    setViewModeState(mode);
+    void setStoredViewMode(doctype, mode);
+  }, [doctype]);
+  const {
+    meta,
+    isLoading: isMetaLoading
+  } = (0, import_frappe.useDocTypeMeta)(connectionConfig, doctype);
+  const effectiveFields = (0, import_react2.useMemo)(() => {
+    if (fields) return fields;
+    if (!meta) return ["name"];
+    const listFields = meta.fields.filter(f => f.in_list_view && f.fieldname !== "name").map(f => f.fieldname);
+    return ["name", ...listFields];
+  }, [fields, meta]);
+  const effectiveDisplayFields = (0, import_react2.useMemo)(() => {
+    if (displayFields) return displayFields;
+    if (!meta) return [{
+      key: "name",
+      label: t("Name")
+    }];
+    const metaListFields = meta.fields.filter(f => f.in_list_view);
+    if (metaListFields.length === 0) return [{
+      key: "name",
+      label: t("Name")
+    }];
+    return metaListFields.map(f => ({
+      key: f.fieldname,
+      label: f.label || f.fieldname
+    }));
+  }, [displayFields, meta, t]);
+  const renderListItem = (0, import_react2.useCallback)(doc => {
+    if (effectiveDisplayFields.length === 0) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        children: doc.name
+      });
+    }
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      gap: "$0.5",
+      paddingVertical: "$2",
+      paddingHorizontal: "$3",
+      children: effectiveDisplayFields.map(field => {
+        const value = doc[field.key];
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          gap: "$2",
+          alignItems: "center",
+          children: [field.label && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+            fontSize: "$2",
+            color: "$color10",
+            minWidth: 80,
+            children: [field.label, ":"]
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: field.label ? "$3" : "$4",
+            fontWeight: field.label ? "normal" : "600",
+            children: field.render ? field.render(value, doc) : value || "-"
+          })]
+        }, field.key);
+      })
+    });
+  }, [effectiveDisplayFields]);
+  const effectiveColumns = (0, import_react2.useMemo)(() => {
+    if (columns) return columns;
+    if (!meta) {
+      return [{
+        accessorKey: "name",
+        header: t("Name")
+      }];
+    }
+    const metaListFields = meta.fields.filter(f => f.in_list_view);
+    if (metaListFields.length === 0) {
+      return [{
+        accessorKey: "name",
+        header: t("Name")
+      }];
+    }
+    return metaListFields.map(f => ({
+      accessorKey: f.fieldname,
+      header: f.label || f.fieldname
+    }));
+  }, [columns, meta, t]);
+  const standardFilterFields = (0, import_react2.useMemo)(() => {
+    if (!meta) return [];
+    return meta.fields.filter(f => f.in_standard_filter);
+  }, [meta]);
+  const savedFiltersHook = (0, import_table.useSavedFilters)();
+  const [activeFilters, setActiveFilters] = (0, import_react2.useState)(filters);
+  (0, import_react2.useEffect)(() => {
+    setActiveFilters(filters);
+  }, [filters]);
+  const [refreshKey, setRefreshKey] = (0, import_react2.useState)(0);
+  const handleRefresh = (0, import_react2.useCallback)(() => {
+    setRefreshKey(prev => prev + 1);
+  }, []);
+  const handleSelectSavedFilter = (0, import_react2.useCallback)(filter => {
+    if (filter) {
+      setActiveFilters(filter.filters);
+    } else {
+      setActiveFilters(filters);
+    }
+  }, [filters]);
+  const handleDeleteFilter = (0, import_react2.useCallback)(async name => {
+    await savedFiltersHook.deleteFilter(name);
+  }, [savedFiltersHook]);
+  if (isMetaLoading) {
+    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}} schema...", {
+          doctype
+        })
+      })]
+    });
+  }
+  const renderToolbar = () => {
+    if (!showToolbar) return null;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      ...knobProps.panelPadding,
+      ...knobProps.surface,
+      alignItems: "center",
+      justifyContent: "space-between",
+      borderBottomWidth: 1,
+      borderBottomColor: "$borderColor",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        alignItems: "center",
+        ...knobProps.gap,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          size: "$2",
+          chromeless: viewMode !== "list",
+          theme: viewMode === "list" ? "blue" : void 0,
+          onPress: () => setViewMode("list"),
+          icon: import_react.ListIcon,
+          "aria-label": t("List view")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          size: "$2",
+          chromeless: viewMode !== "table",
+          theme: viewMode === "table" ? "blue" : void 0,
+          onPress: () => setViewMode("table"),
+          icon: import_react.TableIcon,
+          "aria-label": t("Table view")
+        }), enableViewSwitcher && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ViewSwitcher, {
+          views: [{
+            type: "list",
+            label: t("List")
+          }, {
+            type: "table",
+            label: t("Table")
+          }],
+          currentView: viewMode,
+          onViewChange: v => setViewMode(v)
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        alignItems: "center",
+        ...knobProps.gap,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          size: "$2",
+          chromeless: true,
+          icon: import_react.ArrowsClockwiseIcon,
+          onPress: handleRefresh,
+          "aria-label": t("Refresh")
+        }), onAdd && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          size: "$2",
+          theme: "active",
+          icon: import_react.PlusIcon,
+          onPress: onAdd,
+          children: t("Add {{doctype}}", {
+            doctype
+          })
+        })]
+      })]
+    });
+  };
+  const renderFilterSidebar = () => {
+    if (!showFilterSidebar) return null;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      width: 220,
+      ...knobProps.surface,
+      borderRightWidth: 1,
+      borderRightColor: "$borderColor",
+      ...knobProps.panelPadding,
+      ...knobProps.gap,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontWeight: "600",
+        fontSize: "$2",
+        color: "$color10",
+        children: t("Filters")
+      }), standardFilterFields.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        ...knobProps.gap,
+        children: standardFilterFields.map(field => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          gap: "$1",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$1",
+            color: "$color10",
+            children: field.label || field.fieldname
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$2",
+            color: "$color10",
+            children: field.fieldtype === "Select" ? field.options || "\u2014" : "\u2014"
+          })]
+        }, field.fieldname))
+      }), savedFiltersHook.filters.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        ...knobProps.gap,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontWeight: "600",
+          fontSize: "$2",
+          color: "$color10",
+          children: t("Saved Filters")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.SavedFilterDropdown, {
+          filters: savedFiltersHook.filters,
+          selectedFilter: null,
+          onSelectFilter: handleSelectSavedFilter,
+          onDeleteFilter: handleDeleteFilter
+        })]
+      })]
+    });
+  };
+  const renderContent = () => {
+    if (viewMode === "list") {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeList.FrappeList, {
+        doctype,
+        fields: effectiveFields,
+        filters: activeFilters,
+        renderItem: renderListItem,
+        onItemClick,
+        baseURL: finalBaseURL,
+        auth: finalAuth,
+        syncOptions: finalSyncOptions
+      }, `list-${refreshKey}`);
+    }
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeTable.FrappeTable, {
+      doctype,
+      fields: effectiveFields,
+      filters: activeFilters,
+      columns: effectiveColumns,
+      onRowClick: onItemClick,
+      baseURL: finalBaseURL,
+      auth: finalAuth,
+      syncOptions: finalSyncOptions
+    }, `table-${refreshKey}`);
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    flex: 1,
+    ...knobProps.borderRadius,
+    testID: `${doctype.toLowerCase()}-list`,
+    ...stackProps,
+    children: [renderToolbar(), showFilterSidebar ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      flex: 1,
+      children: [renderFilterSidebar(), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        flex: 1,
+        children: renderContent()
+      })]
+    }) : renderContent()]
+  });
+}