@fayz-ai/plugin-reports 0.13.3 → 0.13.4

package/dist/index.js

@@ -5,9 +5,9 @@ export { exportToPdf } from './chunk-BPTKNPXQ.js';
 import { expandBagColumns, formatValuePlain, reportColumnsToTanstack } from './chunk-4QIHTUXD.js';
 import * as React10 from 'react';
 import React10__default, { useState, useEffect } from 'react';
-import { usePluginRuntime, getAnalyticsCards, exportCSV, useTranslation, registerTranslations, createSafeDataProvider, getSupabaseClientOptional, hashRouterAdapter } from '@fayz-ai/core';
+import { usePluginRuntime, getAnalyticsCards, useTranslation, exportCSV, registerTranslations, createSafeDataProvider, getSupabaseClientOptional, hashRouterAdapter } from '@fayz-ai/core';
 import { useOrganizationStore, useShellRailAvailable, useContextualNav, askAI, useAgentSurface, QuickActionsButton, AssistantInvite, RightRailPage } from '@fayz-ai/admin';
-import { AnalyticsContextProvider, useModuleLayout, ModulePage, collectFilters, AnalyticsControls, AnalyticsGrid, Card, FilterChip, DataTable, Button, SubpageHeader, useAnalyticsCard, useAnalyticsCardRows, ToolbarAction, PageHeaderActions, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, useAnalyticsContext, AnalyticsCard, Dropdown, DropdownTrigger, DropdownContent, DropdownItem, Badge, getLucideIcon, Input, Checkbox } from '@fayz-ai/ui';
+import { AnalyticsContextProvider, useModuleLayout, ModulePage, collectFilters, AnalyticsControls, AnalyticsGrid, Card, FilterChip, DataTable, Button, SubpageHeader, useToolbarPanelClose, useAnalyticsCard, useAnalyticsCardRows, ToolbarAction, PageHeaderActions, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, useAnalyticsContext, useAnalyticsAllRows, StatementTable, formatBucket, AnalyticsCard, Dropdown, DropdownTrigger, DropdownContent, DropdownItem, Badge, getLucideIcon, Input, Checkbox } from '@fayz-ai/ui';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { BarChart3, User, Search, ArrowLeft, Printer, RotateCcw, ChevronUp, ChevronDown, EyeOff, Eye, Trash2, Construction, Download, GripVertical, SlidersHorizontal, Radio, ChevronLeft, ChevronRight } from 'lucide-react';
 
@@ -1774,6 +1774,8 @@ function useAnalyticsTree() {
   }), [labels, showLiveView, cards, t]);
 }
 function AnalyticsModule({ view, cardId, children }) {
+  const t = useTranslation();
+  const { labels } = useAnalyticsConfig();
   const variant = useModuleLayout();
   const tree = useAnalyticsTree();
   const activeId = cardId ? decodeURIComponent(cardId) : void 0;
@@ -1812,7 +1814,12 @@ function AnalyticsModule({ view, cardId, children }) {
       section: "main"
     }
   ], [tree]);
-  useContextualNav(claimsRail ? { base: ANALYTICS_BASE, entries, label: tree.title } : null);
+  useContextualNav(claimsRail ? {
+    base: ANALYTICS_BASE,
+    entries,
+    label: tree.title,
+    searchPlaceholder: labels.searchReports ?? t("reports.search")
+  } : null);
   const nav = React10__default.useMemo(() => {
     if (claimsRail) return [];
     return [
@@ -2113,6 +2120,8 @@ function ViewerBody({ card }) {
   const { labels, currency } = useAnalyticsConfig();
   const { state, setPage, setPageSize } = useAnalyticsContext();
   const { result, loading, error, engineMissing } = useAnalyticsCard(card);
+  const isStatement = card.viz.type === "statement" && !!card.viz.statement;
+  const all = useAnalyticsAllRows(card, isStatement && card.available !== false);
   const columns = React10__default.useMemo(() => cardColumns(card), [card]);
   const expanded = React10__default.useMemo(
     () => expandBagColumns(columns, result?.rows ?? []),
@@ -2131,6 +2140,29 @@ function ViewerBody({ card }) {
     ] });
   }
   const hasViz = card.viz.type !== "table" || (card.query.measures?.length ?? 0) > 0;
+  if (isStatement && card.viz.statement) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      engineMissing ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-muted/40 p-3 text-sm", children: [
+        /* @__PURE__ */ jsx("p", { className: "font-medium", children: "Analytics engine not installed" }),
+        /* @__PURE__ */ jsxs("p", { className: "mt-0.5 text-muted-foreground", children: [
+          "This report aggregates server-side and needs migration 0039 (",
+          /* @__PURE__ */ jsx("code", { className: "text-xs", children: "analytics_run" }),
+          " + the read models) applied to this project."
+        ] })
+      ] }) : error ?? all.error ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-destructive/50 bg-destructive/10 p-3 text-sm text-destructive", children: error ?? all.error }) : null,
+      /* @__PURE__ */ jsx(
+        StatementTable,
+        {
+          rows: all.rows,
+          def: card.viz.statement,
+          currency,
+          formatPeriod: (p) => formatBucket(p, "month"),
+          emptyMessage: labels.noResults,
+          loading: all.loading
+        }
+      )
+    ] });
+  }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     hasViz ? /* @__PURE__ */ jsx(
       AnalyticsCard,
@@ -2147,7 +2179,7 @@ function ViewerBody({ card }) {
         " + the read models) applied to this project."
       ] })
     ] }) : error ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-destructive/50 bg-destructive/10 p-3 text-sm text-destructive", children: error }) : null,
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: "print-flow", children: /* @__PURE__ */ jsx(
       DataTable,
       {
         columns: tanstackColumns,
@@ -2158,7 +2190,7 @@ function ViewerBody({ card }) {
         variant: "card",
         compact: true
       }
-    ),
+    ) }),
     !loading ? /* @__PURE__ */ jsx("div", { className: "no-print", children: /* @__PURE__ */ jsx(
       ReportPagination,
       {
@@ -2211,6 +2243,13 @@ function AnalyticsReportViewer({ cardId }) {
 }
 function ViewerActions({ card }) {
   const { currency, labels } = useAnalyticsConfig();
+  const closePanel = useToolbarPanelClose();
+  const print = React10__default.useCallback(() => {
+    closePanel();
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => window.setTimeout(() => window.print(), 120));
+    });
+  }, [closePanel]);
   const { result } = useAnalyticsCard(card);
   const columns = React10__default.useMemo(() => cardColumns(card), [card]);
   const fetchAll = useAnalyticsCardRows(card);
@@ -2227,7 +2266,7 @@ function ViewerActions({ card }) {
         title: card.name
       }
     ),
-    /* @__PURE__ */ jsx(ToolbarAction, { icon: Printer, onClick: () => window.print(), children: labels.print })
+    /* @__PURE__ */ jsx(ToolbarAction, { icon: Printer, onClick: print, children: labels.print })
   ] });
 }
 function LiveViewPage() {