@multiplatform.one/frappe-ui 6.0.0

package/dist/cjs/FrappeTable.native.js

@@ -0,0 +1,403 @@
+"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 FrappeTable_exports = {};
+__export(FrappeTable_exports, {
+  FrappeTable: () => FrappeTable
+});
+module.exports = __toCommonJS(FrappeTable_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_frappe = require("@multiplatform.one/frappe");
+var import_table = require("@multiplatform.one/table");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = __toESM(require("react"));
+var import_react_i18next = require("react-i18next");
+var import_tamagui = require("tamagui");
+var import_table2 = require("@multiplatform.one/table");
+var import_FrappeProvider = require("./FrappeProvider.native.js");
+function _instanceof(left, right) {
+  "@swc/helpers - instanceof";
+
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+    return !!right[Symbol.hasInstance](left);
+  } else {
+    return left instanceof right;
+  }
+}
+function mapFilterOperator(op) {
+  var _m_op;
+  var m = {
+    contains: "like",
+    doesNotContain: "not like",
+    is: "=",
+    isNot: "!=",
+    startsWith: "like",
+    endsWith: "like",
+    isEmpty: "=",
+    isNotEmpty: "!=",
+    isLessThan: "<",
+    isGreaterThan: ">",
+    isLessThanOrEqual: "<=",
+    isGreaterThanOrEqual: ">="
+  };
+  return (_m_op = m[op]) !== null && _m_op !== void 0 ? _m_op : "=";
+}
+function stateToFrappeParams(state) {
+  var {
+    pagination,
+    sorting,
+    filters,
+    columnFilters,
+    globalFilter
+  } = state;
+  var limitStart = pagination.pageIndex * pagination.pageSize;
+  var limit = pagination.pageSize;
+  var frappeFilters = [];
+  if (filters === null || filters === void 0 ? void 0 : filters.length) {
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = void 0;
+    try {
+      for (var _iterator = filters[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var f = _step.value;
+        var _ref;
+        var _f_value, _f_value1;
+        var op = mapFilterOperator((_ref = (_f_value = f.value) === null || _f_value === void 0 ? void 0 : _f_value.operator) !== null && _ref !== void 0 ? _ref : "is");
+        var val = (_f_value1 = f.value) === null || _f_value1 === void 0 ? void 0 : _f_value1.value;
+        if (op === "like" && typeof val === "string" && !val.includes("%")) {
+          frappeFilters.push([f.columnId, op, `%${val}%`]);
+        } else {
+          frappeFilters.push([f.columnId, op, val]);
+        }
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+  }
+  var _iteratorNormalCompletion1 = true,
+    _didIteratorError1 = false,
+    _iteratorError1 = void 0;
+  try {
+    for (var _iterator1 = (columnFilters !== null && columnFilters !== void 0 ? columnFilters : [])[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+      var cf = _step1.value;
+      if (cf.value != null && cf.value !== "") {
+        frappeFilters.push([cf.id, "=", cf.value]);
+      }
+    }
+  } catch (err) {
+    _didIteratorError1 = true;
+    _iteratorError1 = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+        _iterator1.return();
+      }
+    } finally {
+      if (_didIteratorError1) {
+        throw _iteratorError1;
+      }
+    }
+  }
+  if (globalFilter && typeof globalFilter === "string" && globalFilter.trim()) {
+    frappeFilters.push(["name", "like", `%${globalFilter}%`]);
+  }
+  var orderBy = (sorting === null || sorting === void 0 ? void 0 : sorting.length) && sorting[0] ? sorting.map(function (s) {
+    return {
+      field: s.id,
+      order: s.desc ? import_frappe.Order.Desc : import_frappe.Order.Asc
+    };
+  }) : void 0;
+  return {
+    limitStart,
+    limit,
+    filters: frappeFilters,
+    orderBy
+  };
+}
+function FrappeTable(param) {
+  var {
+    baseURL,
+    auth,
+    syncOptions,
+    doctype,
+    columns,
+    fields,
+    filters: initialFilters,
+    onRowClick,
+    loading,
+    error,
+    savedFilters = false,
+    canCreateGlobalFilters = false,
+    userId,
+    serverSide = false,
+    onStateChange: onStateChangeProp,
+    ...dataTableProps
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var [errorState, setErrorState] = import_react.default.useState(null);
+  var [activeFilters, setActiveFilters] = import_react.default.useState(initialFilters);
+  var config = (0, import_FrappeProvider.useFrappeConfig)();
+  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("FrappeTable requires baseURL prop or FrappeProvider with baseURL");
+  }
+  var frappeApp = (0, import_react.useMemo)(function () {
+    if (!serverSide || !finalBaseURL) return null;
+    return new import_frappe.FrappeApp(finalBaseURL, finalAuth !== null && finalAuth !== void 0 ? finalAuth : {});
+  }, [serverSide, finalBaseURL, finalAuth]);
+  var [serverData, setServerData] = (0, import_react.useState)([]);
+  var [serverRowCount, setServerRowCount] = (0, import_react.useState)(0);
+  var [serverLoading, setServerLoading] = (0, import_react.useState)(serverSide);
+  var lastFetchKey = (0, import_react.useRef)("");
+  var fetchServerData = (0, import_react.useCallback)(async function (state) {
+    if (!frappeApp || !serverSide) return;
+    var params = stateToFrappeParams(state);
+    var key = JSON.stringify(params);
+    if (key === lastFetchKey.current) return;
+    lastFetchKey.current = key;
+    setServerLoading(true);
+    try {
+      var [data, count] = await Promise.all([frappeApp.db().getDocList(doctype, {
+        fields: fields !== null && fields !== void 0 ? 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(_instanceof(err, Error) ? err : new Error(String(err)));
+      setServerData([]);
+      setServerRowCount(0);
+    } finally {
+      setServerLoading(false);
+    }
+  }, [frappeApp, serverSide, doctype, fields]);
+  var handleStateChange = (0, import_react.useCallback)(function (state) {
+    onStateChangeProp === null || onStateChangeProp === void 0 ? void 0 : onStateChangeProp(state);
+    if (serverSide) fetchServerData(state);
+  }, [onStateChangeProp, serverSide, fetchServerData]);
+  (0, import_react.useEffect)(function () {
+    if (serverSide && frappeApp) {
+      lastFetchKey.current = "";
+      fetchServerData({
+        data: [],
+        columns,
+        pagination: {
+          pageIndex: 0,
+          pageSize: 10
+        },
+        sorting: [],
+        filters: [],
+        columnFilters: [],
+        columnVisibility: {},
+        columnOrder: columns.map(function (c) {
+          var _c_id;
+          return (_c_id = c.id) !== null && _c_id !== void 0 ? _c_id : "";
+        }),
+        columnSizing: {}
+      });
+    }
+  }, [serverSide, !!frappeApp, fetchServerData]);
+  var savedFiltersHook = savedFilters ? (0, import_table2.useSavedFilters)({
+    userId
+  }) : null;
+  var collection = (0, import_frappe.useFrappeCollection)(serverSide ? void 0 : {
+    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
+  }, serverSide ? "" : doctype, serverSide ? void 0 : {
+    fields,
+    filters: activeFilters
+  });
+  var {
+    data: rawData,
+    isLoading: isRowsLoading
+  } = (0, import_frappe.useLiveQuery)(function (q) {
+    return collection ? q.from({
+      _list: collection
+    }) : null;
+  }, [collection]);
+  var clientRows = (0, import_react.useMemo)(function () {
+    return rawData !== null && rawData !== void 0 ? rawData : [];
+  }, [rawData]);
+  var rows = serverSide ? serverData : clientRows;
+  var isRowsLoadingResolved = serverSide ? serverLoading : isRowsLoading;
+  var handleSelectFilter = function handleSelectFilter2(filter) {
+    if (filter) {
+      setActiveFilters(filter.filters);
+    } else {
+      setActiveFilters(initialFilters);
+    }
+  };
+  var handleSaveFilter = async function handleSaveFilter2(filterName, isGlobal) {
+    if (!savedFiltersHook || !activeFilters) return;
+    var filterArray = Array.isArray(activeFilters) ? activeFilters : Object.entries(activeFilters).map(function (param2) {
+      var [key, value] = param2;
+      return [key, "=", value];
+    });
+    await savedFiltersHook.saveFilter(filterName, filterArray, isGlobal);
+  };
+  var handleDeleteFilter = async function handleDeleteFilter2(name) {
+    if (!savedFiltersHook) return;
+    await savedFiltersHook.deleteFilter(name);
+  };
+  if (errorState && error) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+      children: error(errorState)
+    });
+  }
+  if (errorState) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$red10",
+        children: t("Error loading {{doctype}}", {
+          doctype
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$color10",
+        fontSize: "$2",
+        children: errorState.message
+      })]
+    });
+  }
+  if (isRowsLoadingResolved) {
+    if (loading) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+        children: loading
+      });
+    }
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      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
+        })
+      })]
+    });
+  }
+  var rowData = rows !== null && rows !== void 0 ? rows : [];
+  if (rowData.length === 0) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$color10",
+        children: t("No {{doctype}} records found", {
+          doctype
+        })
+      })
+    });
+  }
+  var columnsWithClick = onRowClick ? columns.map(function (col) {
+    return {
+      ...col,
+      cell: function cell(props) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          onPress: function onPress() {
+            return onRowClick(props.row.original);
+          },
+          cursor: "pointer",
+          hoverStyle: {
+            backgroundColor: "$color2"
+          },
+          children: typeof col.cell === "function" ? col.cell(props) : props.getValue()
+        });
+      }
+    };
+  }) : columns;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...knobProps.gap,
+    flex: 1,
+    children: [savedFilters && savedFiltersHook && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      ...knobProps.gap,
+      padding: "$2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table2.SavedFilterDropdown, {
+        filters: savedFiltersHook.filters,
+        selectedFilter: null,
+        onSelectFilter: handleSelectFilter,
+        onDeleteFilter: handleDeleteFilter
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table2.FilterManager, {
+        currentFilters: Array.isArray(activeFilters) ? activeFilters : activeFilters ? Object.entries(activeFilters).map(function (param2) {
+          var [key, value] = param2;
+          return [key, "=", value];
+        }) : [],
+        onSaveFilter: handleSaveFilter,
+        canCreateGlobal: canCreateGlobalFilters
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.DataTable, {
+      data: rowData,
+      columns: columnsWithClick,
+      ...(serverSide && {
+        manualFiltering: true,
+        manualPagination: true,
+        manualSorting: true,
+        rowCount: serverRowCount,
+        onStateChange: handleStateChange
+      }),
+      ...dataTableProps
+    })]
+  });
+}
+//# sourceMappingURL=FrappeTable.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FrappeTable_exports","__export","FrappeTable","module","exports","import_jsx_runtime","require","import_frappe","import_table","import_theme","import_react","__toESM","import_react_i18next","import_tamagui","import_table2","import_FrappeProvider","_instanceof","left","right","Symbol","hasInstance","mapFilterOperator","op","_m_op","m","contains","doesNotContain","is","isNot","startsWith","endsWith","isEmpty","isNotEmpty","isLessThan","isGreaterThan","isLessThanOrEqual","isGreaterThanOrEqual","stateToFrappeParams","state","pagination","sorting","filters","columnFilters","globalFilter","limitStart","pageIndex","pageSize","limit","frappeFilters","length","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","iterator","_step","next","done","f","_ref","_f_value","_f_value1","operator","val","includes","push","columnId","err","return","_iteratorNormalCompletion1","_didIteratorError1","_iteratorError1","_iterator1","_step1","cf","id","trim","orderBy","map","s","field","order","desc","Order","Desc","Asc","param","baseURL","auth","syncOptions","doctype","columns","fields","initialFilters","onRowClick","loading","error","savedFilters","canCreateGlobalFilters","userId","serverSide","onStateChange","onStateChangeProp","dataTableProps","knobProps","useResolvedKnobs","t","useTranslation","errorState","setErrorState","default","useState","activeFilters","setActiveFilters","config","useFrappeConfig","finalBaseURL","finalAuth","finalSyncOptions","Error","frappeApp","useMemo","FrappeApp","serverData","setServerData","serverRowCount","setServerRowCount","serverLoading","setServerLoading","lastFetchKey","useRef","fetchServerData","useCallback","params","key","JSON","stringify","current","data","count","Promise","all","db","getDocList","getCount","String","handleStateChange","useEffect","columnVisibility","columnOrder","c","_c_id","columnSizing","savedFiltersHook","useSavedFilters","collection","useFrappeCollection","socketPort","fixtures","rawData","isLoading","isRowsLoading","useLiveQuery","q","from","_list","clientRows","rows","isRowsLoadingResolved","handleSelectFilter","handleSelectFilter2","filter","handleSaveFilter","handleSaveFilter2","filterName","isGlobal"],"sources":["../../src/FrappeTable.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/FrappeTable.stories.cjs

@@ -0,0 +1,232 @@
+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 FrappeTable_stories_exports = {};
+__export(FrappeTable_stories_exports, {
+  Default: () => Default,
+  ServerSide: () => ServerSide,
+  WithPagination: () => WithPagination,
+  WithSavedFilters: () => WithSavedFilters,
+  default: () => FrappeTable_stories_default
+});
+module.exports = __toCommonJS(FrappeTable_stories_exports);
+var import_frappe = require("@multiplatform.one/frappe");
+var import_storybook = require("@multiplatform.one/storybook");
+var import_tamagui = require("tamagui");
+var import_FrappeTable = require("./FrappeTable.cjs");
+var import_FrappeProvider = require("./FrappeProvider.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var FrappeTable_stories_default = {
+  title: "FrappeUI/FrappeTable",
+  component: import_FrappeTable.FrappeTable,
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A data table component connected to Frappe Live data with real-time updates, sorting, filtering, and pagination."
+      }
+    }
+  }
+};
+const customerFixtures = [{
+  name: "CUST-001",
+  doctype: "Customer",
+  customer_name: "Acme Corp",
+  customer_type: "Company",
+  territory: "United States",
+  status: "Active",
+  creation: "2025-01-15"
+}, {
+  name: "CUST-002",
+  doctype: "Customer",
+  customer_name: "Global Tech",
+  customer_type: "Company",
+  territory: "Europe",
+  status: "Active",
+  creation: "2025-02-20"
+}, {
+  name: "CUST-003",
+  doctype: "Customer",
+  customer_name: "John Smith",
+  customer_type: "Individual",
+  territory: "United States",
+  status: "Active",
+  creation: "2025-03-10"
+}, {
+  name: "CUST-004",
+  doctype: "Customer",
+  customer_name: "Jane Doe",
+  customer_type: "Individual",
+  territory: "Asia Pacific",
+  status: "Inactive",
+  creation: "2024-12-05"
+}, {
+  name: "CUST-005",
+  doctype: "Customer",
+  customer_name: "Tech Solutions",
+  customer_type: "Company",
+  territory: "Europe",
+  status: "Lead",
+  creation: "2025-04-01"
+}, {
+  name: "CUST-006",
+  doctype: "Customer",
+  customer_name: "Startup Inc",
+  customer_type: "Company",
+  territory: "United States",
+  status: "Active",
+  creation: "2025-05-15"
+}, {
+  name: "CUST-007",
+  doctype: "Customer",
+  customer_name: "Bob Wilson",
+  customer_type: "Individual",
+  territory: "Europe",
+  status: "Active",
+  creation: "2025-06-20"
+}, {
+  name: "CUST-008",
+  doctype: "Customer",
+  customer_name: "Enterprise Ltd",
+  customer_type: "Company",
+  territory: "Asia Pacific",
+  status: "Inactive",
+  creation: "2024-11-30"
+}];
+const customerColumns = [{
+  id: "name",
+  header: "ID",
+  accessorKey: "name"
+}, {
+  id: "customer_name",
+  header: "Customer Name",
+  accessorKey: "customer_name"
+}, {
+  id: "customer_type",
+  header: "Type",
+  accessorKey: "customer_type"
+}, {
+  id: "territory",
+  header: "Territory",
+  accessorKey: "territory"
+}, {
+  id: "status",
+  header: "Status",
+  accessorKey: "status",
+  cell: ({
+    getValue
+  }) => {
+    const status = getValue();
+    const colors = {
+      Active: "#10B981",
+      Inactive: "#EF4444",
+      Lead: "#F59E0B"
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      color: colors[status] || "$gray11",
+      fontWeight: "500",
+      children: status
+    });
+  }
+}, {
+  id: "creation",
+  header: "Created",
+  accessorKey: "creation"
+}];
+const Default = () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+  baseURL: "https://demo.frappe.cloud",
+  fixtures: new import_frappe.InMemoryFixtureProvider({
+    Customer: customerFixtures
+  }),
+  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeTable.FrappeTable, {
+    doctype: "Customer",
+    columns: customerColumns,
+    onRowClick: (0, import_storybook.action)("onRowClick")
+  })
+});
+Default.parameters = {
+  docs: {
+    description: {
+      story: "Basic data table connected to a Frappe Customer doctype."
+    }
+  }
+};
+Default.storyName = "Main";
+const WithPagination = () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+  baseURL: "https://demo.frappe.cloud",
+  fixtures: new import_frappe.InMemoryFixtureProvider({
+    Customer: customerFixtures
+  }),
+  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeTable.FrappeTable, {
+    doctype: "Customer",
+    columns: customerColumns,
+    enablePagination: true,
+    onRowClick: (0, import_storybook.action)("onRowClick")
+  })
+});
+WithPagination.parameters = {
+  docs: {
+    description: {
+      story: "Table with pagination controls for large datasets."
+    }
+  }
+};
+const WithSavedFilters = () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+  baseURL: "https://demo.frappe.cloud",
+  fixtures: new import_frappe.InMemoryFixtureProvider({
+    Customer: customerFixtures
+  }),
+  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeTable.FrappeTable, {
+    doctype: "Customer",
+    columns: customerColumns,
+    savedFilters: true,
+    canCreateGlobalFilters: true,
+    userId: "admin@example.com",
+    onRowClick: (0, import_storybook.action)("onRowClick")
+  })
+});
+WithSavedFilters.parameters = {
+  docs: {
+    description: {
+      story: "Table with saved filters feature for saving and loading filter presets."
+    }
+  }
+};
+const ServerSide = () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeProvider.FrappeProvider, {
+  baseURL: "https://demo.frappe.cloud",
+  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FrappeTable.FrappeTable, {
+    doctype: "Customer",
+    columns: customerColumns,
+    fields: ["name", "customer_name", "customer_type", "territory", "status", "creation"],
+    serverSide: true,
+    onStateChange: (0, import_storybook.action)("onStateChange")
+  })
+});
+ServerSide.parameters = {
+  docs: {
+    description: {
+      story: "Server-side filtering, sorting, and pagination. Uses Frappe REST API (limit_start, limit_page_length, order_by, filters). Requires a running Frappe backend."
+    }
+  }
+};