@multiplatform.one/backoffice 6.4.2 → 6.6.0

package/dist/cjs/views/ReportView.cjs

@@ -0,0 +1,280 @@
+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 ReportView_exports = {};
+__export(ReportView_exports, {
+  ReportView: () => ReportView,
+  parseReportFiltersParam: () => parseReportFiltersParam
+});
+module.exports = __toCommonJS(ReportView_exports);
+var import_components = require("@multiplatform.one/components");
+var import_frappe = require("@multiplatform.one/frappe");
+var import_frappe_ui = require("@multiplatform.one/frappe-ui");
+var import_platform = require("@multiplatform.one/platform");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
+var import_BackofficeProvider = require("../config/BackofficeProvider.cjs");
+var import_i18n = require("../i18n/index.cjs");
+var import_connection = require("./connection.cjs");
+var import_report_controls = require("./report-controls.cjs");
+var import_viewMeta = require("./viewMeta.cjs");
+var import_ViewStates = require("./ViewStates.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const LAYOUT_FIELDTYPES = /* @__PURE__ */new Set(["Section Break", "Column Break", "Tab Break"]);
+const EMPTY_FILTERS = [];
+const DEFAULT_PAGE_SIZE = 20;
+function parseReportFiltersParam(raw) {
+  if (typeof raw !== "string" || !raw) return void 0;
+  const candidates = [raw];
+  try {
+    const decoded = decodeURIComponent(raw);
+    if (decoded !== raw) candidates.push(decoded);
+  } catch {}
+  for (const candidate of candidates) {
+    try {
+      const parsed = JSON.parse(candidate);
+      if (!Array.isArray(parsed)) continue;
+      const filters = [];
+      for (const tuple of parsed) {
+        if (Array.isArray(tuple) && tuple.length === 3 && typeof tuple[0] === "string" && typeof tuple[1] === "string") {
+          filters.push([tuple[0], tuple[1], tuple[2]]);
+        }
+      }
+      if (filters.length > 0) return filters;
+    } catch {}
+  }
+  return void 0;
+}
+function isNullish(value) {
+  return value === null || value === void 0;
+}
+function compareValues(a, b) {
+  if (isNullish(a) && isNullish(b)) return 0;
+  if (isNullish(a)) return 1;
+  if (isNullish(b)) return -1;
+  if (typeof a === "number" && typeof b === "number") return a - b;
+  const left = String(a);
+  const right = String(b);
+  return left < right ? -1 : left > right ? 1 : 0;
+}
+function ReportView({
+  doctype,
+  filtersParam,
+  initialFilters
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const navigator = (0, import_BackofficeProvider.useBackofficeNavigator)();
+  const paths = (0, import_BackofficeProvider.useBackofficePaths)();
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const connection = (0, import_connection.useViewConnection)();
+  const {
+    meta,
+    isLoading: isMetaLoading,
+    error: metaError
+  } = (0, import_viewMeta.useViewMeta)(doctype);
+  const urlFilters = (0, import_react.useMemo)(() => parseReportFiltersParam(filtersParam), [filtersParam]);
+  const [filtersCleared, setFiltersCleared] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => setFiltersCleared(false), [filtersParam, doctype]);
+  const baseFilters = filtersCleared ? EMPTY_FILTERS : urlFilters ?? initialFilters ?? EMPTY_FILTERS;
+  const handleClearFilters = (0, import_react.useCallback)(() => {
+    setFiltersCleared(true);
+    if (urlFilters) navigator.replace(paths.view(doctype, "report"));
+  }, [urlFilters, navigator, paths, doctype]);
+  const allColumns = (0, import_react.useMemo)(() => {
+    if (!meta) return [];
+    const idColumn = {
+      fieldname: "name",
+      label: t("report.idColumn", "ID"),
+      fieldtype: "Data",
+      enabled: true
+    };
+    return [idColumn, ...meta.fields.filter(field => field.fieldname && !LAYOUT_FIELDTYPES.has(field.fieldtype)).map(field => ({
+      fieldname: field.fieldname,
+      label: field.label || field.fieldname,
+      fieldtype: field.fieldtype,
+      enabled: Boolean(field.in_list_view)
+    }))];
+  }, [meta, t]);
+  const defaultSelected = (0, import_react.useMemo)(() => allColumns.filter(column => column.enabled).map(column => column.fieldname), [allColumns]);
+  const [selectedOverride, setSelectedOverride] = (0, import_react.useState)(null);
+  const selected = selectedOverride ?? defaultSelected;
+  const handleToggleColumn = (0, import_react.useCallback)(fieldname => {
+    setSelectedOverride(previous => {
+      const current = previous ?? defaultSelected;
+      if (current.includes(fieldname)) {
+        if (current.length === 1) return current;
+        return current.filter(entry => entry !== fieldname);
+      }
+      return [...current, fieldname];
+    });
+  }, [defaultSelected]);
+  const builderColumns = (0, import_react.useMemo)(() => allColumns.map(column => ({
+    ...column,
+    enabled: selected.includes(column.fieldname)
+  })), [allColumns, selected]);
+  const [groupBy, setGroupBy] = (0, import_react.useState)(null);
+  const [pageSize, setPageSize] = (0, import_react.useState)(DEFAULT_PAGE_SIZE);
+  const [page, setPage] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => {
+    setSelectedOverride(null);
+    setGroupBy(null);
+    setPage(0);
+  }, [doctype]);
+  const filtersKey = (0, import_react.useMemo)(() => JSON.stringify(baseFilters), [baseFilters]);
+  (0, import_react.useEffect)(() => {
+    setPage(0);
+  }, [filtersKey, pageSize]);
+  const numericColumns = (0, import_react.useMemo)(() => allColumns.filter(column => import_report_controls.REPORT_NUMERIC_FIELDTYPES.has(column.fieldtype)), [allColumns]);
+  const titleField = meta?.title_field;
+  const sortField = (meta?.sort_field || "modified").split(" ")[0];
+  const sortAscending = (meta?.sort_order || "DESC").toLowerCase() === "asc";
+  const statsFields = (0, import_react.useMemo)(() => {
+    const fields = /* @__PURE__ */new Set(["name", sortField]);
+    if (titleField) fields.add(titleField);
+    for (const column of numericColumns) fields.add(column.fieldname);
+    return [...fields];
+  }, [sortField, titleField, numericColumns]);
+  const [statsError, setStatsError] = (0, import_react.useState)(null);
+  const handleStatsError = (0, import_react.useCallback)(error => {
+    setStatsError(error instanceof Error ? error : new Error(String(error)));
+  }, []);
+  const statsConfig = (0, import_react.useMemo)(() => connection && meta ? connection : void 0, [connection, meta]);
+  const statsCollection = (0, import_frappe.useFrappeCollection)(statsConfig, doctype, {
+    fields: statsFields,
+    filters: baseFilters,
+    orderBy: {
+      field: sortField,
+      order: sortAscending ? import_frappe.Order.Asc : import_frappe.Order.Desc
+    },
+    onSyncError: handleStatsError
+  });
+  (0, import_react.useEffect)(() => setStatsError(null), [statsCollection]);
+  const {
+    data: statsData,
+    isLoading: statsLoading
+  } = (0, import_frappe.useLiveQuery)(q => statsCollection ? q.from({
+    _stats: statsCollection
+  }) : null, [statsCollection]);
+  const statsRows = (0, import_react.useMemo)(() => {
+    const rows = [...(statsData ?? [])];
+    const direction = sortAscending ? 1 : -1;
+    rows.sort((a, b) => {
+      const left = a[sortField];
+      const right = b[sortField];
+      const ordered = isNullish(left) || isNullish(right) ? compareValues(left, right) : direction * compareValues(left, right);
+      return ordered || compareValues(a.name, b.name);
+    });
+    return rows;
+  }, [statsData, sortField, sortAscending]);
+  const statsReady = Boolean(statsError) || !statsLoading;
+  const total = statsRows.length;
+  const pageCount = Math.max(1, Math.ceil(total / pageSize));
+  const effectivePage = Math.min(page, pageCount - 1);
+  const needsWindow = !statsError && total > pageSize;
+  const pageRows = (0, import_react.useMemo)(() => needsWindow ? statsRows.slice(effectivePage * pageSize, (effectivePage + 1) * pageSize) : statsRows, [needsWindow, statsRows, effectivePage, pageSize]);
+  const builderFilters = (0, import_react.useMemo)(() => {
+    if (!needsWindow) return baseFilters;
+    return [...baseFilters, ["name", "in", pageRows.map(row => row.name)]];
+  }, [needsWindow, baseFilters, pageRows]);
+  const records = (0, import_react.useMemo)(() => pageRows.map(row => ({
+    name: row.name,
+    title: titleField && !isNullish(row[titleField]) && row[titleField] !== "" ? String(row[titleField]) : row.name
+  })), [pageRows, titleField]);
+  const totals = (0, import_react.useMemo)(() => {
+    if (total === 0) return [];
+    return builderColumns.filter(column => column.enabled && import_report_controls.REPORT_NUMERIC_FIELDTYPES.has(column.fieldtype)).map(column => ({
+      label: column.label,
+      fieldtype: column.fieldtype,
+      value: statsRows.reduce((sum, row) => sum + (Number(row[column.fieldname]) || 0), 0)
+    }));
+  }, [builderColumns, statsRows, total]);
+  const handleOpenRecord = (0, import_react.useCallback)(name => {
+    navigator.navigate(paths.form(doctype, name));
+  }, [navigator, paths, doctype]);
+  const handleExport = (0, import_react.useCallback)(exportData => {
+    if (!import_components.isWeb) {
+      (0, import_components.notify)({
+        severity: "warning",
+        scope: "page",
+        body: t("report.exportUnsupported", "CSV export needs a browser download \u2014 not available on this platform yet")
+      });
+      return;
+    }
+    const enabledColumns = builderColumns.filter(column => column.enabled);
+    const escapeCell = value => {
+      if (value === null || value === void 0) return "";
+      const text = String(value);
+      return /[",\n]/.test(text) ? `"${text.replace(/"/g, '""')}"` : text;
+    };
+    const lines = [enabledColumns.map(column => escapeCell(column.label)).join(","), ...exportData.map(row => enabledColumns.map(column => escapeCell(row[column.fieldname])).join(","))];
+    (0, import_platform.downloadBlob)(new Blob([lines.join("\n")], {
+      type: "text/csv;charset=utf-8;"
+    }), `${doctype}_report.csv`);
+  }, [builderColumns, doctype, t]);
+  if (isMetaLoading) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewStates.ViewLoading, {});
+  if (metaError && !meta) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewStates.ViewError, {
+    doctype,
+    error: metaError
+  });
+  const builderKey = `${doctype}::${[...selected].sort().join("|")}::${groupBy ? `${groupBy.field}:${groupBy.aggregation}:${groupBy.aggregationField ?? ""}` : "none"}`;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    flex: 1,
+    ...knobProps.gap,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_report_controls.ReportToolbar, {
+      columns: builderColumns,
+      onToggleColumn: handleToggleColumn,
+      groupBy,
+      onGroupByChange: setGroupBy,
+      pageSize,
+      onPageSizeChange: setPageSize,
+      filters: baseFilters,
+      onClearFilters: baseFilters.length > 0 ? handleClearFilters : void 0
+    }), statsReady ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.FrappeReportBuilder, {
+      doctype,
+      initialColumns: builderColumns,
+      initialGroupBy: groupBy ?? void 0,
+      filters: builderFilters,
+      showChart: true,
+      onExport: handleExport,
+      onRowPress: row => {
+        if (typeof row.name === "string" && row.name) {
+          navigator.navigate(paths.form(doctype, row.name));
+        }
+      },
+      flex: 1
+    }, builderKey) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewStates.ViewLoading, {}), !statsError && statsReady && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_report_controls.ReportFooter, {
+      page: effectivePage,
+      pageCount,
+      pageSize,
+      totalItems: total,
+      onPageChange: setPage,
+      records,
+      onOpenRecord: handleOpenRecord,
+      totals
+    })]
+  });
+}

package/dist/cjs/views/ReportView.native.js

@@ -0,0 +1,407 @@
+"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 ReportView_exports = {};
+__export(ReportView_exports, {
+  ReportView: () => ReportView,
+  parseReportFiltersParam: () => parseReportFiltersParam
+});
+module.exports = __toCommonJS(ReportView_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_frappe = require("@multiplatform.one/frappe");
+var import_frappe_ui = require("@multiplatform.one/frappe-ui");
+var import_platform = require("@multiplatform.one/platform");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
+var import_BackofficeProvider = require("../config/BackofficeProvider.native.js");
+var import_i18n = require("../i18n/index.native.js");
+var import_connection = require("./connection.native.js");
+var import_report_controls = require("./report-controls.native.js");
+var import_viewMeta = require("./viewMeta.native.js");
+var import_ViewStates = require("./ViewStates.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;
+  }
+}
+var LAYOUT_FIELDTYPES = /* @__PURE__ */new Set(["Section Break", "Column Break", "Tab Break"]);
+var EMPTY_FILTERS = [];
+var DEFAULT_PAGE_SIZE = 20;
+function parseReportFiltersParam(raw) {
+  if (typeof raw !== "string" || !raw) return void 0;
+  var candidates = [raw];
+  try {
+    var decoded = decodeURIComponent(raw);
+    if (decoded !== raw) candidates.push(decoded);
+  } catch (unused) {}
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = candidates[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var candidate = _step.value;
+      try {
+        var parsed = JSON.parse(candidate);
+        if (!Array.isArray(parsed)) continue;
+        var filters = [];
+        var _iteratorNormalCompletion1 = true,
+          _didIteratorError1 = false,
+          _iteratorError1 = void 0;
+        try {
+          for (var _iterator1 = parsed[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+            var tuple = _step1.value;
+            if (Array.isArray(tuple) && tuple.length === 3 && typeof tuple[0] === "string" && typeof tuple[1] === "string") {
+              filters.push([tuple[0], tuple[1], tuple[2]]);
+            }
+          }
+        } catch (err) {
+          _didIteratorError1 = true;
+          _iteratorError1 = err;
+        } finally {
+          try {
+            if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+              _iterator1.return();
+            }
+          } finally {
+            if (_didIteratorError1) {
+              throw _iteratorError1;
+            }
+          }
+        }
+        if (filters.length > 0) return filters;
+      } catch (unused) {}
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return void 0;
+}
+function isNullish(value) {
+  return value === null || value === void 0;
+}
+function compareValues(a, b) {
+  if (isNullish(a) && isNullish(b)) return 0;
+  if (isNullish(a)) return 1;
+  if (isNullish(b)) return -1;
+  if (typeof a === "number" && typeof b === "number") return a - b;
+  var left = String(a);
+  var right = String(b);
+  return left < right ? -1 : left > right ? 1 : 0;
+}
+function ReportView(param) {
+  var {
+    doctype,
+    filtersParam,
+    initialFilters
+  } = param;
+  var _ref, _groupBy_aggregationField;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var navigator = (0, import_BackofficeProvider.useBackofficeNavigator)();
+  var paths = (0, import_BackofficeProvider.useBackofficePaths)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var connection = (0, import_connection.useViewConnection)();
+  var {
+    meta,
+    isLoading: isMetaLoading,
+    error: metaError
+  } = (0, import_viewMeta.useViewMeta)(doctype);
+  var urlFilters = (0, import_react.useMemo)(function () {
+    return parseReportFiltersParam(filtersParam);
+  }, [filtersParam]);
+  var [filtersCleared, setFiltersCleared] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(function () {
+    return setFiltersCleared(false);
+  }, [filtersParam, doctype]);
+  var baseFilters = filtersCleared ? EMPTY_FILTERS : (_ref = urlFilters !== null && urlFilters !== void 0 ? urlFilters : initialFilters) !== null && _ref !== void 0 ? _ref : EMPTY_FILTERS;
+  var handleClearFilters = (0, import_react.useCallback)(function () {
+    setFiltersCleared(true);
+    if (urlFilters) navigator.replace(paths.view(doctype, "report"));
+  }, [urlFilters, navigator, paths, doctype]);
+  var allColumns = (0, import_react.useMemo)(function () {
+    if (!meta) return [];
+    var idColumn = {
+      fieldname: "name",
+      label: t("report.idColumn", "ID"),
+      fieldtype: "Data",
+      enabled: true
+    };
+    return [idColumn, ...meta.fields.filter(function (field) {
+      return field.fieldname && !LAYOUT_FIELDTYPES.has(field.fieldtype);
+    }).map(function (field) {
+      return {
+        fieldname: field.fieldname,
+        label: field.label || field.fieldname,
+        fieldtype: field.fieldtype,
+        enabled: Boolean(field.in_list_view)
+      };
+    })];
+  }, [meta, t]);
+  var defaultSelected = (0, import_react.useMemo)(function () {
+    return allColumns.filter(function (column) {
+      return column.enabled;
+    }).map(function (column) {
+      return column.fieldname;
+    });
+  }, [allColumns]);
+  var [selectedOverride, setSelectedOverride] = (0, import_react.useState)(null);
+  var selected = selectedOverride !== null && selectedOverride !== void 0 ? selectedOverride : defaultSelected;
+  var handleToggleColumn = (0, import_react.useCallback)(function (fieldname) {
+    setSelectedOverride(function (previous) {
+      var current = previous !== null && previous !== void 0 ? previous : defaultSelected;
+      if (current.includes(fieldname)) {
+        if (current.length === 1) return current;
+        return current.filter(function (entry) {
+          return entry !== fieldname;
+        });
+      }
+      return [...current, fieldname];
+    });
+  }, [defaultSelected]);
+  var builderColumns = (0, import_react.useMemo)(function () {
+    return allColumns.map(function (column) {
+      return {
+        ...column,
+        enabled: selected.includes(column.fieldname)
+      };
+    });
+  }, [allColumns, selected]);
+  var [groupBy, setGroupBy] = (0, import_react.useState)(null);
+  var [pageSize, setPageSize] = (0, import_react.useState)(DEFAULT_PAGE_SIZE);
+  var [page, setPage] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(function () {
+    setSelectedOverride(null);
+    setGroupBy(null);
+    setPage(0);
+  }, [doctype]);
+  var filtersKey = (0, import_react.useMemo)(function () {
+    return JSON.stringify(baseFilters);
+  }, [baseFilters]);
+  (0, import_react.useEffect)(function () {
+    setPage(0);
+  }, [filtersKey, pageSize]);
+  var numericColumns = (0, import_react.useMemo)(function () {
+    return allColumns.filter(function (column) {
+      return import_report_controls.REPORT_NUMERIC_FIELDTYPES.has(column.fieldtype);
+    });
+  }, [allColumns]);
+  var titleField = meta === null || meta === void 0 ? void 0 : meta.title_field;
+  var sortField = ((meta === null || meta === void 0 ? void 0 : meta.sort_field) || "modified").split(" ")[0];
+  var sortAscending = ((meta === null || meta === void 0 ? void 0 : meta.sort_order) || "DESC").toLowerCase() === "asc";
+  var statsFields = (0, import_react.useMemo)(function () {
+    var fields = /* @__PURE__ */new Set(["name", sortField]);
+    if (titleField) fields.add(titleField);
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = void 0;
+    try {
+      for (var _iterator = numericColumns[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var column = _step.value;
+        fields.add(column.fieldname);
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    return [...fields];
+  }, [sortField, titleField, numericColumns]);
+  var [statsError, setStatsError] = (0, import_react.useState)(null);
+  var handleStatsError = (0, import_react.useCallback)(function (error) {
+    setStatsError(_instanceof(error, Error) ? error : new Error(String(error)));
+  }, []);
+  var statsConfig = (0, import_react.useMemo)(function () {
+    return connection && meta ? connection : void 0;
+  }, [connection, meta]);
+  var statsCollection = (0, import_frappe.useFrappeCollection)(statsConfig, doctype, {
+    fields: statsFields,
+    filters: baseFilters,
+    orderBy: {
+      field: sortField,
+      order: sortAscending ? import_frappe.Order.Asc : import_frappe.Order.Desc
+    },
+    onSyncError: handleStatsError
+  });
+  (0, import_react.useEffect)(function () {
+    return setStatsError(null);
+  }, [statsCollection]);
+  var {
+    data: statsData,
+    isLoading: statsLoading
+  } = (0, import_frappe.useLiveQuery)(function (q) {
+    return statsCollection ? q.from({
+      _stats: statsCollection
+    }) : null;
+  }, [statsCollection]);
+  var statsRows = (0, import_react.useMemo)(function () {
+    var rows = [...(statsData !== null && statsData !== void 0 ? statsData : [])];
+    var direction = sortAscending ? 1 : -1;
+    rows.sort(function (a, b) {
+      var left = a[sortField];
+      var right = b[sortField];
+      var ordered = isNullish(left) || isNullish(right) ? compareValues(left, right) : direction * compareValues(left, right);
+      return ordered || compareValues(a.name, b.name);
+    });
+    return rows;
+  }, [statsData, sortField, sortAscending]);
+  var statsReady = Boolean(statsError) || !statsLoading;
+  var total = statsRows.length;
+  var pageCount = Math.max(1, Math.ceil(total / pageSize));
+  var effectivePage = Math.min(page, pageCount - 1);
+  var needsWindow = !statsError && total > pageSize;
+  var pageRows = (0, import_react.useMemo)(function () {
+    return needsWindow ? statsRows.slice(effectivePage * pageSize, (effectivePage + 1) * pageSize) : statsRows;
+  }, [needsWindow, statsRows, effectivePage, pageSize]);
+  var builderFilters = (0, import_react.useMemo)(function () {
+    if (!needsWindow) return baseFilters;
+    return [...baseFilters, ["name", "in", pageRows.map(function (row) {
+      return row.name;
+    })]];
+  }, [needsWindow, baseFilters, pageRows]);
+  var records = (0, import_react.useMemo)(function () {
+    return pageRows.map(function (row) {
+      return {
+        name: row.name,
+        title: titleField && !isNullish(row[titleField]) && row[titleField] !== "" ? String(row[titleField]) : row.name
+      };
+    });
+  }, [pageRows, titleField]);
+  var totals = (0, import_react.useMemo)(function () {
+    if (total === 0) return [];
+    return builderColumns.filter(function (column) {
+      return column.enabled && import_report_controls.REPORT_NUMERIC_FIELDTYPES.has(column.fieldtype);
+    }).map(function (column) {
+      return {
+        label: column.label,
+        fieldtype: column.fieldtype,
+        value: statsRows.reduce(function (sum, row) {
+          return sum + (Number(row[column.fieldname]) || 0);
+        }, 0)
+      };
+    });
+  }, [builderColumns, statsRows, total]);
+  var handleOpenRecord = (0, import_react.useCallback)(function (name) {
+    navigator.navigate(paths.form(doctype, name));
+  }, [navigator, paths, doctype]);
+  var handleExport = (0, import_react.useCallback)(function (exportData) {
+    if (!import_components.isWeb) {
+      (0, import_components.notify)({
+        severity: "warning",
+        scope: "page",
+        body: t("report.exportUnsupported", "CSV export needs a browser download \u2014 not available on this platform yet")
+      });
+      return;
+    }
+    var enabledColumns = builderColumns.filter(function (column) {
+      return column.enabled;
+    });
+    var escapeCell = function escapeCell2(value) {
+      if (value === null || value === void 0) return "";
+      var text = String(value);
+      return /[",\n]/.test(text) ? `"${text.replace(/"/g, '""')}"` : text;
+    };
+    var lines = [enabledColumns.map(function (column) {
+      return escapeCell(column.label);
+    }).join(","), ...exportData.map(function (row) {
+      return enabledColumns.map(function (column) {
+        return escapeCell(row[column.fieldname]);
+      }).join(",");
+    })];
+    (0, import_platform.downloadBlob)(new Blob([lines.join("\n")], {
+      type: "text/csv;charset=utf-8;"
+    }), `${doctype}_report.csv`);
+  }, [builderColumns, doctype, t]);
+  if (isMetaLoading) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewStates.ViewLoading, {});
+  if (metaError && !meta) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewStates.ViewError, {
+    doctype,
+    error: metaError
+  });
+  var builderKey = `${doctype}::${[...selected].sort().join("|")}::${groupBy ? `${groupBy.field}:${groupBy.aggregation}:${(_groupBy_aggregationField = groupBy.aggregationField) !== null && _groupBy_aggregationField !== void 0 ? _groupBy_aggregationField : ""}` : "none"}`;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    flex: 1,
+    ...knobProps.gap,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_report_controls.ReportToolbar, {
+      columns: builderColumns,
+      onToggleColumn: handleToggleColumn,
+      groupBy,
+      onGroupByChange: setGroupBy,
+      pageSize,
+      onPageSizeChange: setPageSize,
+      filters: baseFilters,
+      onClearFilters: baseFilters.length > 0 ? handleClearFilters : void 0
+    }), statsReady ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.FrappeReportBuilder, {
+      doctype,
+      initialColumns: builderColumns,
+      initialGroupBy: groupBy !== null && groupBy !== void 0 ? groupBy : void 0,
+      filters: builderFilters,
+      showChart: true,
+      onExport: handleExport,
+      onRowPress: function onRowPress(row) {
+        if (typeof row.name === "string" && row.name) {
+          navigator.navigate(paths.form(doctype, row.name));
+        }
+      },
+      flex: 1
+    }, builderKey) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewStates.ViewLoading, {}), !statsError && statsReady && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_report_controls.ReportFooter, {
+      page: effectivePage,
+      pageCount,
+      pageSize,
+      totalItems: total,
+      onPageChange: setPage,
+      records,
+      onOpenRecord: handleOpenRecord,
+      totals
+    })]
+  });
+}
+//# sourceMappingURL=ReportView.native.js.map