@pagamio/frontend-commons-lib 0.8.214 → 0.8.216

package/lib/dashboard-visuals/index.js

@@ -7,7 +7,7 @@ import { FilterComponent, Tab } from '../components';
 import { useMediaQueries } from '../shared';
 import ErrorState from './components/ErrorState';
 import FilterComponentSkeleton from './components/FilterComponentSkeleton';
-import { defaultDashboardApiPaths, getFilterOptionsData, getGridColProps } from './utils';
+import { DashboardPaths, defaultDashboardApiPaths, getFilterOptionsData, getGridColProps, } from './utils';
 import componentRegistry from './visualRegistry';
 const OverviewContent = ({ visualData, renderContent, renderVisual }) => {
     return (_jsxs(_Fragment, { children: [renderContent(), _jsx("main", { children: visualData.map((section) => (_jsxs("div", { className: "mb-2", children: [section.sectionTitle && _jsx("h2", { className: "mb-2 text-1xl font-semibold", children: section.sectionTitle }), _jsx(Grid, { gutter: "md", align: "stretch", className: "mb-[6px]", children: section.data.map((visual) => {
@@ -170,9 +170,15 @@ const DashboardWrapper = ({ data, showVisualHeader = true, showEventsTabbedLayou
             return null;
         }
         // Determine URL based on component type and custom apiPaths
-        // If metricData already has a custom url, use it; otherwise use apiPaths
+        // Priority:
+        // 1. metricData.url (Specific override)
+        // 2. apiPaths.metrics/query (Configured path)
+        // 3. DashboardPaths.METRICS/QUERY (Library default)
         const isTileType = metricData.type === 'Tile' || metricData.type === 'MetricSummaryCard';
-        const defaultUrl = isTileType ? apiPaths.metrics : apiPaths.query;
+        // Determine the API path or fallback default
+        const defaultPath = isTileType ? DashboardPaths.METRICS : DashboardPaths.QUERY;
+        const apiPath = isTileType ? apiPaths.metrics : apiPaths.query;
+        const defaultUrl = apiPath || defaultPath;
         const url = metricData.url || defaultUrl;
         const props = {
             data: metricData.data,
@@ -187,6 +193,7 @@ const DashboardWrapper = ({ data, showVisualHeader = true, showEventsTabbedLayou
             currencyDisplaySymbol: metricData.currencyDisplaySymbol,
             ...metricData,
             url, // Override url with apiPaths or metricData.url
+            statisticsUrl: apiPaths.metrics || DashboardPaths.METRICS,
         };
         return (_jsx(Grid.Col, { span: matchesSmall ? 12 : span, offset: offset, children: _jsx(VisualComponent, { ...props }) }, `visual-${sectionTitle}-${visual.id}`));
     }, [config.themeColor, isXs, isSm, apiPaths]);

package/lib/dashboard-visuals/utils/chartOptions.js

@@ -286,7 +286,6 @@ export const getDonutChartOptions = ({ data }) => {
     return chartOptions;
 };
 export const formatChartLabel = (params) => {
-    console.log('formatChartLabel params', params);
     const formattedValue = params.value.toLocaleString();
     const percentage = params.treeMapPercent ? ` (${params.treeMapPercent.toFixed(1)}%)` : '';
     return `${params.name}\n${params.valueLabel}: ${formattedValue}\n${percentage}`;

package/lib/dashboard-visuals/visuals/Tile.js

@@ -4,8 +4,9 @@ import Card from '../components/CardWrapper';
 import ChartWrapper from '../components/ChartWrapper';
 import { useChartData } from '../hooks/useChartData';
 import { DashboardPaths, formatValue } from '../utils';
-const Tile = ({ query, title, format, url = DashboardPaths.METRICS, details, valueKey, previousValueKey, changeKey, currency: propCurrency, currencyDisplaySymbol, ...props }) => {
-    const { data, error, loading, isEmpty, refresh } = useChartData(url, query);
+const Tile = ({ query, title, format, url, details, valueKey, previousValueKey, changeKey, currency: propCurrency, currencyDisplaySymbol, ...props }) => {
+    const effectiveUrl = url || DashboardPaths.METRICS;
+    const { data, error, loading, isEmpty, refresh } = useChartData(effectiveUrl, query);
     // Safe default values - handle both flat and nested data structures
     let value = 0;
     if (data) {

package/lib/dashboard-visuals-v2/DashboardWrapperV2.js

@@ -168,8 +168,14 @@ export function DashboardWrapperV2({ data, showVisualHeader = true, showEventsTa
             return null;
         }
         // Determine API URL based on component type
+        // Priority:
+        // 1. metricData.url (Specific override)
+        // 2. apiPaths.metrics/query (Configured path)
+        // 3. Fallback to hardcoded defaults (if apiPaths is incomplete)
         const isTileType = metricData.type === 'Tile' || metricData.type === 'StatCard' || metricData.type === 'MetricCard';
-        const defaultUrl = isTileType ? apiPaths.metrics : apiPaths.query;
+        const defaultPath = isTileType ? defaultDashboardApiPaths.metrics : defaultDashboardApiPaths.query;
+        const apiPath = isTileType ? apiPaths.metrics : apiPaths.query;
+        const defaultUrl = apiPath || defaultPath;
         const url = metricData.url || defaultUrl;
         // Build props compatible with V2 components
         const props = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagamio/frontend-commons-lib",
   "description": "Pagamio library for Frontend reusable components like the form engine and table container",
-  "version": "0.8.214",
+  "version": "0.8.216",
   "publishConfig": {
     "access": "public",
     "provenance": false