@multiplatform.one/backoffice 6.4.2 → 6.6.0

package/dist/cjs/report/report-grid.native.js

@@ -0,0 +1,389 @@
+"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 report_grid_exports = {};
+__export(report_grid_exports, {
+  ReportGrid: () => ReportGrid
+});
+module.exports = __toCommonJS(report_grid_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
+var import_table = require("@multiplatform.one/table");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = __toESM(require("react"));
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n/index.native.js");
+var import_listFormat = require("../list/listFormat.native.js");
+var import_reportViewModel = require("./reportViewModel.native.js");
+var ROW_NUMBER_WIDTH = 56;
+function alignToJustify(align) {
+  return align === "right" ? "flex-end" : align === "center" ? "center" : "flex-start";
+}
+function formatNumericCell(value, fieldtype) {
+  switch (fieldtype) {
+    case "Currency":
+      return (0, import_theme.formatCurrency)(value);
+    case "Int":
+      return (0, import_theme.formatNumber)(Math.round(value), {
+        maximumFractionDigits: 0
+      });
+    case "Percent":
+      return (0, import_theme.formatPercent)(value, {
+        precision: 1
+      });
+    default:
+      return (0, import_theme.formatNumber)(value);
+  }
+}
+function ReportCellValue(param) {
+  var {
+    column,
+    row,
+    onOpenLink
+  } = param;
+  var raw = row[column.fieldname];
+  if (raw === null || raw === void 0 || raw === "") {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      fontSize: "$3",
+      color: "$color8",
+      children: "\u2014"
+    });
+  }
+  if (column.fieldtype === "Check") {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      fontSize: "$3",
+      color: raw ? "$green11" : "$color8",
+      children: raw ? "\u2713" : "\u2014"
+    });
+  }
+  if (import_reportViewModel.REPORT_NUMERIC_FIELDTYPES.has(column.fieldtype)) {
+    var numeric = Number(raw);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      fontSize: "$3",
+      color: "$color12",
+      fontFamily: "$mono",
+      children: Number.isFinite(numeric) ? formatNumericCell(numeric, column.fieldtype) : String(raw)
+    });
+  }
+  var value = String(raw);
+  switch (column.fieldtype) {
+    case "Date":
+    case "Datetime":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        fontSize: "$3",
+        color: "$color11",
+        numberOfLines: 1,
+        children: (0, import_listFormat.formatDateCell)(value)
+      });
+    case "Link":
+      {
+        var target = column.options;
+        if (target && onOpenLink) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            fontSize: "$3",
+            color: "$color11",
+            textDecorationLine: "underline",
+            cursor: "pointer",
+            numberOfLines: 1,
+            role: "link",
+            onPress: function onPress(event) {
+              var _event_stopPropagation;
+              event === null || event === void 0 ? void 0 : (_event_stopPropagation = event.stopPropagation) === null || _event_stopPropagation === void 0 ? void 0 : _event_stopPropagation.call(event);
+              onOpenLink(target, value);
+            },
+            children: value
+          });
+        }
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          fontSize: "$3",
+          color: "$color11",
+          numberOfLines: 1,
+          children: value
+        });
+      }
+    default:
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        fontSize: "$3",
+        color: "$color11",
+        numberOfLines: 1,
+        children: value
+      });
+  }
+}
+function ReportGrid(param) {
+  var {
+    columns,
+    rows,
+    sort,
+    onSortChange,
+    columnFilters,
+    onColumnFilterChange,
+    onOpenRow,
+    onOpenLink,
+    totals,
+    groupByColumn
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var handleSortPress = (0, import_react2.useCallback)(function (fieldname) {
+    if (sort.field === fieldname) {
+      onSortChange({
+        field: fieldname,
+        order: sort.order === "asc" ? "desc" : "asc"
+      });
+    } else {
+      onSortChange({
+        field: fieldname,
+        order: "asc"
+      });
+    }
+  }, [sort, onSortChange]);
+  var totalsByField = new Map(totals.map(function (total) {
+    return [total.fieldname, total];
+  }));
+  var gridWidth = ROW_NUMBER_WIDTH + columns.reduce(function (sum, column) {
+    return sum + column.width;
+  }, 0);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: true,
+    flexGrow: 0,
+    flexShrink: 1,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_table.Table, {
+      minWidth: gridWidth,
+      width: gridWidth,
+      displayMode: "flex",
+      cellHeight: "$3",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_table.Table.Head, {
+        children: [/* Header row: label + sort affordance (aria-sort, Enter/Space). */
+        /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_table.Table.Row, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.Table.HeaderCell, {
+            cellWidth: ROW_NUMBER_WIDTH,
+            "aria-label": t("report.rowNumber", "Row number"),
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+              fontSize: "$2",
+              color: "$color9",
+              children: "#"
+            })
+          }), columns.map(function (column) {
+            var sorted = sort.field === column.fieldname ? sort.order : void 0;
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.Table.HeaderCell, {
+              cellWidth: column.width,
+              justifyContent: alignToJustify(column.align),
+              "aria-sort": sorted === "asc" ? "ascending" : sorted === "desc" ? "descending" : "none",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tooltip, {
+                content: sorted === "asc" ? t("report.sortDesc", "Sorted ascending (press to sort descending)") : sorted === "desc" ? t("report.sortAsc", "Sorted descending (press to sort ascending)") : t("report.sortColumn", "Sort by this column"),
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+                  gap: "$1.5",
+                  alignItems: "center",
+                  cursor: "pointer",
+                  role: "button",
+                  tabIndex: 0,
+                  "aria-label": t("report.sortBy", {
+                    defaultValue: "Sort by {{column}}",
+                    column: column.label
+                  }),
+                  onPress: function onPress() {
+                    return handleSortPress(column.fieldname);
+                  },
+                  onKeyDown: function onKeyDown(event) {
+                    if (event.key === "Enter" || event.key === " ") {
+                      var _event_preventDefault;
+                      (_event_preventDefault = event.preventDefault) === null || _event_preventDefault === void 0 ? void 0 : _event_preventDefault.call(event);
+                      handleSortPress(column.fieldname);
+                    }
+                  },
+                  hoverStyle: {
+                    opacity: 0.8
+                  },
+                  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+                    fontSize: "$3",
+                    fontWeight: "600",
+                    numberOfLines: 1,
+                    children: column.label
+                  }),
+                  /* Caret orientation mirrors DataTable's headers:
+                  asc = caret-down, desc = rotated 180. */
+                  /* @__PURE__ */
+                  (0, import_jsx_runtime.jsx)(import_components.View, {
+                    "aria-hidden": true,
+                    role: "presentation",
+                    children: sorted ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CaretDownIcon, {
+                      size: 12,
+                      color: "var(--color10)",
+                      style: sorted === "desc" ? {
+                        transform: "rotate(180deg)"
+                      } : void 0
+                    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CaretUpDownIcon, {
+                      size: 12,
+                      color: "var(--color8)"
+                    })
+                  })]
+                })
+              })
+            }, column.fieldname);
+          })]
+        }),
+        /* Filter row — desk parity: one input per column, standard filter
+        pipeline. Number/date accept comparison prefixes (>, <, >=…). */
+        /* @__PURE__ */
+        (0, import_jsx_runtime.jsxs)(import_table.Table.Row, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.Table.HeaderCell, {
+            cellWidth: ROW_NUMBER_WIDTH,
+            paddingVertical: "$1.5"
+          }), columns.map(function (column) {
+            var _columnFilters_column_fieldname;
+            var placeholder = column.kind === "number" || column.kind === "date" ? t("report.filterComparablePlaceholder", "= > <\u2026") : column.kind === "check" ? t("report.filterCheckPlaceholder", "yes / no") : t("report.filterPlaceholder", "Filter\u2026");
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.Table.HeaderCell, {
+              cellWidth: column.width,
+              paddingVertical: "$1.5",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.View, {
+                flex: 1,
+                minWidth: 0,
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+                  size: "$2",
+                  compact: true,
+                  value: (_columnFilters_column_fieldname = columnFilters[column.fieldname]) !== null && _columnFilters_column_fieldname !== void 0 ? _columnFilters_column_fieldname : "",
+                  onChangeText: function onChangeText(next) {
+                    return onColumnFilterChange(column.fieldname, next);
+                  },
+                  placeholder,
+                  // inputProps is the eject that reaches the real input
+                  // element — a top-level aria-label stays on the wrapper.
+                  inputProps: {
+                    "aria-label": t("report.filterColumn", {
+                      defaultValue: "Filter {{column}}",
+                      column: column.label
+                    })
+                  }
+                })
+              })
+            }, column.fieldname);
+          })]
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.Table.Body, {
+        children: rows.map(function (gridRow) {
+          if (gridRow.kind === "group") {
+            var label = gridRow.value === null || gridRow.value === void 0 || gridRow.value === "" ? t("report.groupEmpty", "(blank)") : String(gridRow.value);
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.Table.Row, {
+              backgroundColor: "$color2",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.Table.Cell, {
+                cellWidth: gridWidth,
+                paddingVertical: "$1.5",
+                role: "rowheader",
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+                  fontSize: "$2",
+                  fontWeight: "700",
+                  color: "$color11",
+                  numberOfLines: 1,
+                  children: groupByColumn ? t("report.groupHeader", {
+                    defaultValue: "{{field}}: {{value}} \xB7 {{count}}",
+                    field: groupByColumn.label,
+                    value: label,
+                    count: gridRow.count
+                  }) : label
+                })
+              })
+            }, gridRow.key);
+          }
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_table.Table.Row, {
+            cursor: "pointer",
+            hoverStyle: {
+              backgroundColor: "$color2"
+            },
+            onPress: function onPress() {
+              return onOpenRow(gridRow.row.name);
+            },
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.Table.Cell, {
+              cellWidth: ROW_NUMBER_WIDTH,
+              paddingVertical: "$2",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+                fontSize: "$2",
+                color: "$color9",
+                fontFamily: "$mono",
+                children: gridRow.index
+              })
+            }), columns.map(function (column) {
+              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.Table.Cell, {
+                cellWidth: column.width,
+                paddingVertical: "$2",
+                justifyContent: alignToJustify(column.align),
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ReportCellValue, {
+                  column,
+                  row: gridRow.row,
+                  onOpenLink
+                })
+              }, column.fieldname);
+            })]
+          }, gridRow.key);
+        })
+      }), totals.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.Table.Foot, {
+        borderTopWidth: 1,
+        borderTopColor: "$color6",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_table.Table.Row, {
+          backgroundColor: "$color2",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.Table.Cell, {
+            cellWidth: ROW_NUMBER_WIDTH,
+            paddingVertical: "$2",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+              fontSize: "$2",
+              fontWeight: "700",
+              color: "$color10",
+              children: t("report.totals", "Totals")
+            })
+          }), columns.map(function (column) {
+            var total = totalsByField.get(column.fieldname);
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.Table.Cell, {
+              cellWidth: column.width,
+              paddingVertical: "$2",
+              justifyContent: alignToJustify(column.align),
+              children: total ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+                fontSize: "$3",
+                fontWeight: "700",
+                color: "$color12",
+                fontFamily: "$mono",
+                children: formatNumericCell(total.value, total.fieldtype)
+              }) : null
+            }, column.fieldname);
+          })]
+        })
+      })]
+    })
+  });
+}
+//# sourceMappingURL=report-grid.native.js.map

package/dist/cjs/report/report-grid.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","report_grid_exports","__export","ReportGrid","module","exports","import_jsx_runtime","require","import_components","import_forms","import_table","import_theme","import_react","import_react2","import_react_i18next","import_i18n","import_listFormat","import_reportViewModel","ROW_NUMBER_WIDTH","alignToJustify","align","formatNumericCell","fieldtype","formatCurrency","formatNumber","Math","round","maximumFractionDigits","formatPercent","precision","ReportCellValue","param","column","row","onOpenLink","raw","fieldname","jsx","Text","fontSize","color","children","REPORT_NUMERIC_FIELDTYPES","has","numeric","Number","fontFamily","isFinite","String","numberOfLines","formatDateCell","options","textDecorationLine","cursor","role","onPress","event","_event_stopPropagation","stopPropagation","call","columns","rows","sort","onSortChange","columnFilters","onColumnFilterChange","onOpenRow","totals","groupByColumn","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","handleSortPress","useCallback","field","order","totalsByField","Map","map","total","gridWidth","reduce","sum","width","ScrollView","horizontal","showsHorizontalScrollIndicator","flexGrow","flexShrink","jsxs","Table","minWidth","displayMode","cellHeight","Head","Row","HeaderCell","cellWidth","sorted","justifyContent","Tooltip","content","XStack","gap","alignItems","tabIndex","defaultValue","label","onKeyDown","key","_event_preventDefault","preventDefault","hoverStyle","opacity","fontWeight","View","CaretDownIcon","size","style","transform","CaretUpDownIcon","paddingVertical","_columnFilters_column_fieldname","placeholder","kind","flex","Input"],"sources":["../../../src/report/report-grid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/report/report-toolbar.cjs

@@ -0,0 +1,264 @@
+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 report_toolbar_exports = {};
+__export(report_toolbar_exports, {
+  ReportToolbar: () => ReportToolbar
+});
+module.exports = __toCommonJS(report_toolbar_exports);
+var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n/index.cjs");
+var import_filter_fields = require("../list/filter-fields.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function ReportToolbar({
+  columns,
+  selected,
+  onToggleColumn,
+  onResetColumns,
+  groupBy,
+  onGroupByChange,
+  baseFilters,
+  onClearBaseFilters,
+  columnFilterCount,
+  onClearColumnFilters,
+  savedReports,
+  currentReport,
+  onSelectReport,
+  onSaveReport,
+  onDeleteReport,
+  onExport,
+  exportDisabled
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const [saveOpen, setSaveOpen] = (0, import_react2.useState)(false);
+  const [saveName, setSaveName] = (0, import_react2.useState)("");
+  const selectedSet = new Set(selected);
+  const groupByColumn = groupBy ? columns.find(column => column.fieldname === groupBy) : void 0;
+  const currentSummary = currentReport ? savedReports.find(report => report.name === currentReport) : void 0;
+  const handleSaveAs = () => {
+    const name = saveName.trim();
+    if (!name) return;
+    onSaveReport(name);
+    setSaveOpen(false);
+    setSaveName("");
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+    alignItems: "center",
+    flexWrap: "wrap",
+    gap: "$2",
+    ...knobProps.panelPadding,
+    paddingVertical: "$2",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DropdownMenu, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: "$3",
+          chromeless: true,
+          icon: import_react.ColumnsIcon,
+          children: t("report.columns", {
+            defaultValue: "Columns ({{enabled}}/{{total}})",
+            enabled: selected.length,
+            total: columns.length
+          })
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DropdownMenu.Content, {
+        maxHeight: 360,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Label, {
+          children: t("report.pickColumns", "Report columns")
+        }), columns.map(column => {
+          const isSelected = selectedSet.has(column.fieldname);
+          const lastSelected = isSelected && selected.length === 1;
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.CheckboxItem, {
+            checked: isSelected,
+            disabled: lastSelected,
+            disabledReason: lastSelected ? t("report.lastColumn", "At least one column stays visible") : void 0,
+            onCheckedChange: () => onToggleColumn(column.fieldname),
+            children: column.label
+          }, column.fieldname);
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
+          onSelect: onResetColumns,
+          children: t("report.resetColumns", "Reset to default columns")
+        })]
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DropdownMenu, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: "$3",
+          chromeless: true,
+          icon: import_react.RowsIcon,
+          children: groupByColumn ? t("report.groupByActive", {
+            defaultValue: "Group by: {{field}}",
+            field: groupByColumn.label
+          }) : t("report.groupBy", "Group by")
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DropdownMenu.Content, {
+        maxHeight: 360,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.CheckboxItem, {
+          checked: !groupBy,
+          closeOnSelect: true,
+          onCheckedChange: () => onGroupByChange(null),
+          children: t("report.groupByNone", "No grouping")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Separator, {}), columns.map(column => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.CheckboxItem, {
+          checked: groupBy === column.fieldname,
+          closeOnSelect: true,
+          onCheckedChange: () => onGroupByChange(column.fieldname),
+          children: column.label
+        }, column.fieldname))]
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DropdownMenu, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: "$3",
+          chromeless: true,
+          icon: import_react.StackIcon,
+          children: currentSummary ? t("report.savedReportActive", {
+            defaultValue: "Report: {{name}}",
+            name: currentSummary.reportName
+          }) : t("report.savedReport", "Select Report")
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DropdownMenu.Content, {
+        maxHeight: 360,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.CheckboxItem, {
+          checked: !currentReport,
+          closeOnSelect: true,
+          onCheckedChange: () => onSelectReport(null),
+          children: t("report.savedReportNone", "New report (unsaved)")
+        }), savedReports.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Separator, {}), savedReports.map(report => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.CheckboxItem, {
+          checked: currentReport === report.name,
+          closeOnSelect: true,
+          onCheckedChange: () => onSelectReport(report.name),
+          children: report.reportName
+        }, report.name)), currentSummary && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
+            destructive: true,
+            onSelect: () => onDeleteReport(currentSummary.name),
+            children: t("report.deleteReport", {
+              defaultValue: "Delete \u201C{{name}}\u201D",
+              name: currentSummary.reportName
+            })
+          })]
+        })]
+      })]
+    }), currentSummary && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+      size: "$3",
+      icon: import_react.FloppyDiskIcon,
+      onPress: () => onSaveReport(currentSummary.name),
+      children: t("report.save", "Save")
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.Popover, {
+      placement: "bottom-start",
+      open: saveOpen,
+      onOpenChange: setSaveOpen,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Popover.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: "$3",
+          chromeless: !!currentSummary,
+          icon: currentSummary ? void 0 : import_react.FloppyDiskIcon,
+          children: t("report.saveAs", "Save As\u2026")
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.Popover.Content, {
+        backgroundColor: "$background",
+        ...knobProps.borderRadius,
+        ...knobProps.panelPadding,
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        elevate: true,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Popover.Arrow, {
+          borderWidth: 1,
+          borderColor: "$borderColor"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+          gap: "$2",
+          alignItems: "center",
+          minWidth: 280,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+            flex: 1,
+            minWidth: 0,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+              size: "$3",
+              compact: true,
+              value: saveName,
+              onChangeText: setSaveName,
+              placeholder: t("report.reportNamePlaceholder", "New report name"),
+              inputProps: {
+                "aria-label": t("report.reportNamePlaceholder", "New report name")
+              }
+            })
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$3",
+            accent: true,
+            disabled: !saveName.trim(),
+            disabledReason: t("report.saveNeedsName", "Name the report to save it"),
+            disabledReasonPlacement: "inline",
+            onPress: handleSaveAs,
+            children: t("report.save", "Save")
+          })]
+        })]
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+      flex: 1
+    }), baseFilters.map((tuple, index) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+      alignItems: "center",
+      backgroundColor: "$color3",
+      borderRadius: 999,
+      paddingHorizontal: "$2.5",
+      paddingVertical: "$1",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        fontSize: "$2",
+        color: "$color11",
+        children: (0, import_filter_fields.filterTupleLabel)([...columns], tuple)
+      })
+    }, `${tuple[0]}-${index}`)), onClearBaseFilters && baseFilters.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+      size: "$3",
+      chromeless: true,
+      onPress: onClearBaseFilters,
+      children: t("report.clearFilters", "Clear filters")
+    }), columnFilterCount > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+      size: "$3",
+      chromeless: true,
+      onPress: onClearColumnFilters,
+      children: t("report.clearColumnFilters", {
+        defaultValue: "Clear column filters ({{count}})",
+        count: columnFilterCount
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+      size: "$3",
+      icon: import_react.DownloadSimpleIcon,
+      disabled: exportDisabled,
+      disabledReason: exportDisabled ? t("report.exportEmpty", "No rows to export") : void 0,
+      disabledReasonPlacement: "inline",
+      onPress: onExport,
+      children: t("report.export", "Export CSV")
+    })]
+  });
+}