@nubitio/crud 0.5.20 → 0.5.22

package/dist/index.cjs

@@ -2110,7 +2110,7 @@ function buildToolbar(options, t, onAddClick, includeAddAction = true) {
 		showRefresh: options.toolbar?.showRefresh ?? true
 	};
 }
-function SummaryFooter({ fields, hasCheckbox, hasDetail, hasRowActions, rows, summaryFields, footerRef, colWidths }) {
+function SummaryFooter({ fields, hasCheckbox, hasDetail, hasRowActions, rows, summaryFields, gridSummary, footerRef, colWidths }) {
 	if (!summaryFields?.length) return null;
 	const itemsByColumn = new Map(summaryFields.filter((item) => item.column).map((item) => [item.column, item]));
 	const unboundItems = summaryFields.filter((item) => !item.column);
@@ -2138,7 +2138,7 @@ function SummaryFooter({ fields, hasCheckbox, hasDetail, hasRowActions, rows, su
 							children: item.label
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "nb-datagrid__summary-value",
-							children: resolveSummaryText(rows, item)
+							children: item.column && gridSummary && item.column in gridSummary ? formatSummaryValue(gridSummary[item.column], item) : resolveSummaryText(rows, item)
 						})]
 					})
 				}, field.name);
@@ -2159,6 +2159,7 @@ const NativeDataGridView = (0, react.forwardRef)((options, ref) => {
 	const [rows, setRows] = (0, react.useState)([]);
 	const rowsRef = (0, react.useRef)([]);
 	const [totalCount, setTotalCount] = (0, react.useState)(0);
+	const [gridSummary, setGridSummary] = (0, react.useState)(null);
 	const [selectedKeys, setSelectedKeys] = (0, react.useState)([]);
 	const [filters, setFilters] = (0, react.useState)({});
 	const [filterInputs, setFilterInputs] = (0, react.useState)({});
@@ -2340,6 +2341,7 @@ const NativeDataGridView = (0, react.forwardRef)((options, ref) => {
 		rowsRef.current = result.data;
 		setRows(result.data);
 		setTotalCount(result.totalCount);
+		setGridSummary(result.gridSummary ?? null);
 		setIsGridLoading(false);
 		onContentReadyRef.current?.();
 		return result.data;
@@ -3135,6 +3137,7 @@ const NativeDataGridView = (0, react.forwardRef)((options, ref) => {
 										hasRowActions,
 										rows,
 										summaryFields: options.summaryFields,
+										gridSummary,
 										footerRef: tfootRef,
 										colWidths: resolvedColWidths
 									})
@@ -3173,7 +3176,7 @@ const NativeDataGridView = (0, react.forwardRef)((options, ref) => {
 								children: item.label
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: "nb-datagrid__summary-value",
-								children: resolveSummaryText(rows, item)
+								children: item.column && gridSummary && item.column in gridSummary ? formatSummaryValue(gridSummary[item.column], item) : resolveSummaryText(rows, item)
 							})]
 						}, index))
 					}),
@@ -7466,7 +7469,7 @@ function ResourceSchemaProvider({ children, resolver }) {
 		children
 	});
 }
-function resolveWithRuntimeErrors(resolver, supportedOperations = [], formLayout, workflow) {
+function resolveWithRuntimeErrors(resolver, supportedOperations = [], formLayout, workflow, summaryFields) {
 	try {
 		return {
 			fields: resolver(),
@@ -7474,7 +7477,8 @@ function resolveWithRuntimeErrors(resolver, supportedOperations = [], formLayout
 			error: void 0,
 			supportedOperations,
 			formLayout,
-			workflow
+			workflow,
+			summaryFields
 		};
 	} catch (runtimeError) {
 		return {
@@ -7483,7 +7487,8 @@ function resolveWithRuntimeErrors(resolver, supportedOperations = [], formLayout
 			error: runtimeError instanceof Error ? runtimeError : new Error(String(runtimeError)),
 			supportedOperations,
 			formLayout,
-			workflow
+			workflow,
+			summaryFields
 		};
 	}
 }
@@ -7509,7 +7514,7 @@ function useResolvedResourceFields({ apiUrl, manualFields, overrides, fieldContr
 			baselineFields: baseline.fields,
 			contract: fieldContract,
 			legacyOverrides: fieldContract ? void 0 : overrides
-		}), baseline.supportedOperations, baseline.formLayout, baseline.workflow);
+		}), baseline.supportedOperations, baseline.formLayout, baseline.workflow, baseline.summaryFields);
 	}, [
 		baseline,
 		fieldContract,
@@ -7611,7 +7616,7 @@ function SmartCrudPage({ resource, fieldOverrides, formRef, onSelectionChanged,
 	const effectiveGridRef = gridRef ?? internalGridRef;
 	const resolvedBaseResource = (0, react.useMemo)(() => resolveCrudResource(resource), [resource]);
 	const hasManualFields = !resource.fieldContract && Array.isArray(resource.fields) && resource.fields.length > 0;
-	const { fields, isLoading, error, supportedOperations, formLayout: inferredFormLayout, workflow } = useResolvedResourceFields({
+	const { fields, isLoading, error, supportedOperations, formLayout: inferredFormLayout, workflow, summaryFields: inferredSummaryFields } = useResolvedResourceFields({
 		apiUrl: resolvedBaseResource.apiUrl,
 		manualFields: hasManualFields ? buildFields(resource.fields) : void 0,
 		overrides: hasManualFields ? void 0 : fieldOverrides,
@@ -7653,6 +7658,7 @@ function SmartCrudPage({ resource, fieldOverrides, formRef, onSelectionChanged,
 			fields: hasManualFields ? buildFields(resource.fields) : gridFields,
 			formFields,
 			formLayout: resolvedBaseResource.formLayout ?? inferredFormLayout,
+			summaryFields: resolvedBaseResource.summaryFields ?? inferredSummaryFields,
 			_supportedOperations: supportedOperations,
 			rowActions
 		};
@@ -7662,6 +7668,7 @@ function SmartCrudPage({ resource, fieldOverrides, formRef, onSelectionChanged,
 		gridFields,
 		hasManualFields,
 		inferredFormLayout,
+		inferredSummaryFields,
 		normalizedApiUrl,
 		formFields,
 		resolvedBaseResource,
@@ -8627,15 +8634,26 @@ function createRestResourceStore(dialect = {}) {
 				if (result === null) return {
 					data: [],
 					totalCount: 0,
-					summary: null
+					summary: null,
+					gridSummary: null
 				};
 				const body = result.data;
 				const data = Array.isArray(body) ? body : body.items ?? body.data ?? [];
 				const headerTotal = Number(result.headers.get("x-total-count"));
+				const totalCount = Array.isArray(body) ? Number.isFinite(headerTotal) && headerTotal > 0 ? headerTotal : body.length : body.total ?? body.totalCount ?? data.length;
+				const gridSummaryHeader = result.headers.get("x-grid-summary");
+				let gridSummary = null;
+				if (gridSummaryHeader) try {
+					const parsed = JSON.parse(gridSummaryHeader);
+					if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) gridSummary = parsed;
+				} catch {
+					gridSummary = null;
+				}
 				return {
 					data,
-					totalCount: Array.isArray(body) ? Number.isFinite(headerTotal) && headerTotal > 0 ? headerTotal : body.length : body.total ?? body.totalCount ?? data.length,
-					summary: null
+					totalCount,
+					summary: null,
+					gridSummary
 				};
 			},
 			async byKey(key) {

package/dist/index.d.cts

@@ -1549,6 +1549,8 @@ interface DataGridViewOptions {
   /** Per-row gate for the Delete action. Absent = allowed. */
   canDeleteRow?: (row: DataRecord$1) => boolean;
   summaryFields?: DataGridSummaryItem[];
+  /** Server-side aggregates for the current filtered collection. */
+  gridSummary?: Record<string, unknown> | null;
   filter?: FilterRule[];
   sort?: Array<{
     selector: string;
@@ -1919,6 +1921,7 @@ interface ResourceSchemaResolution {
    */
   formLayout?: FormLayout;
   workflow?: WorkflowSchema;
+  summaryFields?: SummaryItem[];
 }
 interface ResourceSchemaResolver {
   useResourceSchema(request: ResourceSchemaRequest): ResourceSchemaResolution;

package/dist/index.d.mts

@@ -1549,6 +1549,8 @@ interface DataGridViewOptions {
   /** Per-row gate for the Delete action. Absent = allowed. */
   canDeleteRow?: (row: DataRecord$1) => boolean;
   summaryFields?: DataGridSummaryItem[];
+  /** Server-side aggregates for the current filtered collection. */
+  gridSummary?: Record<string, unknown> | null;
   filter?: FilterRule[];
   sort?: Array<{
     selector: string;
@@ -1919,6 +1921,7 @@ interface ResourceSchemaResolution {
    */
   formLayout?: FormLayout;
   workflow?: WorkflowSchema;
+  summaryFields?: SummaryItem[];
 }
 interface ResourceSchemaResolver {
   useResourceSchema(request: ResourceSchemaRequest): ResourceSchemaResolution;

package/dist/index.mjs

@@ -2086,7 +2086,7 @@ function buildToolbar(options, t, onAddClick, includeAddAction = true) {
 		showRefresh: options.toolbar?.showRefresh ?? true
 	};
 }
-function SummaryFooter({ fields, hasCheckbox, hasDetail, hasRowActions, rows, summaryFields, footerRef, colWidths }) {
+function SummaryFooter({ fields, hasCheckbox, hasDetail, hasRowActions, rows, summaryFields, gridSummary, footerRef, colWidths }) {
 	if (!summaryFields?.length) return null;
 	const itemsByColumn = new Map(summaryFields.filter((item) => item.column).map((item) => [item.column, item]));
 	const unboundItems = summaryFields.filter((item) => !item.column);
@@ -2114,7 +2114,7 @@ function SummaryFooter({ fields, hasCheckbox, hasDetail, hasRowActions, rows, su
 							children: item.label
 						}), /* @__PURE__ */ jsx("span", {
 							className: "nb-datagrid__summary-value",
-							children: resolveSummaryText(rows, item)
+							children: item.column && gridSummary && item.column in gridSummary ? formatSummaryValue(gridSummary[item.column], item) : resolveSummaryText(rows, item)
 						})]
 					})
 				}, field.name);
@@ -2135,6 +2135,7 @@ const NativeDataGridView = forwardRef((options, ref) => {
 	const [rows, setRows] = useState([]);
 	const rowsRef = useRef([]);
 	const [totalCount, setTotalCount] = useState(0);
+	const [gridSummary, setGridSummary] = useState(null);
 	const [selectedKeys, setSelectedKeys] = useState([]);
 	const [filters, setFilters] = useState({});
 	const [filterInputs, setFilterInputs] = useState({});
@@ -2316,6 +2317,7 @@ const NativeDataGridView = forwardRef((options, ref) => {
 		rowsRef.current = result.data;
 		setRows(result.data);
 		setTotalCount(result.totalCount);
+		setGridSummary(result.gridSummary ?? null);
 		setIsGridLoading(false);
 		onContentReadyRef.current?.();
 		return result.data;
@@ -3111,6 +3113,7 @@ const NativeDataGridView = forwardRef((options, ref) => {
 										hasRowActions,
 										rows,
 										summaryFields: options.summaryFields,
+										gridSummary,
 										footerRef: tfootRef,
 										colWidths: resolvedColWidths
 									})
@@ -3149,7 +3152,7 @@ const NativeDataGridView = forwardRef((options, ref) => {
 								children: item.label
 							}), /* @__PURE__ */ jsx("span", {
 								className: "nb-datagrid__summary-value",
-								children: resolveSummaryText(rows, item)
+								children: item.column && gridSummary && item.column in gridSummary ? formatSummaryValue(gridSummary[item.column], item) : resolveSummaryText(rows, item)
 							})]
 						}, index))
 					}),
@@ -7442,7 +7445,7 @@ function ResourceSchemaProvider({ children, resolver }) {
 		children
 	});
 }
-function resolveWithRuntimeErrors(resolver, supportedOperations = [], formLayout, workflow) {
+function resolveWithRuntimeErrors(resolver, supportedOperations = [], formLayout, workflow, summaryFields) {
 	try {
 		return {
 			fields: resolver(),
@@ -7450,7 +7453,8 @@ function resolveWithRuntimeErrors(resolver, supportedOperations = [], formLayout
 			error: void 0,
 			supportedOperations,
 			formLayout,
-			workflow
+			workflow,
+			summaryFields
 		};
 	} catch (runtimeError) {
 		return {
@@ -7459,7 +7463,8 @@ function resolveWithRuntimeErrors(resolver, supportedOperations = [], formLayout
 			error: runtimeError instanceof Error ? runtimeError : new Error(String(runtimeError)),
 			supportedOperations,
 			formLayout,
-			workflow
+			workflow,
+			summaryFields
 		};
 	}
 }
@@ -7485,7 +7490,7 @@ function useResolvedResourceFields({ apiUrl, manualFields, overrides, fieldContr
 			baselineFields: baseline.fields,
 			contract: fieldContract,
 			legacyOverrides: fieldContract ? void 0 : overrides
-		}), baseline.supportedOperations, baseline.formLayout, baseline.workflow);
+		}), baseline.supportedOperations, baseline.formLayout, baseline.workflow, baseline.summaryFields);
 	}, [
 		baseline,
 		fieldContract,
@@ -7587,7 +7592,7 @@ function SmartCrudPage({ resource, fieldOverrides, formRef, onSelectionChanged,
 	const effectiveGridRef = gridRef ?? internalGridRef;
 	const resolvedBaseResource = useMemo(() => resolveCrudResource(resource), [resource]);
 	const hasManualFields = !resource.fieldContract && Array.isArray(resource.fields) && resource.fields.length > 0;
-	const { fields, isLoading, error, supportedOperations, formLayout: inferredFormLayout, workflow } = useResolvedResourceFields({
+	const { fields, isLoading, error, supportedOperations, formLayout: inferredFormLayout, workflow, summaryFields: inferredSummaryFields } = useResolvedResourceFields({
 		apiUrl: resolvedBaseResource.apiUrl,
 		manualFields: hasManualFields ? buildFields(resource.fields) : void 0,
 		overrides: hasManualFields ? void 0 : fieldOverrides,
@@ -7629,6 +7634,7 @@ function SmartCrudPage({ resource, fieldOverrides, formRef, onSelectionChanged,
 			fields: hasManualFields ? buildFields(resource.fields) : gridFields,
 			formFields,
 			formLayout: resolvedBaseResource.formLayout ?? inferredFormLayout,
+			summaryFields: resolvedBaseResource.summaryFields ?? inferredSummaryFields,
 			_supportedOperations: supportedOperations,
 			rowActions
 		};
@@ -7638,6 +7644,7 @@ function SmartCrudPage({ resource, fieldOverrides, formRef, onSelectionChanged,
 		gridFields,
 		hasManualFields,
 		inferredFormLayout,
+		inferredSummaryFields,
 		normalizedApiUrl,
 		formFields,
 		resolvedBaseResource,
@@ -8603,15 +8610,26 @@ function createRestResourceStore(dialect = {}) {
 				if (result === null) return {
 					data: [],
 					totalCount: 0,
-					summary: null
+					summary: null,
+					gridSummary: null
 				};
 				const body = result.data;
 				const data = Array.isArray(body) ? body : body.items ?? body.data ?? [];
 				const headerTotal = Number(result.headers.get("x-total-count"));
+				const totalCount = Array.isArray(body) ? Number.isFinite(headerTotal) && headerTotal > 0 ? headerTotal : body.length : body.total ?? body.totalCount ?? data.length;
+				const gridSummaryHeader = result.headers.get("x-grid-summary");
+				let gridSummary = null;
+				if (gridSummaryHeader) try {
+					const parsed = JSON.parse(gridSummaryHeader);
+					if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) gridSummary = parsed;
+				} catch {
+					gridSummary = null;
+				}
 				return {
 					data,
-					totalCount: Array.isArray(body) ? Number.isFinite(headerTotal) && headerTotal > 0 ? headerTotal : body.length : body.total ?? body.totalCount ?? data.length,
-					summary: null
+					totalCount,
+					summary: null,
+					gridSummary
 				};
 			},
 			async byKey(key) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nubitio/crud",
-  "version": "0.5.20",
+  "version": "0.5.22",
   "type": "module",
   "description": "Declarative CRUD engine with field DSL, forms, datagrids, RBAC, conditional logic and pluggable adapters (Hydra/REST).",
   "license": "MIT",
@@ -56,7 +56,7 @@
     "react-dom": "^19.0.0",
     "react-i18next": "^14.0.0",
     "react-router-dom": "^6.0.0",
-    "@nubitio/core": "^0.5.20",
-    "@nubitio/ui": "^0.5.20"
+    "@nubitio/core": "^0.5.22",
+    "@nubitio/ui": "^0.5.22"
   }
 }