drf-react-by-schema 0.28.24 → 0.28.26

package/dist/components/details/DetailBySchema.js

@@ -60,57 +60,171 @@ const AccordionDetails_1 = __importDefault(require("@mui/material/AccordionDetai
 const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
 const styles_1 = require("../../styles");
 const utils_1 = require("../../utils");
+const detailPaths_1 = require("./detailPaths");
 const DetailFieldBySchema_1 = __importDefault(require("./DetailFieldBySchema"));
 const APIWrapperContext_1 = require("../../context/APIWrapperContext");
-function SectionContent({ sectionRows, item, schema, fieldsProps, SectionCustomElement, sxRow, sxRowMultiple, sxField, sxLabel, sxValue, sxValueList, sxValueListItem, sxValueListItemText, }) {
+/** Every string path referenced by a detail layout (dotted paths included). */
+function getLayoutPaths(fieldsLayout) {
+    const paths = [];
+    for (const section of fieldsLayout || []) {
+        for (const row of section.rows || []) {
+            if (typeof row === 'string') {
+                paths.push(row);
+                continue;
+            }
+            if (Array.isArray(row)) {
+                for (const field of row) {
+                    if (typeof field === 'string') {
+                        paths.push(field);
+                    }
+                }
+            }
+        }
+    }
+    return paths;
+}
+/** A section is empty only when it has rows and all of them are empty. */
+function sectionHasContent(section, values) {
+    if (section.CustomElement || !section.rows || section.rows.length === 0) {
+        return true;
+    }
+    for (const row of section.rows) {
+        if (typeof row === 'string') {
+            if (!(0, detailPaths_1.isEmptyDetailValue)((0, detailPaths_1.getValueByPath)(values, row))) {
+                return true;
+            }
+            continue;
+        }
+        if (Array.isArray(row)) {
+            for (const field of row) {
+                if (typeof field === 'string') {
+                    if (!(0, detailPaths_1.isEmptyDetailValue)((0, detailPaths_1.getValueByPath)(values, field))) {
+                        return true;
+                    }
+                }
+                else {
+                    return true;
+                }
+            }
+            continue;
+        }
+        // A custom element without its own field always counts as content.
+        return true;
+    }
+    return false;
+}
+function getFieldProps(fieldsProps, path) {
+    if (fieldsProps && path in fieldsProps && fieldsProps[path]) {
+        return fieldsProps[path];
+    }
+    return {};
+}
+function SectionContent({ sectionRows, item, values, schema, fieldsProps, SectionCustomElement, sxRow, sxRowMultiple, sxField, sxLabel, sxValue, sxValueList, sxValueListItem, sxValueListItemText, }) {
+    const resolveFormatted = (path) => {
+        const existing = item[path];
+        if (existing) {
+            return existing;
+        }
+        // Keeps the previous behavior for fields missing from `columns`: `-`.
+        return undefined;
+    };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         SectionCustomElement && react_1.default.createElement(react_1.default.Fragment, null, SectionCustomElement),
         sectionRows && (react_1.default.createElement(react_1.default.Fragment, null, sectionRows.map((row, rowIdx) => {
             if (typeof row === 'string') {
                 const field = row;
-                const fieldProps = fieldsProps && field in fieldsProps
-                    ? fieldsProps[field]
-                    : {};
+                const fieldProps = getFieldProps(fieldsProps, field);
+                if (fieldProps.hideIfEmpty && (0, detailPaths_1.isEmptyDetailValue)((0, detailPaths_1.getValueByPath)(values, field))) {
+                    return null;
+                }
                 return (react_1.default.createElement(Box_1.default, { key: field, sx: sxRow },
-                    react_1.default.createElement(DetailFieldBySchema_1.default, Object.assign({ fieldKey: field, fieldSchema: field in schema ? schema[field] : undefined, value: item[field], sxField: sxField, sxLabel: sxLabel, sxValue: sxValue, sxValueList: sxValueList, sxValueListItem: sxValueListItem, sxValueListItemText: sxValueListItemText }, fieldProps))));
+                    react_1.default.createElement(DetailFieldBySchema_1.default, Object.assign({ fieldKey: field, fieldSchema: (0, detailPaths_1.getFieldSchemaByPath)(schema, field), value: resolveFormatted(field), item: values, sxField: sxField, sxLabel: sxLabel, sxValue: sxValue, sxValueList: sxValueList, sxValueListItem: sxValueListItem, sxValueListItemText: sxValueListItemText }, fieldProps))));
             }
             if (Array.isArray(row)) {
                 return (react_1.default.createElement(Box_1.default, { key: `row_${rowIdx}`, sx: sxRowMultiple }, row.map((field, fieldIdx) => {
                     const key = typeof field === 'string' ? field : field.key;
-                    const fieldProps = fieldsProps && key in fieldsProps
-                        ? fieldsProps[key]
-                        : {};
-                    return (react_1.default.createElement(react_1.default.Fragment, { key: `field_${rowIdx}_${fieldIdx}` }, typeof field === 'string' ? (react_1.default.createElement(DetailFieldBySchema_1.default, Object.assign({ fieldKey: field, fieldSchema: field in schema ? schema[field] : undefined, value: item[field], sxField: sxField, sxLabel: sxLabel, sxValue: sxValue, sxValueList: sxValueList, sxValueListItem: sxValueListItem, sxValueListItemText: sxValueListItemText }, fieldProps))) : (react_1.default.createElement(field.CustomElement, Object.assign({ sxField: sxField, sxLabel: sxLabel, sxValue: sxValue, sxValueList: sxValueList, sxValueListItem: sxValueListItem, sxValueListItemText: sxValueListItemText }, fieldProps)))));
+                    const fieldProps = getFieldProps(fieldsProps, key);
+                    if (fieldProps.hideIfEmpty && (0, detailPaths_1.isEmptyDetailValue)((0, detailPaths_1.getValueByPath)(values, key))) {
+                        return null;
+                    }
+                    return (react_1.default.createElement(react_1.default.Fragment, { key: `field_${rowIdx}_${fieldIdx}` }, typeof field === 'string' ? (react_1.default.createElement(DetailFieldBySchema_1.default, Object.assign({ fieldKey: field, fieldSchema: (0, detailPaths_1.getFieldSchemaByPath)(schema, field), value: resolveFormatted(field), item: values, sxField: sxField, sxLabel: sxLabel, sxValue: sxValue, sxValueList: sxValueList, sxValueListItem: sxValueListItem, sxValueListItemText: sxValueListItemText }, fieldProps))) : (react_1.default.createElement(field.CustomElement, Object.assign({ value: (0, detailPaths_1.getValueByPath)(values, key), item: values, fieldSchema: (0, detailPaths_1.getFieldSchemaByPath)(schema, key), sxField: sxField, sxLabel: sxLabel, sxValue: sxValue, sxValueList: sxValueList, sxValueListItem: sxValueListItem, sxValueListItemText: sxValueListItemText }, fieldProps)))));
                 })));
             }
-            const fieldProps = fieldsProps && row.key in fieldsProps ? fieldsProps[row.key] : {};
-            return (react_1.default.createElement(row.CustomElement, Object.assign({ key: `field_customElement_row_${rowIdx}`, sxField: sxField, sxLabel: sxLabel, sxValue: sxValue, sxValueList: sxValueList, sxValueListItem: sxValueListItem, sxValueListItemText: sxValueListItemText }, fieldProps)));
+            const fieldProps = getFieldProps(fieldsProps, row.key);
+            return (react_1.default.createElement(row.CustomElement, Object.assign({ key: `field_customElement_row_${rowIdx}`, value: (0, detailPaths_1.getValueByPath)(values, row.key), item: values, fieldSchema: (0, detailPaths_1.getFieldSchemaByPath)(schema, row.key), sxField: sxField, sxLabel: sxLabel, sxValue: sxValue, sxValueList: sxValueList, sxValueListItem: sxValueListItem, sxValueListItemText: sxValueListItemText }, fieldProps)));
         })))));
 }
 function DetailBySchema({ values, schema, columns, loading, editLink, editLabel, fieldsLayout: fieldsLayoutInitial, hiddenFields = ['id'], fieldsProps, elevation = 2, sxSection, sxSectionTitle, sxRow, sxRowMultiple, sxField, sxLabel, sxValue, sxValueList, sxValueListItem, sxValueListItemText, }) {
     const { isMobile } = (0, APIWrapperContext_1.useAPIWrapper)();
     const [preparedColumns, setPreparedColumns] = (0, react_1.useState)(null);
+    const layoutPaths = (0, react_1.useMemo)(() => getLayoutPaths(fieldsLayoutInitial), [fieldsLayoutInitial]);
+    // Dotted paths (`contratacao.valor`) need a synthetic column/schema entry so
+    // the shared formatters from `initViewColumns` still apply.
+    const { finalColumns, schemaWithPaths } = (0, react_1.useMemo)(() => {
+        const existing = new Set((columns || []).map((column) => String(column.field)));
+        const extraColumns = [];
+        for (const path of layoutPaths) {
+            if (!path.includes('.') || existing.has(path)) {
+                continue;
+            }
+            const fieldSchema = (0, detailPaths_1.getFieldSchemaByPath)(schema, path);
+            if (!fieldSchema) {
+                continue;
+            }
+            existing.add(path);
+            extraColumns.push({
+                field: path,
+                headerName: fieldSchema.label,
+            });
+        }
+        const allColumns = [...(columns || []), ...extraColumns];
+        const extendedSchema = Object.assign({}, schema);
+        for (const column of allColumns) {
+            const path = String(column.field);
+            if (!path.includes('.') || extendedSchema[path]) {
+                continue;
+            }
+            const fieldSchema = (0, detailPaths_1.getFieldSchemaByPath)(schema, path);
+            if (fieldSchema) {
+                extendedSchema[path] = fieldSchema;
+            }
+        }
+        return {
+            finalColumns: allColumns,
+            schemaWithPaths: extendedSchema,
+        };
+    }, [columns, layoutPaths, schema]);
     const formattedValues = (0, react_1.useMemo)(() => {
         if (!preparedColumns || !values) {
             return;
         }
         const newFormattedValues = {};
         for (const column of preparedColumns) {
-            const field = column.field;
-            if (field in values) {
-                newFormattedValues[column.field] = {
-                    title: column.headerName || '',
-                    valueStr: !values[field] && typeof values[field] !== 'boolean'
-                        ? '-'
-                        : column.valueFormatter
-                            ? column.valueFormatter(values[field], values, column, undefined)
-                            : values[field],
-                    value: values[field],
-                };
+            const path = String(column.field);
+            const fieldSchema = (0, detailPaths_1.getFieldSchemaByPath)(schema, path);
+            if (!path.includes('.')) {
+                // Preserve the historical behavior for plain fields missing from the payload.
+                if (!(path in values)) {
+                    continue;
+                }
+            }
+            else if (!fieldSchema) {
+                continue;
             }
+            const rawValue = (0, detailPaths_1.getValueByPath)(values, path);
+            const valueStr = !rawValue && typeof rawValue !== 'boolean'
+                ? '-'
+                : column.valueFormatter
+                    ? column.valueFormatter(rawValue, values, column, undefined)
+                    : rawValue;
+            newFormattedValues[path] = {
+                title: column.headerName || '',
+                valueStr,
+                value: rawValue,
+            };
         }
         return newFormattedValues;
-    }, [preparedColumns, values]);
+    }, [preparedColumns, values, schema]);
     const fieldsLayout = (0, react_1.useMemo)(() => {
         if (!isMobile && fieldsLayoutInitial && fieldsLayoutInitial.length > 0) {
             return fieldsLayoutInitial;
@@ -145,25 +259,34 @@ function DetailBySchema({ values, schema, columns, loading, editLink, editLabel,
             }
         }
         return [{ rows }];
-    }, [fieldsLayoutInitial, schema, hiddenFields]);
+    }, [fieldsLayoutInitial, schema, hiddenFields, isMobile]);
+    const visibleFieldsLayout = (0, react_1.useMemo)(() => fieldsLayout.filter((section) => {
+        if (section.hidden && section.hidden(values)) {
+            return false;
+        }
+        if (section.hideIfEmpty && !sectionHasContent(section, values)) {
+            return false;
+        }
+        return true;
+    }), [fieldsLayout, values]);
     (0, react_1.useEffect)(() => {
         const initColumns = () => __awaiter(this, void 0, void 0, function* () {
             const preparedColumns = yield (0, utils_1.initViewColumns)({
-                columns: columns,
-                schema: schema,
+                columns: finalColumns,
+                schema: schemaWithPaths,
             });
             setPreparedColumns(preparedColumns);
         });
         initColumns();
-    }, [columns, schema]);
+    }, [finalColumns, schemaWithPaths]);
     if (!fieldsLayout || loading || !formattedValues) {
         return (react_1.default.createElement(Card_1.default, { sx: styles_1.Layout.formCard },
             react_1.default.createElement(CardContent_1.default, null,
                 react_1.default.createElement(Box_1.default, { sx: styles_1.Layout.loadingBoxWhite },
                     react_1.default.createElement(CircularProgress_1.default, null)))));
     }
-    const SectionContentComponent = ({ section }) => (react_1.default.createElement(SectionContent, { sectionRows: section.rows, item: formattedValues, schema: schema, fieldsProps: fieldsProps, SectionCustomElement: section.CustomElement, sxRow: section.sxRow || sxRow, sxRowMultiple: section.sxRowMultiple || sxRowMultiple, sxField: section.sxField || sxField, sxLabel: section.sxLabel || sxLabel, sxValue: section.sxValue || sxValue, sxValueList: section.sxValueList || sxValueList, sxValueListItem: section.sxValueListItem || sxValueListItem, sxValueListItemText: section.sxValueListItemText || sxValueListItemText }));
-    return (react_1.default.createElement(react_1.default.Fragment, null, fieldsLayout.map((section, sectionIndex) => {
+    const SectionContentComponent = ({ section }) => (react_1.default.createElement(SectionContent, { sectionRows: section.rows, item: formattedValues, values: values, schema: schema, fieldsProps: fieldsProps, SectionCustomElement: section.CustomElement, sxRow: section.sxRow || sxRow, sxRowMultiple: section.sxRowMultiple || sxRowMultiple, sxField: section.sxField || sxField, sxLabel: section.sxLabel || sxLabel, sxValue: section.sxValue || sxValue, sxValueList: section.sxValueList || sxValueList, sxValueListItem: section.sxValueListItem || sxValueListItem, sxValueListItemText: section.sxValueListItemText || sxValueListItemText }));
+    return (react_1.default.createElement(react_1.default.Fragment, null, visibleFieldsLayout.map((section, sectionIndex) => {
         return (react_1.default.createElement(Card_1.default, { sx: sxSection || styles_1.Layout.formCard, elevation: elevation, key: `section_${sectionIndex}` },
             section.title && !section.isAccordion && (react_1.default.createElement(CardHeader_1.default, { title: section.title, sx: section.sxSectionTitle || sxSectionTitle, action: sectionIndex === 0 && editLink ? (react_1.default.createElement(Stack_1.default, { direction: "row", justifyContent: "flex-end" },
                     react_1.default.createElement(Button_1.default, { href: editLink, variant: "contained" }, editLabel))) : (react_1.default.createElement(react_1.default.Fragment, null)) })),

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

@@ -1,4 +1,4 @@
 import React from 'react';
-import { DetailFieldBySchemaProps } from '../../@types';
-export default function DetailFieldBySchema({ fieldKey, fieldSchema, value, sxField, sxLabel, sxValue, sxValueList, sxValueListItem, sxValueListItemText, }: DetailFieldBySchemaProps): React.JSX.Element | null;
+import { DetailFieldBySchemaProps, TField } from '../../@types';
+export default function DetailFieldBySchema<T extends TField = void>({ fieldKey, fieldSchema, value, item, valueFormatter, renderValue, emptyValue, hideIfEmpty, sxField, sxLabel, sxValue, sxValueList, sxValueListItem, sxValueListItemText, }: DetailFieldBySchemaProps<T>): React.JSX.Element | null;
 //# sourceMappingURL=DetailFieldBySchema.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailFieldBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/details/DetailFieldBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AASxD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,QAAQ,EACR,WAAW,EACX,KAAK,EACL,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,eAAe,EACf,mBAAmB,GACpB,EAAE,wBAAwB,4BAwL1B"}
+{"version":3,"file":"DetailFieldBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/details/DetailFieldBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EAAE,wBAAwB,EAAsB,MAAM,EAAE,MAAM,cAAc,CAAC;AAUpF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,IAAI,EAAE,EACnE,QAAQ,EACR,WAAW,EACX,KAAK,EACL,IAAI,EACJ,cAAc,EACd,WAAW,EACX,UAAU,EACV,WAAW,EACX,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,eAAe,EACf,mBAAmB,GACpB,EAAE,wBAAwB,CAAC,CAAC,CAAC,4BA+N7B"}

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/FormBySchema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAiB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAWjE,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,uBAAuB,EACvB,kBAAkB,EAClB,WAAW,EACX,eAAe,EACf,YAAY,EACZ,IAAI,EACJ,SAAS,EACT,QAAQ,EAER,SAAS,EACT,MAAM,EACP,MAAM,cAAc,CAAC;AAYtB,KAAK,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,IAAI,IAAI,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IAEtF,YAAY,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACpC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;IACnD,YAAY,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACzC,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,gBAAgB,EAAE,GAAG,UAAU,CAAC,CAAC;IACtF,WAAW,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC1C,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;CAChC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,IAAI,EAAE,EAC5D,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAgC,EAChC,KAAK,EACL,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EACP,YAAY,EACZ,KAAK,EACL,YAAgB,EAEhB,YAAY,EAAE,mBAAmB,EACjC,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EAEb,WAAW,EACX,YAAY,EACZ,uBAAuB,EACvB,eAAe,EACf,cAAc,EACd,SAAS,EAKT,KAAK,EACL,aAAa,EACb,SAAS,EACT,cAAc,GAKf,EAAE,iBAAiB,CAAC,CAAC,CAAC,GACrB,IAAI,CACF,uBAAuB,EACrB,IAAI,GACJ,SAAS,GACT,SAAS,GACT,SAAS,GACT,aAAa,GACb,iBAAiB,GACjB,qBAAqB,CACxB,qBAybF"}
+{"version":3,"file":"FormBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAiB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAWjE,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,uBAAuB,EACvB,kBAAkB,EAClB,WAAW,EACX,eAAe,EACf,YAAY,EACZ,IAAI,EACJ,SAAS,EACT,QAAQ,EAER,SAAS,EACT,MAAM,EACP,MAAM,cAAc,CAAC;AAatB,KAAK,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,IAAI,IAAI,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IAEtF,YAAY,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACpC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;IACnD,YAAY,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACzC,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,gBAAgB,EAAE,GAAG,UAAU,CAAC,CAAC;IACtF,WAAW,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC1C,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;CAChC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,IAAI,EAAE,EAC5D,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAgC,EAChC,KAAK,EACL,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EACP,YAAY,EACZ,KAAK,EACL,YAAgB,EAEhB,YAAY,EAAE,mBAAmB,EACjC,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EAEb,WAAW,EACX,YAAY,EACZ,uBAAuB,EACvB,eAAe,EACf,cAAc,EACd,SAAS,EAKT,KAAK,EACL,aAAa,EACb,SAAS,EACT,cAAc,GAKf,EAAE,iBAAiB,CAAC,CAAC,CAAC,GACrB,IAAI,CACF,uBAAuB,EACrB,IAAI,GACJ,SAAS,GACT,SAAS,GACT,SAAS,GACT,aAAa,GACb,iBAAiB,GACjB,qBAAqB,CACxB,qBAscF"}