@multiplatform.one/frappe-ui 6.0.0

package/dist/esm/FrappeReportBuilder.native.js

@@ -0,0 +1,376 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDocTypeMeta, useFrappeCollection, useLiveQuery } from "@multiplatform.one/frappe";
+import { downloadBlob } from "@multiplatform.one/platform";
+import { ReportBuilder } from "@multiplatform.one/components";
+import { storage } from "@multiplatform.one/store";
+import React, { useMemo, useState, useCallback, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { Button, Popover, Separator, Spinner, Text, XStack, YStack, Input } from "tamagui";
+import { FloppyDiskIcon, FolderOpenIcon, TrashIcon } from "@phosphor-icons/react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useFrappeConfig } from "./FrappeProvider.native.js";
+function getSavedReportsKey(doctype) {
+  return `frappe-report-${doctype}`;
+}
+async function loadSavedReports(doctype) {
+  try {
+    var raw = await Promise.resolve(storage.getItem(getSavedReportsKey(doctype)));
+    if (raw) return JSON.parse(raw);
+  } catch (unused) {}
+  return [];
+}
+async function persistSavedReports(doctype, reports) {
+  try {
+    await Promise.resolve(storage.setItem(getSavedReportsKey(doctype), JSON.stringify(reports)));
+  } catch (unused) {}
+}
+function FrappeReportBuilder(param) {
+  var {
+    doctype,
+    initialColumns,
+    initialGroupBy,
+    filters,
+    showChart = false,
+    onExport,
+    baseURL,
+    auth,
+    syncOptions,
+    ...stackProps
+  } = param;
+  var config = useFrappeConfig();
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var {
+    t
+  } = 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("FrappeReportBuilder 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 {
+    meta,
+    isLoading: isMetaLoading
+  } = useDocTypeMeta(connectionConfig, doctype);
+  var allColumns = useMemo(function () {
+    if (initialColumns) return initialColumns;
+    if (!meta) return [];
+    return meta.fields.filter(function (f) {
+      return f.fieldtype !== "Section Break" && f.fieldtype !== "Column Break" && f.fieldtype !== "Tab Break";
+    }).map(function (f) {
+      var _f_in_list_view;
+      return {
+        fieldname: f.fieldname,
+        label: f.label || f.fieldname,
+        fieldtype: f.fieldtype,
+        enabled: (_f_in_list_view = f.in_list_view) !== null && _f_in_list_view !== void 0 ? _f_in_list_view : false
+      };
+    });
+  }, [initialColumns, meta]);
+  var fetchFields = useMemo(function () {
+    var fieldNames = allColumns.map(function (c) {
+      return c.fieldname;
+    });
+    if (!fieldNames.includes("name")) {
+      fieldNames.unshift("name");
+    }
+    return fieldNames;
+  }, [allColumns]);
+  var collection = useFrappeCollection(connectionConfig, doctype, {
+    fields: fetchFields,
+    filters
+  });
+  var {
+    data: rawData,
+    isLoading
+  } = useLiveQuery(function (q) {
+    return collection ? q.from({
+      _list: collection
+    }) : null;
+  }, [collection]);
+  var data = useMemo(function () {
+    return rawData !== null && rawData !== void 0 ? rawData : [];
+  }, [rawData]);
+  var [groupBy, setGroupBy] = useState(initialGroupBy !== null && initialGroupBy !== void 0 ? initialGroupBy : null);
+  var [enabledColumns, setEnabledColumns] = useState([]);
+  useEffect(function () {
+    if (allColumns.length > 0 && enabledColumns.length === 0) {
+      var initial = allColumns.filter(function (c) {
+        return c.enabled;
+      }).map(function (c) {
+        return c.fieldname;
+      });
+      if (initial.length === 0) {
+        setEnabledColumns(allColumns.slice(0, 5).map(function (c) {
+          return c.fieldname;
+        }));
+      } else {
+        setEnabledColumns(initial);
+      }
+    }
+  }, [allColumns, enabledColumns.length]);
+  var [savedReports, setSavedReports] = useState([]);
+  var [saveDialogOpen, setSaveDialogOpen] = useState(false);
+  var [saveReportName, setSaveReportName] = useState("");
+  useEffect(function () {
+    var cancelled = false;
+    void async function () {
+      var reports = await loadSavedReports(doctype);
+      if (!cancelled) {
+        setSavedReports(reports);
+      }
+    }();
+    return function () {
+      cancelled = true;
+    };
+  }, [doctype]);
+  var handleSaveReport = useCallback(function () {
+    if (!saveReportName.trim()) return;
+    var report = {
+      name: saveReportName.trim(),
+      columns: enabledColumns,
+      groupBy,
+      filters
+    };
+    var updated = [...savedReports.filter(function (r) {
+      return r.name !== report.name;
+    }), report];
+    setSavedReports(updated);
+    void persistSavedReports(doctype, updated);
+    setSaveDialogOpen(false);
+    setSaveReportName("");
+  }, [saveReportName, enabledColumns, groupBy, filters, savedReports, doctype]);
+  var handleLoadReport = useCallback(function (report) {
+    setEnabledColumns(report.columns);
+    setGroupBy(report.groupBy);
+  }, []);
+  var handleDeleteReport = useCallback(function (name) {
+    var updated = savedReports.filter(function (r) {
+      return r.name !== name;
+    });
+    setSavedReports(updated);
+    void persistSavedReports(doctype, updated);
+  }, [savedReports, doctype]);
+  var handleExport = useCallback(function (exportData) {
+    if (onExport) {
+      onExport(exportData);
+      return;
+    }
+    var cols = allColumns.filter(function (c) {
+      return enabledColumns.includes(c.fieldname);
+    });
+    var headers = cols.map(function (c) {
+      return c.label;
+    });
+    var csvRows = [headers.join(",")];
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = void 0;
+    try {
+      var _loop = function () {
+        var row = _step.value;
+        var values = cols.map(function (col) {
+          var val = row[col.fieldname];
+          if (val === null || val === void 0) return "";
+          var str = String(val);
+          if (str.includes(",") || str.includes('"') || str.includes("\n")) {
+            return `"${str.replace(/"/g, '""')}"`;
+          }
+          return str;
+        });
+        csvRows.push(values.join(","));
+      };
+      for (var _iterator = exportData[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) _loop();
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    var csvContent = csvRows.join("\n");
+    var blob = new Blob([csvContent], {
+      type: "text/csv;charset=utf-8;"
+    });
+    downloadBlob(blob, `${doctype}_report.csv`);
+  }, [allColumns, enabledColumns, onExport, doctype]);
+  if (isMetaLoading) {
+    return /* @__PURE__ */_jsxs(YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      justifyContent: "center",
+      ...stackProps,
+      children: [/* @__PURE__ */_jsx(Spinner, {
+        size: "large"
+      }), /* @__PURE__ */_jsx(Text, {
+        color: "$color10",
+        marginTop: "$2",
+        children: t("Loading {{doctype}} schema...", {
+          doctype
+        })
+      })]
+    });
+  }
+  if (isLoading) {
+    return /* @__PURE__ */_jsxs(YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      ...stackProps,
+      children: [/* @__PURE__ */_jsx(Spinner, {
+        size: "small"
+      }), /* @__PURE__ */_jsx(Text, {
+        color: "$color10",
+        fontSize: "$2",
+        marginTop: "$1",
+        children: t("Loading data...")
+      })]
+    });
+  }
+  return /* @__PURE__ */_jsxs(YStack, {
+    flex: 1,
+    ...knobProps.borderRadius,
+    ...stackProps,
+    children: [/* Frappe-specific toolbar: Save/Load reports */
+    /* @__PURE__ */_jsxs(XStack, {
+      ...knobProps.panelPadding,
+      ...knobProps.surface,
+      ...knobProps.gap,
+      alignItems: "center",
+      borderBottomWidth: 1,
+      borderBottomColor: "$borderColor",
+      children: [/* @__PURE__ */_jsx(XStack, {
+        flex: 1
+      }), /* Save */
+      /* @__PURE__ */_jsxs(Popover, {
+        placement: "bottom-end",
+        open: saveDialogOpen,
+        onOpenChange: setSaveDialogOpen,
+        children: [/* @__PURE__ */_jsx(Popover.Trigger, {
+          asChild: true,
+          children: /* @__PURE__ */_jsx(Button, {
+            size: "$2",
+            icon: FloppyDiskIcon,
+            children: t("Save")
+          })
+        }), /* @__PURE__ */_jsxs(Popover.Content, {
+          backgroundColor: "$background",
+          ...knobProps.borderRadius,
+          ...knobProps.panelPadding,
+          borderColor: "$borderColor",
+          children: [/* @__PURE__ */_jsx(Popover.Arrow, {
+            borderWidth: 1,
+            borderColor: "$borderColor"
+          }), /* @__PURE__ */_jsxs(YStack, {
+            ...knobProps.gap,
+            minWidth: 220,
+            children: [/* @__PURE__ */_jsx(Text, {
+              fontWeight: "600",
+              fontSize: "$2",
+              children: t("Save Report")
+            }), /* @__PURE__ */_jsx(Input, {
+              size: "$3",
+              placeholder: t("Report name"),
+              value: saveReportName,
+              onChangeText: setSaveReportName,
+              onSubmitEditing: handleSaveReport
+            }), /* @__PURE__ */_jsx(Button, {
+              size: "$2",
+              theme: "active",
+              onPress: handleSaveReport,
+              disabled: !saveReportName.trim(),
+              children: t("Save")
+            })]
+          })]
+        })]
+      }), /* Load */
+      savedReports.length > 0 && /* @__PURE__ */_jsxs(Popover, {
+        placement: "bottom-end",
+        children: [/* @__PURE__ */_jsx(Popover.Trigger, {
+          asChild: true,
+          children: /* @__PURE__ */_jsx(Button, {
+            size: "$2",
+            icon: FolderOpenIcon,
+            children: t("Load")
+          })
+        }), /* @__PURE__ */_jsxs(Popover.Content, {
+          backgroundColor: "$background",
+          ...knobProps.borderRadius,
+          ...knobProps.panelPadding,
+          borderColor: "$borderColor",
+          children: [/* @__PURE__ */_jsx(Popover.Arrow, {
+            borderWidth: 1,
+            borderColor: "$borderColor"
+          }), /* @__PURE__ */_jsxs(YStack, {
+            gap: "$1",
+            minWidth: 180,
+            children: [/* @__PURE__ */_jsx(Text, {
+              fontWeight: "600",
+              fontSize: "$2",
+              color: "$color10",
+              padding: "$1",
+              children: t("Saved Reports")
+            }), /* @__PURE__ */_jsx(Separator, {}), savedReports.map(function (report) {
+              return /* @__PURE__ */_jsxs(XStack, {
+                alignItems: "center",
+                justifyContent: "space-between",
+                padding: "$2",
+                ...knobProps.borderRadius,
+                hoverStyle: {
+                  backgroundColor: "$color2"
+                },
+                cursor: "pointer",
+                onPress: function onPress() {
+                  return handleLoadReport(report);
+                },
+                children: [/* @__PURE__ */_jsx(Text, {
+                  fontSize: "$2",
+                  flex: 1,
+                  children: report.name
+                }), /* @__PURE__ */_jsx(Button, {
+                  size: "$1",
+                  chromeless: true,
+                  icon: TrashIcon,
+                  onPress: function onPress(e) {
+                    e.stopPropagation();
+                    handleDeleteReport(report.name);
+                  },
+                  "aria-label": t("Delete {{name}}", {
+                    name: report.name
+                  })
+                })]
+              }, report.name);
+            })]
+          })]
+        })]
+      })]
+    }), /* Delegate to generic ReportBuilder */
+    /* @__PURE__ */_jsx(ReportBuilder, {
+      columns: allColumns,
+      data,
+      groupBy: groupBy !== null && groupBy !== void 0 ? groupBy : void 0,
+      onGroupByChange: setGroupBy,
+      onColumnsChange: setEnabledColumns,
+      onExport: handleExport,
+      showChart,
+      flex: 1
+    })]
+  });
+}
+export { FrappeReportBuilder };
+//# sourceMappingURL=FrappeReportBuilder.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useDocTypeMeta","useFrappeCollection","useLiveQuery","downloadBlob","ReportBuilder","storage","React","useMemo","useState","useCallback","useEffect","useTranslation","Button","Popover","Separator","Spinner","Text","XStack","YStack","Input","FloppyDiskIcon","FolderOpenIcon","TrashIcon","useResolvedKnobs","useFrappeConfig","getSavedReportsKey","doctype","loadSavedReports","raw","Promise","resolve","getItem","JSON","parse","unused","persistSavedReports","reports","setItem","stringify","FrappeReportBuilder","param","initialColumns","initialGroupBy","filters","showChart","onExport","baseURL","auth","syncOptions","stackProps","config","knobProps","t","finalBaseURL","finalAuth","finalSyncOptions","Error","connectionConfig","socketPort","fixtures","meta","isLoading","isMetaLoading","allColumns","fields","filter","f","fieldtype","map","_f_in_list_view","fieldname","label","enabled","in_list_view","fetchFields","fieldNames","c","includes","unshift","collection","data","rawData","q","from","_list","groupBy","setGroupBy","enabledColumns","setEnabledColumns","length","initial","slice","savedReports","setSavedReports","saveDialogOpen","setSaveDialogOpen","saveReportName","setSaveReportName","cancelled","handleSaveReport","trim","report","name","columns","updated","r","handleLoadReport","handleDeleteReport","handleExport","exportData","cols","headers","csvRows","join","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_loop","row","_step","value","values","col","val","str","String","replace","push","_iterator","Symbol","iterator","next","done","err","return","csvContent","blob","Blob","type","panelPadding","alignItems","justifyContent","children","size","color","marginTop","fontSize","flex","borderRadius","surface","gap","borderBottomWidth","borderBottomColor","placement","open","onOpenChange","Trigger","asChild","icon","Content","backgroundColor","borderColor","Arrow","borderWidth","minWidth","fontWeight"],"sources":["../../src/FrappeReportBuilder.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/FrappeTable.mjs

@@ -0,0 +1,292 @@
+import { FrappeApp, Order, useFrappeCollection, useLiveQuery } from "@multiplatform.one/frappe";
+import { DataTable } from "@multiplatform.one/table";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Spinner, Text, View, XStack, YStack } from "tamagui";
+import { FilterManager, SavedFilterDropdown, useSavedFilters } from "@multiplatform.one/table";
+import { useFrappeConfig } from "./FrappeProvider.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function mapFilterOperator(op) {
+  const m = {
+    contains: "like",
+    doesNotContain: "not like",
+    is: "=",
+    isNot: "!=",
+    startsWith: "like",
+    endsWith: "like",
+    isEmpty: "=",
+    isNotEmpty: "!=",
+    isLessThan: "<",
+    isGreaterThan: ">",
+    isLessThanOrEqual: "<=",
+    isGreaterThanOrEqual: ">="
+  };
+  return m[op] ?? "=";
+}
+function stateToFrappeParams(state) {
+  const {
+    pagination,
+    sorting,
+    filters,
+    columnFilters,
+    globalFilter
+  } = state;
+  const limitStart = pagination.pageIndex * pagination.pageSize;
+  const limit = pagination.pageSize;
+  const frappeFilters = [];
+  if (filters?.length) {
+    for (const f of filters) {
+      const op = mapFilterOperator(f.value?.operator ?? "is");
+      const val = f.value?.value;
+      if (op === "like" && typeof val === "string" && !val.includes("%")) {
+        frappeFilters.push([f.columnId, op, `%${val}%`]);
+      } else {
+        frappeFilters.push([f.columnId, op, val]);
+      }
+    }
+  }
+  for (const cf of columnFilters ?? []) {
+    if (cf.value != null && cf.value !== "") {
+      frappeFilters.push([cf.id, "=", cf.value]);
+    }
+  }
+  if (globalFilter && typeof globalFilter === "string" && globalFilter.trim()) {
+    frappeFilters.push(["name", "like", `%${globalFilter}%`]);
+  }
+  const orderBy = sorting?.length && sorting[0] ? sorting.map(s => ({
+    field: s.id,
+    order: s.desc ? Order.Desc : Order.Asc
+  })) : void 0;
+  return {
+    limitStart,
+    limit,
+    filters: frappeFilters,
+    orderBy
+  };
+}
+function FrappeTable({
+  baseURL,
+  auth,
+  syncOptions,
+  doctype,
+  columns,
+  fields,
+  filters: initialFilters,
+  onRowClick,
+  loading,
+  error,
+  savedFilters = false,
+  canCreateGlobalFilters = false,
+  userId,
+  serverSide = false,
+  onStateChange: onStateChangeProp,
+  ...dataTableProps
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const {
+    t
+  } = useTranslation();
+  const [errorState, setErrorState] = React.useState(null);
+  const [activeFilters, setActiveFilters] = React.useState(initialFilters);
+  const config = useFrappeConfig();
+  const finalBaseURL = baseURL ?? config?.baseURL;
+  const finalAuth = auth ?? config?.auth;
+  const finalSyncOptions = syncOptions ?? config?.syncOptions;
+  if (!finalBaseURL) {
+    throw new Error("FrappeTable requires baseURL prop or FrappeProvider with baseURL");
+  }
+  const frappeApp = useMemo(() => {
+    if (!serverSide || !finalBaseURL) return null;
+    return new FrappeApp(finalBaseURL, finalAuth ?? {});
+  }, [serverSide, finalBaseURL, finalAuth]);
+  const [serverData, setServerData] = useState([]);
+  const [serverRowCount, setServerRowCount] = useState(0);
+  const [serverLoading, setServerLoading] = useState(serverSide);
+  const lastFetchKey = useRef("");
+  const fetchServerData = useCallback(async state => {
+    if (!frappeApp || !serverSide) return;
+    const params = stateToFrappeParams(state);
+    const key = JSON.stringify(params);
+    if (key === lastFetchKey.current) return;
+    lastFetchKey.current = key;
+    setServerLoading(true);
+    try {
+      const [data, count] = await Promise.all([frappeApp.db().getDocList(doctype, {
+        fields: fields ?? ["name"],
+        filters: params.filters.length ? params.filters : void 0,
+        limitStart: params.limitStart,
+        limit: params.limit,
+        orderBy: params.orderBy
+      }), frappeApp.db().getCount(doctype, params.filters.length ? params.filters : void 0)]);
+      setServerData(data);
+      setServerRowCount(count);
+      setErrorState(null);
+    } catch (err) {
+      setErrorState(err instanceof Error ? err : new Error(String(err)));
+      setServerData([]);
+      setServerRowCount(0);
+    } finally {
+      setServerLoading(false);
+    }
+  }, [frappeApp, serverSide, doctype, fields]);
+  const handleStateChange = useCallback(state => {
+    onStateChangeProp?.(state);
+    if (serverSide) fetchServerData(state);
+  }, [onStateChangeProp, serverSide, fetchServerData]);
+  useEffect(() => {
+    if (serverSide && frappeApp) {
+      lastFetchKey.current = "";
+      fetchServerData({
+        data: [],
+        columns,
+        pagination: {
+          pageIndex: 0,
+          pageSize: 10
+        },
+        sorting: [],
+        filters: [],
+        columnFilters: [],
+        columnVisibility: {},
+        columnOrder: columns.map(c => c.id ?? ""),
+        columnSizing: {}
+      });
+    }
+  }, [serverSide, !!frappeApp, fetchServerData]);
+  const savedFiltersHook = savedFilters ? useSavedFilters({
+    userId
+  }) : null;
+  const collection = useFrappeCollection(serverSide ? void 0 : {
+    baseURL: finalBaseURL,
+    socketPort: config?.socketPort,
+    auth: finalAuth,
+    syncOptions: finalSyncOptions,
+    fixtures: config?.fixtures
+  }, serverSide ? "" : doctype, serverSide ? void 0 : {
+    fields,
+    filters: activeFilters
+  });
+  const {
+    data: rawData,
+    isLoading: isRowsLoading
+  } = useLiveQuery(q => collection ? q.from({
+    _list: collection
+  }) : null, [collection]);
+  const clientRows = useMemo(() => rawData ?? [], [rawData]);
+  const rows = serverSide ? serverData : clientRows;
+  const isRowsLoadingResolved = serverSide ? serverLoading : isRowsLoading;
+  const handleSelectFilter = filter => {
+    if (filter) {
+      setActiveFilters(filter.filters);
+    } else {
+      setActiveFilters(initialFilters);
+    }
+  };
+  const handleSaveFilter = async (filterName, isGlobal) => {
+    if (!savedFiltersHook || !activeFilters) return;
+    const filterArray = Array.isArray(activeFilters) ? activeFilters : Object.entries(activeFilters).map(([key, value]) => [key, "=", value]);
+    await savedFiltersHook.saveFilter(filterName, filterArray, isGlobal);
+  };
+  const handleDeleteFilter = async name => {
+    if (!savedFiltersHook) return;
+    await savedFiltersHook.deleteFilter(name);
+  };
+  if (errorState && error) {
+    return /* @__PURE__ */jsx(Fragment, {
+      children: error(errorState)
+    });
+  }
+  if (errorState) {
+    return /* @__PURE__ */jsxs(YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      children: [/* @__PURE__ */jsx(Text, {
+        color: "$red10",
+        children: t("Error loading {{doctype}}", {
+          doctype
+        })
+      }), /* @__PURE__ */jsx(Text, {
+        color: "$color10",
+        fontSize: "$2",
+        children: errorState.message
+      })]
+    });
+  }
+  if (isRowsLoadingResolved) {
+    if (loading) {
+      return /* @__PURE__ */jsx(Fragment, {
+        children: loading
+      });
+    }
+    return /* @__PURE__ */jsxs(YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      children: [/* @__PURE__ */jsx(Spinner, {
+        size: "large"
+      }), /* @__PURE__ */jsx(Text, {
+        color: "$color10",
+        marginTop: "$2",
+        children: t("Loading {{doctype}}...", {
+          doctype
+        })
+      })]
+    });
+  }
+  const rowData = rows ?? [];
+  if (rowData.length === 0) {
+    return /* @__PURE__ */jsx(YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      children: /* @__PURE__ */jsx(Text, {
+        color: "$color10",
+        children: t("No {{doctype}} records found", {
+          doctype
+        })
+      })
+    });
+  }
+  const columnsWithClick = onRowClick ? columns.map(col => ({
+    ...col,
+    cell: props => /* @__PURE__ */jsx(View, {
+      onPress: () => onRowClick(props.row.original),
+      cursor: "pointer",
+      hoverStyle: {
+        backgroundColor: "$color2"
+      },
+      children: typeof col.cell === "function" ? col.cell(props) : props.getValue()
+    })
+  })) : columns;
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.gap,
+    flex: 1,
+    children: [savedFilters && savedFiltersHook && /* @__PURE__ */jsxs(XStack, {
+      ...knobProps.gap,
+      padding: "$2",
+      children: [/* @__PURE__ */jsx(SavedFilterDropdown, {
+        filters: savedFiltersHook.filters,
+        selectedFilter: null,
+        onSelectFilter: handleSelectFilter,
+        onDeleteFilter: handleDeleteFilter
+      }), /* @__PURE__ */jsx(FilterManager, {
+        currentFilters: Array.isArray(activeFilters) ? activeFilters : activeFilters ? Object.entries(activeFilters).map(([key, value]) => [key, "=", value]) : [],
+        onSaveFilter: handleSaveFilter,
+        canCreateGlobal: canCreateGlobalFilters
+      })]
+    }), /* @__PURE__ */jsx(DataTable, {
+      data: rowData,
+      columns: columnsWithClick,
+      ...(serverSide && {
+        manualFiltering: true,
+        manualPagination: true,
+        manualSorting: true,
+        rowCount: serverRowCount,
+        onStateChange: handleStateChange
+      }),
+      ...dataTableProps
+    })]
+  });
+}
+export { FrappeTable };
+//# sourceMappingURL=FrappeTable.mjs.map