drf-react-by-schema 0.28.25 → 0.28.27

package/dist/components/details/DetailFieldBySchema.js

@@ -19,19 +19,42 @@ const Image_1 = __importDefault(require("../Image"));
 const FileTypeIcon_1 = __importDefault(require("../FileTypeIcon"));
 const HtmlContent_1 = __importDefault(require("../HtmlContent"));
 const GeoThumbCell_1 = __importDefault(require("../DataGridBySchemaEditable/GeoThumbCell"));
-function DetailFieldBySchema({ fieldKey, fieldSchema, value, sxField, sxLabel, sxValue, sxValueList, sxValueListItem, sxValueListItemText, }) {
+const detailPaths_1 = require("./detailPaths");
+function DetailFieldBySchema({ fieldKey, fieldSchema, value, item, valueFormatter, renderValue, emptyValue, hideIfEmpty, sxField, sxLabel, sxValue, sxValueList, sxValueListItem, sxValueListItemText, }) {
     const { serverEndPoint } = (0, DRFReactBySchemaContext_1.useDRFReactBySchema)();
     if (!fieldSchema) {
         console.error(`DetailFieldBySchema: could not find schema for field ${fieldKey}`);
         return null;
     }
     if (!value) {
-        return react_1.default.createElement(Box_1.default, { sx: sxField }, "-");
+        return react_1.default.createElement(Box_1.default, { sx: sxField }, emptyValue === undefined ? '-' : emptyValue);
     }
+    const rawValue = value.value;
+    const isEmpty = (0, detailPaths_1.isEmptyDetailValue)(rawValue);
+    const resolvedItem = (item || {});
+    const label = value.title;
+    if (isEmpty && hideIfEmpty) {
+        return null;
+    }
+    if (isEmpty && emptyValue !== undefined) {
+        return (react_1.default.createElement(Box_1.default, { sx: sxField },
+            react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, label),
+            emptyValue));
+    }
+    if (renderValue) {
+        return (react_1.default.createElement(Box_1.default, { sx: sxField },
+            react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, label),
+            renderValue({ value: rawValue, item: resolvedItem, fieldSchema, label })));
+    }
+    const formatted = !isEmpty && valueFormatter
+        ? valueFormatter(rawValue, resolvedItem, fieldSchema)
+        : value.valueStr;
+    const valueStr = typeof formatted === 'string' ? formatted : (formatted !== null && formatted !== void 0 ? formatted : '');
+    const valueStrParts = String(valueStr).split(', ');
     if (fieldSchema.model_html) {
-        const html = typeof value.value === 'string' ? value.value : value.valueStr;
+        const html = typeof rawValue === 'string' ? rawValue : valueStr;
         return (react_1.default.createElement(Box_1.default, { sx: sxField },
-            react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, value.title),
+            react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, label),
             react_1.default.createElement(HtmlContent_1.default, { html: html, sx: sxValue })));
     }
     const fieldType = fieldSchema.type;
@@ -41,55 +64,55 @@ function DetailFieldBySchema({ fieldKey, fieldSchema, value, sxField, sxLabel, s
             const multiple = fieldSchema.many || false;
             if (multiple) {
                 return (react_1.default.createElement(Box_1.default, { sx: sxField },
-                    react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, value.title),
-                    value.value.length > 0 ? (react_1.default.createElement(List_1.default, { sx: sxValueList }, value.valueStr.split(', ').map((singleValue, index) => (react_1.default.createElement(ListItem_1.default, { key: `${value.title}_${index}`, sx: sxValueListItem },
+                    react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, label),
+                    value.value && value.value.length > 0 ? (react_1.default.createElement(List_1.default, { sx: sxValueList }, valueStrParts.map((singleValue, index) => (react_1.default.createElement(ListItem_1.default, { key: `${label}_${index}`, sx: sxValueListItem },
                         react_1.default.createElement(ListItemText_1.default, { sx: sxValueListItemText }, singleValue)))))) : (react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue }, "-"))));
             }
             return (react_1.default.createElement(Box_1.default, { sx: sxField },
-                react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, value.title),
-                react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue }, value.valueStr)));
+                react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, label),
+                react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue }, valueStr)));
         case 'choice':
         case 'list':
             const multipleChoice = fieldType === 'list' || fieldSchema.many ? true : false;
             if (multipleChoice) {
                 return (react_1.default.createElement(Box_1.default, { sx: sxField },
-                    react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, value.title),
-                    value.value.length > 0 ? (react_1.default.createElement(List_1.default, { sx: sxValueList }, value.valueStr.split(', ').map((singleValue, index) => (react_1.default.createElement(ListItem_1.default, { key: `${value.title}_${index}`, sx: sxValueListItem },
+                    react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, label),
+                    value.value && value.value.length > 0 ? (react_1.default.createElement(List_1.default, { sx: sxValueList }, valueStrParts.map((singleValue, index) => (react_1.default.createElement(ListItem_1.default, { key: `${label}_${index}`, sx: sxValueListItem },
                         react_1.default.createElement(ListItemText_1.default, { sx: sxValueListItemText }, singleValue)))))) : (react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue }, "-"))));
             }
             return (react_1.default.createElement(Box_1.default, { sx: sxField },
-                react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, value.title),
-                react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue }, value.valueStr)));
+                react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, label),
+                react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue }, valueStr)));
         case 'email':
             return (react_1.default.createElement(Box_1.default, { sx: sxField },
-                react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, value.title),
+                react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, label),
                 react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue },
-                    react_1.default.createElement("a", { href: `mailto: ${value.valueStr}` }, value.valueStr))));
+                    react_1.default.createElement("a", { href: `mailto: ${valueStr}` }, valueStr))));
         case 'file upload':
             return (react_1.default.createElement(Box_1.default, { sx: sxField },
-                react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, value.title),
-                value.value ? (react_1.default.createElement(Stack_1.default, { direction: "row", spacing: 1, alignItems: "center" },
-                    react_1.default.createElement(FileTypeIcon_1.default, { name: value.value.name }),
+                react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, label),
+                rawValue ? (react_1.default.createElement(Stack_1.default, { direction: "row", spacing: 1, alignItems: "center" },
+                    react_1.default.createElement(FileTypeIcon_1.default, { name: rawValue.name }),
                     react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue },
-                        react_1.default.createElement(Button_1.default, { href: `${serverEndPoint === null || serverEndPoint === void 0 ? void 0 : serverEndPoint.url}${value.value.url}`, target: "_blank", variant: "outlined", startIcon: react_1.default.createElement(Download_1.default, null) }, value.valueStr)))) : (react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue }, "-"))));
+                        react_1.default.createElement(Button_1.default, { href: `${serverEndPoint === null || serverEndPoint === void 0 ? void 0 : serverEndPoint.url}${rawValue.url}`, target: "_blank", variant: "outlined", startIcon: react_1.default.createElement(Download_1.default, null) }, valueStr)))) : (react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue }, "-"))));
         case 'image upload':
             return (react_1.default.createElement(Box_1.default, { sx: sxField },
-                react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, value.title),
-                value.value ? (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(Image_1.default, { sx: styles_1.Layout.detailFieldImg, src: `${serverEndPoint === null || serverEndPoint === void 0 ? void 0 : serverEndPoint.url}${value.value.url}`, alt: value.valueStr }),
+                react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, label),
+                rawValue ? (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(Image_1.default, { sx: styles_1.Layout.detailFieldImg, src: `${serverEndPoint === null || serverEndPoint === void 0 ? void 0 : serverEndPoint.url}${rawValue.url}`, alt: valueStr }),
                     react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue },
-                        react_1.default.createElement(Button_1.default, { href: `${serverEndPoint === null || serverEndPoint === void 0 ? void 0 : serverEndPoint.url}${value.value.url}`, target: "_blank", variant: "contained", startIcon: react_1.default.createElement(Download_1.default, null) }, value.valueStr)))) : (react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue }, "-"))));
+                        react_1.default.createElement(Button_1.default, { href: `${serverEndPoint === null || serverEndPoint === void 0 ? void 0 : serverEndPoint.url}${rawValue.url}`, target: "_blank", variant: "contained", startIcon: react_1.default.createElement(Download_1.default, null) }, valueStr)))) : (react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue }, "-"))));
         case 'point':
         case 'polygon':
         case 'multipoint':
         case 'multipolygon':
         case 'geometrycollection':
             return (react_1.default.createElement(Box_1.default, { sx: sxField },
-                react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, value.title),
-                react_1.default.createElement(GeoThumbCell_1.default, { geometry: fieldType, value: value.value })));
+                react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, label),
+                react_1.default.createElement(GeoThumbCell_1.default, { geometry: fieldType, value: rawValue })));
         default:
             return (react_1.default.createElement(Box_1.default, { sx: sxField },
-                react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, value.title),
-                react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue }, value.valueStr)));
+                react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, label),
+                react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue }, valueStr)));
     }
 }

package/dist/components/details/DetailPage.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DetailPageProps, TField } from '../../@types';
+/**
+ * Schema-driven detail page: header (back/title/edit), optional hero, tabs
+ * rendered from `sections` and/or `render` escape hatches. No router import.
+ */
+export default function DetailPage<T extends TField = void>({ model, objId, titleField, title: titleProp, backLink, backLabel, onBack, editLink, editLabel, hero, tabs, sections, fieldsLayout, hiddenFields, fieldsProps, elevation, renderHeader, renderShell, emptyLabel, errorLabel, retryLabel, sxSection, sxSectionTitle, sxRow, sxRowMultiple, sxField, sxLabel, sxValue, sxValueList, sxValueListItem, sxValueListItemText, }: DetailPageProps<T>): React.JSX.Element;
+//# sourceMappingURL=DetailPage.d.ts.map

package/dist/components/details/DetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailPage.d.ts","sourceRoot":"","sources":["../../../src/components/details/DetailPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAU5D,OAAO,EAAE,eAAe,EAAmC,MAAM,EAAE,MAAM,cAAc,CAAC;AAYxF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,IAAI,EAAE,EAC1D,KAAK,EACL,KAAK,EACL,UAAU,EACV,KAAK,EAAE,SAAS,EAChB,QAAQ,EACR,SAAkB,EAClB,MAAM,EACN,QAAQ,EACR,SAAkB,EAClB,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAa,EACb,YAAY,EACZ,WAAW,EACX,UAA+B,EAC/B,UAAU,EACV,UAAoB,EACpB,SAAS,EACT,cAAc,EACd,KAAK,EACL,aAAa,EACb,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,eAAe,EACf,mBAAmB,GACpB,EAAE,eAAe,CAAC,CAAC,CAAC,qBAqKpB"}

package/dist/components/details/DetailPage.js

@@ -0,0 +1,123 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = DetailPage;
+const react_1 = __importStar(require("react"));
+const Alert_1 = __importDefault(require("@mui/material/Alert"));
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const Tab_1 = __importDefault(require("@mui/material/Tab"));
+const Tabs_1 = __importDefault(require("@mui/material/Tabs"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const DetailBySchema_1 = __importDefault(require("./DetailBySchema"));
+const useDetailData_1 = require("../../hooks/useDetailData");
+function tabLabel(tab, values) {
+    const count = tab.count ? tab.count(values) : undefined;
+    return count === undefined ? tab.label : `${tab.label} (${count})`;
+}
+/**
+ * Schema-driven detail page: header (back/title/edit), optional hero, tabs
+ * rendered from `sections` and/or `render` escape hatches. No router import.
+ */
+function DetailPage({ model, objId, titleField, title: titleProp, backLink, backLabel = 'Back', onBack, editLink, editLabel = 'Edit', hero, tabs, sections, fieldsLayout, hiddenFields, fieldsProps, elevation = 0, renderHeader, renderShell, emptyLabel = 'No record found.', errorLabel, retryLabel = 'Retry', sxSection, sxSectionTitle, sxRow, sxRowMultiple, sxField, sxLabel, sxValue, sxValueList, sxValueListItem, sxValueListItemText, }) {
+    const { values, schema, columns, loading, error, reload } = (0, useDetailData_1.useDetailData)({
+        model,
+        objId,
+        titleField,
+    });
+    const [tabIndex, setTabIndex] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        setTabIndex(0);
+    }, [model, objId]);
+    const title = (0, react_1.useMemo)(() => {
+        if (titleProp) {
+            return titleProp;
+        }
+        if (titleField && values && values[titleField] != null) {
+            return String(values[titleField]);
+        }
+        return model;
+    }, [titleProp, titleField, values, model]);
+    const renderProps = {
+        values,
+        schema,
+        columns,
+        id: objId,
+        title,
+    };
+    const visibleTabs = (0, react_1.useMemo)(() => (tabs || []).filter((tab) => !(values && tab.hidden && tab.hidden(values))), [tabs, values]);
+    const activeTabIndex = visibleTabs.length > 0 ? Math.min(tabIndex, visibleTabs.length - 1) : 0;
+    let body;
+    if (loading) {
+        body = (react_1.default.createElement(Box_1.default, { sx: { display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: 160 } },
+            react_1.default.createElement(CircularProgress_1.default, null)));
+    }
+    else if (error) {
+        body = (react_1.default.createElement(Alert_1.default, { severity: "error", action: react_1.default.createElement(Button_1.default, { color: "inherit", size: "small", onClick: reload }, retryLabel) }, errorLabel || error.message || 'Could not load the record.'));
+    }
+    else if (!values || !schema) {
+        body = react_1.default.createElement(Alert_1.default, { severity: "info" }, emptyLabel);
+    }
+    else if (visibleTabs.length === 0) {
+        body = (react_1.default.createElement(DetailBySchema_1.default, { values: values, schema: schema, columns: columns, fieldsLayout: sections || fieldsLayout, hiddenFields: hiddenFields, fieldsProps: fieldsProps, elevation: elevation, sxSection: sxSection, sxSectionTitle: sxSectionTitle, sxRow: sxRow, sxRowMultiple: sxRowMultiple, sxField: sxField, sxLabel: sxLabel, sxValue: sxValue, sxValueList: sxValueList, sxValueListItem: sxValueListItem, sxValueListItemText: sxValueListItemText }));
+    }
+    else {
+        const activeTab = visibleTabs[activeTabIndex];
+        body = (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(Tabs_1.default, { value: activeTabIndex, onChange: (_event, value) => setTabIndex(value), variant: "scrollable", allowScrollButtonsMobile: true }, visibleTabs.map((tab) => (react_1.default.createElement(Tab_1.default, { key: tab.key, label: tabLabel(tab, values), icon: tab.icon })))),
+            react_1.default.createElement(Box_1.default, { sx: { mt: 2 } }, activeTab.sections ? (react_1.default.createElement(DetailBySchema_1.default, { values: values, schema: schema, columns: columns, fieldsLayout: activeTab.sections, hiddenFields: hiddenFields, fieldsProps: fieldsProps, elevation: elevation, sxSection: sxSection, sxSectionTitle: sxSectionTitle, sxRow: sxRow, sxRowMultiple: sxRowMultiple, sxField: sxField, sxLabel: sxLabel, sxValue: sxValue, sxValueList: sxValueList, sxValueListItem: sxValueListItem, sxValueListItemText: sxValueListItemText })) : activeTab.render ? (activeTab.render({
+                values,
+                schema,
+                columns,
+                id: objId,
+                label: activeTab.label,
+            })) : null)));
+    }
+    const header = renderHeader ? (react_1.default.createElement(react_1.default.Fragment, null, renderHeader(renderProps))) : (react_1.default.createElement(Stack_1.default, { direction: "row", alignItems: "center", spacing: 2, justifyContent: "space-between", sx: { mb: 2 } },
+        react_1.default.createElement(Stack_1.default, { direction: "row", alignItems: "center", spacing: 2 },
+            (onBack || backLink) && (react_1.default.createElement(Button_1.default, { variant: "outlined", onClick: onBack, href: onBack ? undefined : backLink }, backLabel)),
+            react_1.default.createElement(Typography_1.default, { variant: "h4" }, title)),
+        editLink && (react_1.default.createElement(Button_1.default, { variant: "contained", href: editLink }, editLabel))));
+    const content = (react_1.default.createElement(react_1.default.Fragment, null,
+        header,
+        hero,
+        body));
+    return react_1.default.createElement(react_1.default.Fragment, null, renderShell ? renderShell(content, renderProps) : content);
+}

package/dist/components/details/detailPaths.d.ts

@@ -0,0 +1,8 @@
+import { Field, GenericValue, Item, SchemaType } from '../../@types';
+/** Reads a possibly dotted path (`contratacao.valor`) from a detail item. */
+export declare function getValueByPath(item: Item | null | undefined, path: string): GenericValue;
+/** Resolves the field metadata for a possibly dotted path. */
+export declare function getFieldSchemaByPath(schema: SchemaType | null | undefined, path: string): Field | undefined;
+/** Empty means "nothing to render" (`0` and `false` are values). */
+export declare function isEmptyDetailValue(value: GenericValue): boolean;
+//# sourceMappingURL=detailPaths.d.ts.map

package/dist/components/details/detailPaths.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detailPaths.d.ts","sourceRoot":"","sources":["../../../src/components/details/detailPaths.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAErE,6EAA6E;AAC7E,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,YAAY,CAaxF;AAED,8DAA8D;AAC9D,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,EACrC,IAAI,EAAE,MAAM,GACX,KAAK,GAAG,SAAS,CAcnB;AAED,oEAAoE;AACpE,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAO/D"}

package/dist/components/details/detailPaths.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getValueByPath = getValueByPath;
+exports.getFieldSchemaByPath = getFieldSchemaByPath;
+exports.isEmptyDetailValue = isEmptyDetailValue;
+/** Reads a possibly dotted path (`contratacao.valor`) from a detail item. */
+function getValueByPath(item, path) {
+    if (!item) {
+        return undefined;
+    }
+    if (!path.includes('.')) {
+        return item[path];
+    }
+    return path
+        .split('.')
+        .reduce((acc, key) => (acc === null || acc === undefined ? undefined : acc[key]), item);
+}
+/** Resolves the field metadata for a possibly dotted path. */
+function getFieldSchemaByPath(schema, path) {
+    var _a;
+    if (!schema) {
+        return undefined;
+    }
+    if (!path.includes('.')) {
+        return schema[path];
+    }
+    const segments = path.split('.');
+    let current = schema[segments[0]];
+    for (let index = 1; index < segments.length && current; index++) {
+        const children = current.children || ((_a = current.child) === null || _a === void 0 ? void 0 : _a.children);
+        current = children === null || children === void 0 ? void 0 : children[segments[index]];
+    }
+    return current;
+}
+/** Empty means "nothing to render" (`0` and `false` are values). */
+function isEmptyDetailValue(value) {
+    return (value === null ||
+        value === undefined ||
+        value === '' ||
+        (Array.isArray(value) && value.length === 0));
+}

package/dist/components/forms/Form.d.ts

@@ -52,7 +52,9 @@ interface FormProps<T extends TField = void> extends Omit<CommonFieldProps<T>, '
     elevation?: number;
     CustomFormActions?: (props: FormActionsProps) => React.JSX.Element;
     extraValidators?: ExtraValidators<T>;
+    /** Field names monitored on change; requires `onWatchChange`. */
     watchValues?: FieldList<T>;
+    /** Called with `{ [field]: value }` when a watched value changes. */
     onWatchChange?: (values: FormWatchObject<T>) => void;
     reloadStateStamp?: number | string;
 }

package/dist/components/forms/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Form.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Form.tsx"],"names":[],"mappings":"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"}

package/dist/hooks/useDetailData.d.ts

@@ -0,0 +1,7 @@
+import { TField, UseDetailDataProps, UseDetailDataResult } from '../@types';
+/**
+ * Loads one detail record (schema + columns + values) in a single request.
+ * Independent from the router and from `pageForm`.
+ */
+export declare function useDetailData<T extends TField = void>({ model, objId, }: UseDetailDataProps<T>): UseDetailDataResult<T>;
+//# sourceMappingURL=useDetailData.d.ts.map

package/dist/hooks/useDetailData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDetailData.d.ts","sourceRoot":"","sources":["../../src/hooks/useDetailData.ts"],"names":[],"mappings":"AAGA,OAAO,EAIL,MAAM,EACN,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,WAAW,CAAC;AAInB;;;GAGG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,IAAI,EAAE,EACrD,KAAK,EACL,KAAK,GACN,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAsDhD"}

package/dist/hooks/useDetailData.js

@@ -0,0 +1,70 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDetailData = useDetailData;
+const react_1 = require("react");
+const axios_1 = __importDefault(require("axios"));
+const APIWrapperContext_1 = require("../context/APIWrapperContext");
+const utils_1 = require("../utils/utils");
+/**
+ * Loads one detail record (schema + columns + values) in a single request.
+ * Independent from the router and from `pageForm`.
+ */
+function useDetailData({ model, objId, }) {
+    const { getGenericModel } = (0, APIWrapperContext_1.useAPIWrapper)();
+    const [values, setValues] = (0, react_1.useState)(null);
+    const [schema, setSchema] = (0, react_1.useState)(null);
+    const [columns, setColumns] = (0, react_1.useState)([]);
+    const [loading, setLoading] = (0, react_1.useState)(Boolean(objId));
+    const [error, setError] = (0, react_1.useState)(null);
+    const [reloadIndex, setReloadIndex] = (0, react_1.useState)(0);
+    const requestId = (0, react_1.useRef)(0);
+    const reload = (0, react_1.useCallback)(() => setReloadIndex((index) => index + 1), []);
+    (0, react_1.useEffect)(() => {
+        const currentRequest = ++requestId.current;
+        if (!objId) {
+            setValues(null);
+            setSchema(null);
+            setColumns([]);
+            setError(null);
+            setLoading(false);
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        const load = () => __awaiter(this, void 0, void 0, function* () {
+            const response = yield getGenericModel({ model, id: objId });
+            if (currentRequest !== requestId.current) {
+                return;
+            }
+            if (axios_1.default.isAxiosError(response)) {
+                setError(response);
+                setValues(null);
+                setSchema(null);
+                setColumns([]);
+            }
+            else {
+                setValues((0, utils_1.populateValues)({
+                    data: response.data,
+                    schema: response.schema,
+                }));
+                setSchema(response.schema);
+                setColumns(response.columns || []);
+            }
+            setLoading(false);
+        });
+        load();
+    }, [model, objId, getGenericModel, reloadIndex]);
+    return { values, schema, columns, loading, error, reload };
+}

package/dist/index.d.ts

@@ -35,6 +35,8 @@ export { getThemeTexts } from './styles/texts';
 export type { DRFReactBySchemaTexts, GeometryTexts, FormTexts, AuthTexts, RichTextTexts, } from './styles/texts';
 import DetailBySchema from './components/details/DetailBySchema';
 import DetailFieldBySchema from './components/details/DetailFieldBySchema';
-export { DRFReactBySchemaProvider, useAPIWrapper, Form, DialogFormBySchema, ChangePasswordForm, ForgotPasswordForm, DataGridBySchemaEditable, GenericModelList, GenericRelatedModelList, DataTotals, DialogActions, FileTypeIcon, HtmlContent, SelectEditInputCell, GridDateInput, GridDecimalInput, GridPatternInput, BooleanInputCell, FormWatcher, FormBySchema, FieldBySchema, TextFieldBySchema, HtmlFieldBySchema, BooleanFieldBySchema, DesktopDatePickerBySchema, DesktopDateTimePickerBySchema, EditableAutocompleteFieldBySchema, AutocompleteFieldBySchema, FloatFieldBySchema, DetailBySchema, DetailFieldBySchema, setAuthToken, emptyByType, getChoiceByValue, populateValues, enrichChoices, buildGenericYupValidationSchema, getDataGridColumns, errorProps, getFieldErrorsFromResponse, getTmpId, isTmpId, isReadOnlyField, isRelationField, getPatternFormat, clearJWT, hasJWT, slugToCamelCase, AUTH_EXPIRED_EVENT, };
+import DetailPage from './components/details/DetailPage';
+import { useDetailData } from './hooks/useDetailData';
+export { DRFReactBySchemaProvider, useAPIWrapper, Form, DialogFormBySchema, ChangePasswordForm, ForgotPasswordForm, DataGridBySchemaEditable, GenericModelList, GenericRelatedModelList, DataTotals, DialogActions, FileTypeIcon, HtmlContent, SelectEditInputCell, GridDateInput, GridDecimalInput, GridPatternInput, BooleanInputCell, FormWatcher, FormBySchema, FieldBySchema, TextFieldBySchema, HtmlFieldBySchema, BooleanFieldBySchema, DesktopDatePickerBySchema, DesktopDateTimePickerBySchema, EditableAutocompleteFieldBySchema, AutocompleteFieldBySchema, FloatFieldBySchema, DetailBySchema, DetailFieldBySchema, DetailPage, useDetailData, setAuthToken, emptyByType, getChoiceByValue, populateValues, enrichChoices, buildGenericYupValidationSchema, getDataGridColumns, errorProps, getFieldErrorsFromResponse, getTmpId, isTmpId, isReadOnlyField, isRelationField, getPatternFormat, clearJWT, hasJWT, slugToCamelCase, AUTH_EXPIRED_EVENT, };
 export * from './@types/index';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -17,8 +17,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPatternFormat = exports.isRelationField = exports.isReadOnlyField = exports.isTmpId = exports.getTmpId = exports.getFieldErrorsFromResponse = exports.errorProps = exports.getDataGridColumns = exports.buildGenericYupValidationSchema = exports.enrichChoices = exports.populateValues = exports.getChoiceByValue = exports.emptyByType = exports.setAuthToken = exports.DetailFieldBySchema = exports.DetailBySchema = exports.FloatFieldBySchema = exports.AutocompleteFieldBySchema = exports.EditableAutocompleteFieldBySchema = exports.DesktopDateTimePickerBySchema = exports.DesktopDatePickerBySchema = exports.BooleanFieldBySchema = exports.HtmlFieldBySchema = exports.TextFieldBySchema = exports.FieldBySchema = exports.FormBySchema = exports.FormWatcher = exports.BooleanInputCell = exports.GridPatternInput = exports.GridDecimalInput = exports.GridDateInput = exports.SelectEditInputCell = exports.HtmlContent = exports.FileTypeIcon = exports.DialogActions = exports.DataTotals = exports.GenericRelatedModelList = exports.GenericModelList = exports.DataGridBySchemaEditable = exports.ForgotPasswordForm = exports.ChangePasswordForm = exports.DialogFormBySchema = exports.Form = exports.useAPIWrapper = exports.DRFReactBySchemaProvider = exports.getThemeTexts = exports.DEFAULT_LAYERS = exports.DRF_REACT_BY_SCHEMA_MARKER_ICON = exports.applyThemeMarkerIcon = exports.applyDefaultLeafletIcon = void 0;
-exports.AUTH_EXPIRED_EVENT = exports.slugToCamelCase = exports.hasJWT = exports.clearJWT = void 0;
+exports.isReadOnlyField = exports.isTmpId = exports.getTmpId = exports.getFieldErrorsFromResponse = exports.errorProps = exports.getDataGridColumns = exports.buildGenericYupValidationSchema = exports.enrichChoices = exports.populateValues = exports.getChoiceByValue = exports.emptyByType = exports.setAuthToken = exports.useDetailData = exports.DetailPage = exports.DetailFieldBySchema = exports.DetailBySchema = exports.FloatFieldBySchema = exports.AutocompleteFieldBySchema = exports.EditableAutocompleteFieldBySchema = exports.DesktopDateTimePickerBySchema = exports.DesktopDatePickerBySchema = exports.BooleanFieldBySchema = exports.HtmlFieldBySchema = exports.TextFieldBySchema = exports.FieldBySchema = exports.FormBySchema = exports.FormWatcher = exports.BooleanInputCell = exports.GridPatternInput = exports.GridDecimalInput = exports.GridDateInput = exports.SelectEditInputCell = exports.HtmlContent = exports.FileTypeIcon = exports.DialogActions = exports.DataTotals = exports.GenericRelatedModelList = exports.GenericModelList = exports.DataGridBySchemaEditable = exports.ForgotPasswordForm = exports.ChangePasswordForm = exports.DialogFormBySchema = exports.Form = exports.useAPIWrapper = exports.DRFReactBySchemaProvider = exports.getThemeTexts = exports.DEFAULT_LAYERS = exports.DRF_REACT_BY_SCHEMA_MARKER_ICON = exports.applyThemeMarkerIcon = exports.applyDefaultLeafletIcon = void 0;
+exports.AUTH_EXPIRED_EVENT = exports.slugToCamelCase = exports.hasJWT = exports.clearJWT = exports.getPatternFormat = exports.isRelationField = void 0;
 // Methods:
 const api_1 = require("./api");
 Object.defineProperty(exports, "setAuthToken", { enumerable: true, get: function () { return api_1.setAuthToken; } });
@@ -117,4 +117,8 @@ const DetailBySchema_1 = __importDefault(require("./components/details/DetailByS
 exports.DetailBySchema = DetailBySchema_1.default;
 const DetailFieldBySchema_1 = __importDefault(require("./components/details/DetailFieldBySchema"));
 exports.DetailFieldBySchema = DetailFieldBySchema_1.default;
+const DetailPage_1 = __importDefault(require("./components/details/DetailPage"));
+exports.DetailPage = DetailPage_1.default;
+const useDetailData_1 = require("./hooks/useDetailData");
+Object.defineProperty(exports, "useDetailData", { enumerable: true, get: function () { return useDetailData_1.useDetailData; } });
 __exportStar(require("./@types/index"), exports);