drf-react-by-schema 0.28.5 → 0.28.7

package/dist/components/GenericRelatedModelListTable.js

@@ -1,31 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const Backdrop_1 = __importDefault(require("@mui/material/Backdrop"));
-const CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
-const DataGridBySchemaEditable_1 = __importDefault(require("./DataGridBySchemaEditable"));
-const DataTotals_1 = __importDefault(require("./DataTotals"));
-const DataTotalsServer_1 = __importDefault(require("./DataTotalsServer"));
-const APIWrapperContext_1 = require("../context/APIWrapperContext");
-const styles_1 = require("../styles");
-const utils_1 = require("../utils");
-function GenericRelatedModelListTable({ data, columnVisibilityModel, relatedModel, model, loading, id, indexField, indexFieldBasePath, indexFieldViewBasePath, addExistingModel, isEditable, cardsViewOnly, onEditModel, finalCustomColumnOperations, customFieldFormLayouts, setVisibleRows, visibleRows, isAutoHeight, hideFooterPagination, hideFooterComponent, hideToolbarComponent, hideColumnsButton, hideFilterButton, hideDensityButton, hideExportButton, hideQuickFilterBar, onProcessRow, onDataChange, watchEditingRowValues, sumRows, paginationMode = 'client', paginationModel, setPaginationModel, hasBulkSelect, onSelectActions, tableAutoHeight, actions, customActions, optionsAC, defaultValues, LinkComponent, extraValidators, MobileListRenderItem, MobileRenderNoResults, }) {
-    const { isMobile } = (0, APIWrapperContext_1.useAPIWrapper)();
-    const schema = data.schema;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        data.columns ? (react_1.default.createElement(react_1.default.Fragment, null,
-            data.data.length > 0 && (isMobile || cardsViewOnly) && MobileListRenderItem && (react_1.default.createElement(react_1.default.Fragment, null, paginationMode === 'client' ? (react_1.default.createElement(DataTotals_1.default, { schema: schema, data: data.data, sumRows: sumRows, visibleRows: visibleRows })) : (react_1.default.createElement(DataTotalsServer_1.default, { schema: schema, sumRows: sumRows, totals: data.sumRowsTotals })))),
-            react_1.default.createElement(Box_1.default, { sx: tableAutoHeight || cardsViewOnly ? {} : styles_1.Layout.dataGridFixedHeight },
-                react_1.default.createElement(DataGridBySchemaEditable_1.default, { data: data.data, columns: data.columns, columnVisibilityModel: columnVisibilityModel, schema: data.schema, model: relatedModel, modelParent: model, modelParentId: id, loading: loading, indexField: indexField, indexFieldBasePath: indexFieldBasePath, indexFieldViewBasePath: indexFieldViewBasePath, addExistingModel: addExistingModel, isEditable: isEditable, cardsViewOnly: cardsViewOnly, hasBulkSelect: hasBulkSelect, onSelectActions: onSelectActions, onEditModel: onEditModel, isAutoHeight: isAutoHeight, tableAutoHeight: tableAutoHeight, customColumnOperations: finalCustomColumnOperations, customFieldFormLayouts: customFieldFormLayouts, setVisibleRows: setVisibleRows, hideFooterPagination: hideFooterPagination, hideFooterComponent: hideFooterComponent, hideToolbarComponent: hideToolbarComponent, hideColumnsButton: hideColumnsButton, hideFilterButton: hideFilterButton, hideDensityButton: hideDensityButton, hideExportButton: hideExportButton, hideQuickFilterBar: hideQuickFilterBar, actions: actions, customActions: customActions, optionsAC: optionsAC, defaultValues: defaultValues, onProcessRow: onProcessRow, onDataChange: onDataChange, watchEditingRowValues: watchEditingRowValues, paginationModel: paginationMode === 'server' ? paginationModel : undefined, setPaginationModel: paginationMode === 'server' ? setPaginationModel : undefined, rowCount: paginationMode === 'client'
-                        ? undefined
-                        : typeof data.rowCount !== undefined
-                            ? data.rowCount
-                            : 0, LinkComponent: LinkComponent || undefined, extraValidators: extraValidators, MobileListRenderItem: MobileListRenderItem, MobileRenderNoResults: MobileRenderNoResults })))) : (react_1.default.createElement(Backdrop_1.default, { invisible: true, sx: { color: '#fff', zIndex: (theme) => theme.zIndex.drawer + 1 }, open: loading || false },
-            react_1.default.createElement(CircularProgress_1.default, null))),
-        data.data.length > 0 && (!(isMobile || cardsViewOnly) || !MobileListRenderItem) && (react_1.default.createElement(react_1.default.Fragment, null, paginationMode === 'client' ? (react_1.default.createElement(DataTotals_1.default, { schema: schema, data: data.data, sumRows: sumRows, visibleRows: visibleRows })) : (react_1.default.createElement(DataTotalsServer_1.default, { schema: schema, sumRows: sumRows, totals: data.sumRowsTotals }))))));
-}
-exports.default = react_1.default.memo(GenericRelatedModelListTable, utils_1.shouldMemoUpdate);

package/dist/components/Image.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { SxProps, Theme } from '@mui/material';
-interface ImageModalProps {
-    src: string;
-    alt: string;
-    sx?: SxProps<Theme>;
-}
-declare const Image: React.FC<ImageModalProps>;
-export default Image;
-//# sourceMappingURL=Image.d.ts.map

package/dist/components/Image.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/components/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAkC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAO/E,UAAU,eAAe;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6GpC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Image.js

@@ -1,111 +0,0 @@
-"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 });
-const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
-const DRFReactBySchemaContext_1 = require("../context/DRFReactBySchemaContext");
-const APIWrapperContext_1 = require("../context/APIWrapperContext");
-const Expand_1 = __importDefault(require("@mui/icons-material/Expand"));
-const Image = ({ src, alt, sx = {} }) => {
-    const { isMobile } = (0, APIWrapperContext_1.useAPIWrapper)();
-    const { theme } = (0, DRFReactBySchemaContext_1.useDRFReactBySchema)();
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const handleOpen = () => setOpen(true);
-    const handleClose = () => setOpen(false);
-    // Styled component for the image container
-    const ImageContainer = (0, material_1.styled)(material_1.Box)(() => ({
-        position: 'relative',
-        display: 'inline-block',
-        '&:hover .expand-button': {
-            opacity: 1,
-        },
-    }));
-    // Styled component for the expand button
-    const ExpandButton = (0, material_1.styled)(material_1.IconButton)(({ theme }) => (Object.assign({ position: 'absolute', bottom: theme.spacing(1), right: theme.spacing(1), backgroundColor: theme.palette.background.paper, opacity: 0.7, transition: 'opacity 0.3s', '&:hover': {
-            backgroundColor: theme.palette.background.paper,
-            opacity: 1,
-        } }, (isMobile && {
-        opacity: 1,
-        backgroundColor: theme.palette.background.paper + '!important',
-    }))));
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(ImageContainer, { onClick: handleOpen, sx: sx },
-            react_1.default.createElement("img", { src: src, alt: alt, style: {
-                    width: '100%',
-                    height: 'auto',
-                    display: 'block',
-                    cursor: 'pointer',
-                    borderRadius: theme.shape.borderRadius,
-                } }),
-            react_1.default.createElement(ExpandButton, { className: "expand-button", "aria-label": "Expandir imagem", size: "small", onClick: (e) => {
-                    e.stopPropagation();
-                    handleOpen();
-                } },
-                react_1.default.createElement(Expand_1.default, { fontSize: isMobile ? 'medium' : 'small' }))),
-        react_1.default.createElement(material_1.Modal, { open: open, onClose: handleClose, sx: {
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                p: isMobile ? 1 : 2,
-            } },
-            react_1.default.createElement(material_1.Box, { sx: {
-                    position: 'relative',
-                    maxWidth: isMobile ? '100%' : '90vw',
-                    maxHeight: isMobile ? '100%' : '90vh',
-                    outline: 'none',
-                } },
-                react_1.default.createElement("img", { src: src, alt: alt, style: {
-                        maxWidth: '100%',
-                        maxHeight: isMobile ? 'calc(100vh - 32px)' : 'calc(90vh - 32px)',
-                        display: 'block',
-                        borderRadius: theme.shape.borderRadius,
-                    } }),
-                react_1.default.createElement(material_1.IconButton, { "aria-label": "Fechar", onClick: handleClose, sx: {
-                        position: 'absolute',
-                        top: theme.spacing(1),
-                        right: theme.spacing(1),
-                        backgroundColor: theme.palette.background.paper,
-                        opacity: 0.7,
-                        '&:hover': {
-                            backgroundColor: theme.palette.background.paper,
-                            opacity: 1,
-                        },
-                    }, size: isMobile ? 'medium' : 'small' },
-                    react_1.default.createElement(Expand_1.default, { sx: { transform: 'rotate(45deg)' } }))))));
-};
-exports.default = Image;

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { DetailBySchemaProps, TField } from '../../@types';
-export default function DetailBySchema<T extends TField = void>({ values, schema, columns, loading, editLink, editLabel, fieldsLayout: fieldsLayoutInitial, hiddenFields, fieldsProps, elevation, sxSection, sxSectionTitle, sxRow, sxRowMultiple, sxField, sxLabel, sxValue, sxValueList, sxValueListItem, sxValueListItemText, }: DetailBySchemaProps<T>): React.JSX.Element;
-//# sourceMappingURL=DetailBySchema.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DetailBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/details/DetailBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAe5D,OAAO,EACL,mBAAmB,EAYnB,MAAM,EACP,MAAM,cAAc,CAAC;AAwHtB,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,IAAI,EAAE,EAC9D,MAAM,EACN,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,mBAAmB,EACjC,YAAqC,EACrC,WAAW,EACX,SAAa,EACb,SAAS,EACT,cAAc,EACd,KAAK,EACL,aAAa,EACb,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,eAAe,EACf,mBAAmB,GACpB,EAAE,mBAAmB,CAAC,CAAC,CAAC,qBAoKxB"}

package/dist/components/details/DetailBySchema.js

@@ -1,175 +0,0 @@
-"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 __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.default = DetailBySchema;
-const react_1 = __importStar(require("react"));
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const Card_1 = __importDefault(require("@mui/material/Card"));
-const CardHeader_1 = __importDefault(require("@mui/material/CardHeader"));
-const CardContent_1 = __importDefault(require("@mui/material/CardContent"));
-const CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
-const Button_1 = __importDefault(require("@mui/material/Button"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const Accordion_1 = __importDefault(require("@mui/material/Accordion"));
-const AccordionSummary_1 = __importDefault(require("@mui/material/AccordionSummary"));
-const AccordionDetails_1 = __importDefault(require("@mui/material/AccordionDetails"));
-const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
-const styles_1 = require("../../styles");
-const utils_1 = require("../../utils");
-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, }) {
-    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]
-                    : {};
-                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))));
-            }
-            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 = 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)));
-        })))));
-}
-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 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],
-                };
-            }
-        }
-        return newFormattedValues;
-    }, [preparedColumns, values]);
-    const fieldsLayout = (0, react_1.useMemo)(() => {
-        if (!isMobile && fieldsLayoutInitial && fieldsLayoutInitial.length > 0) {
-            return fieldsLayoutInitial;
-        }
-        if (isMobile && fieldsLayoutInitial && fieldsLayoutInitial.length > 0) {
-            const rows = [];
-            for (const section of fieldsLayoutInitial) {
-                if (!section.rows) {
-                    continue;
-                }
-                for (const field of section.rows) {
-                    if (typeof field === 'string') {
-                        rows.push(field);
-                        continue;
-                    }
-                    if (!Array.isArray(field)) {
-                        continue;
-                    }
-                    for (const key of field) {
-                        if (typeof key === 'string') {
-                            rows.push(key);
-                        }
-                    }
-                }
-            }
-            return [{ rows }];
-        }
-        const rows = [];
-        for (const key of Object.keys(schema)) {
-            if (!hiddenFields || !hiddenFields.includes(key)) {
-                rows.push(key);
-            }
-        }
-        return [{ rows }];
-    }, [fieldsLayoutInitial, schema, hiddenFields]);
-    (0, react_1.useEffect)(() => {
-        const initColumns = () => __awaiter(this, void 0, void 0, function* () {
-            const preparedColumns = yield (0, utils_1.initViewColumns)({
-                columns: columns,
-                schema: schema,
-            });
-            setPreparedColumns(preparedColumns);
-        });
-        initColumns();
-    }, [columns, schema]);
-    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) => {
-        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)) })),
-            react_1.default.createElement(CardContent_1.default, null, section.isAccordion ? (react_1.default.createElement(Accordion_1.default, { elevation: 0, sx: { padding: 0 }, defaultExpanded: section.isAccordionOpen },
-                react_1.default.createElement(AccordionSummary_1.default, { expandIcon: react_1.default.createElement(ExpandMore_1.default, null), "aria-controls": `accordion_${sectionIndex}_content`, id: `accordion_${sectionIndex}_header`, sx: section.sxSectionTitle || sxSectionTitle }, section.title),
-                react_1.default.createElement(AccordionDetails_1.default, { sx: { p: 0, m: 0 } },
-                    react_1.default.createElement(SectionContentComponent, { section: section })))) : (react_1.default.createElement(SectionContentComponent, { section: section })))));
-    })));
-}

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

@@ -1,4 +0,0 @@
-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;
-//# sourceMappingURL=DetailFieldBySchema.d.ts.map

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

@@ -1 +0,0 @@
-{"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;AAQxD,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,4BA6K1B"}

package/dist/components/details/DetailFieldBySchema.js

@@ -1,88 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = DetailFieldBySchema;
-const react_1 = __importDefault(require("react"));
-const Typography_1 = __importDefault(require("@mui/material/Typography"));
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const List_1 = __importDefault(require("@mui/material/List"));
-const ListItem_1 = __importDefault(require("@mui/material/ListItem"));
-const ListItemText_1 = __importDefault(require("@mui/material/ListItemText"));
-const Button_1 = __importDefault(require("@mui/material/Button"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const Download_1 = __importDefault(require("@mui/icons-material/Download"));
-const DRFReactBySchemaContext_1 = require("../../context/DRFReactBySchemaContext");
-const styles_1 = require("../../styles");
-const Image_1 = __importDefault(require("../Image"));
-const FileTypeIcon_1 = __importDefault(require("../FileTypeIcon"));
-const GeoThumbCell_1 = __importDefault(require("../DataGridBySchemaEditable/GeoThumbCell"));
-function DetailFieldBySchema({ fieldKey, fieldSchema, value, 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 }, "-");
-    }
-    const fieldType = fieldSchema.type;
-    switch (fieldType) {
-        case 'nested object':
-        case 'field':
-            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(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)));
-        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(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)));
-        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: "body2", sx: sxValue },
-                    react_1.default.createElement("a", { href: `mailto: ${value.valueStr}` }, value.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: "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 }, "-"))));
-        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: "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 }, "-"))));
-        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 })));
-        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)));
-    }
-}

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

@@ -1,22 +0,0 @@
-import React from 'react';
-import { AxiosError } from 'axios';
-import { AnyObjectSchema } from 'yup';
-import { AutocompleteItem, FieldList, FormFieldLayout, Item, OptionsAC, SchemaType, TField } from '../../@types';
-import { DialogType } from '../../context/APIWrapperContext';
-interface DialogFormBySchemaProps<T extends TField = void> {
-    schema: SchemaType<T>;
-    validationSchema: AnyObjectSchema;
-    initialValues: Item<T>;
-    onEditModelSave: (p: Item<T>) => Promise<boolean | AxiosError>;
-    setDialog: (x: Partial<DialogType>) => void;
-    getAutoComplete: (model: string, queryParams?: string[]) => Promise<AutocompleteItem[] | AxiosError>;
-    fieldsLayout?: FormFieldLayout<T>[];
-    hiddenFields?: FieldList<T>;
-    isCancelDisabled?: boolean;
-    forceSaveEnabled?: boolean;
-    optionsAC?: OptionsAC<T>;
-    setOptionsAC: (x: Partial<OptionsAC<T>>) => void;
-}
-export default function DialogFormBySchema<T extends TField = void>({ schema, validationSchema, initialValues, onEditModelSave, setDialog, getAutoComplete, fieldsLayout, hiddenFields, isCancelDisabled, forceSaveEnabled, optionsAC, }: DialogFormBySchemaProps<T>): React.JSX.Element;
-export {};
-//# sourceMappingURL=DialogFormBySchema.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DialogFormBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/forms/DialogFormBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AACtD,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAMtC,OAAO,EACL,gBAAgB,EAChB,SAAS,EACT,eAAe,EACf,IAAI,EACJ,SAAS,EACT,UAAU,EACV,MAAM,EACP,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAI7D,UAAU,uBAAuB,CAAC,CAAC,SAAS,MAAM,GAAG,IAAI;IACvD,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACtB,gBAAgB,EAAE,eAAe,CAAC;IAClC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACvB,eAAe,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC;IAC/D,SAAS,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC5C,eAAe,EAAE,CACf,KAAK,EAAE,MAAM,EACb,WAAW,CAAC,EAAE,MAAM,EAAE,KACnB,OAAO,CAAC,gBAAgB,EAAE,GAAG,UAAU,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACpC,YAAY,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACzB,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,IAAI,EAAE,EAClE,MAAM,EACN,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,SAAS,EACT,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,GACV,EAAE,uBAAuB,CAAC,CAAC,CAAC,qBAwF5B"}

package/dist/components/forms/DialogFormBySchema.js

@@ -1,97 +0,0 @@
-"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 __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.default = DialogFormBySchema;
-const react_1 = __importStar(require("react"));
-const axios_1 = __importDefault(require("axios"));
-const react_hook_form_1 = require("react-hook-form");
-const yup_1 = require("@hookform/resolvers/yup");
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const Button_1 = __importDefault(require("@mui/material/Button"));
-const styles_1 = require("@mui/material/styles");
-const styles_2 = require("../../styles");
-const FormBySchema_1 = __importDefault(require("./FormBySchema"));
-const utils_1 = require("../../utils");
-const texts_1 = require("../../styles/texts");
-function DialogFormBySchema({ schema, validationSchema, initialValues, onEditModelSave, setDialog, getAutoComplete, fieldsLayout, hiddenFields, isCancelDisabled, forceSaveEnabled, optionsAC, }) {
-    const formTexts = (0, texts_1.getThemeTexts)((0, styles_1.useTheme)()).forms;
-    const { control, handleSubmit, reset, getValues, setValue, setError, formState: { errors, isDirty }, } = (0, react_hook_form_1.useForm)({
-        mode: 'onBlur',
-        resolver: validationSchema ? (0, yup_1.yupResolver)(validationSchema) : undefined,
-    });
-    (0, react_1.useEffect)(() => {
-        reset(initialValues);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    // Wrap the provided save handler so DRF field validation errors (e.g.
-    // raised in a serializer's `validate()`) are mapped onto the dialog fields,
-    // rendered exactly like yup errors.
-    const handleSubmitWrapper = (0, react_1.useCallback)((data) => __awaiter(this, void 0, void 0, function* () {
-        var _a;
-        const result = yield onEditModelSave(data);
-        if (axios_1.default.isAxiosError(result)) {
-            const fieldErrors = (0, utils_1.getFieldErrorsFromResponse)((_a = result.response) === null || _a === void 0 ? void 0 : _a.data, schema);
-            Object.entries(fieldErrors).forEach(([field, { type, message }]) => {
-                setError(field, { type, message });
-            });
-        }
-        return result;
-    }), [onEditModelSave, schema, setError]);
-    if (!schema) {
-        return react_1.default.createElement(react_1.default.Fragment, null, "Houve um erro ao carregar este formul\u00E1rio!");
-    }
-    return (react_1.default.createElement(react_1.default.Fragment, null, initialValues && control && (react_1.default.createElement("form", { onSubmit: handleSubmit(handleSubmitWrapper) },
-        react_1.default.createElement(Box_1.default, null,
-            react_1.default.createElement(FormBySchema_1.default, { control: control, errors: errors, schema: schema, getValues: getValues, setValue: setValue, optionsAC: optionsAC, isolatedGetAutoComplete: getAutoComplete, fieldsLayout: fieldsLayout, hiddenFields: hiddenFields, relatedEditable: false })),
-        react_1.default.createElement(Box_1.default, { sx: styles_2.Layout.flexRow },
-            !isCancelDisabled && (react_1.default.createElement(Button_1.default, { variant: "contained", color: "primary", size: "small", sx: { ml: 1 }, onClick: () => {
-                    setDialog({
-                        open: false,
-                    });
-                } }, formTexts.dialogCancel)),
-            react_1.default.createElement(Button_1.default, { variant: "contained", name: "exitOnSave", disabled: !forceSaveEnabled && !isDirty, type: "submit", color: "primary", size: "small" }, formTexts.dialogSave))))));
-}

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { FieldBySchemaProps } from '../../@types';
-export default function FieldBySchema({ name, schema, control, errors, multiline, setValue, getValues, fieldKey, labelKey, index, optionsAC, optionsModel, getOptionLabel, renderOption, onEditModel, fieldsLayout, sx, options, isSemaphoric, label, onValueChange, decimalScale, autoFocus, ...other }: FieldBySchemaProps): React.JSX.Element;
-//# sourceMappingURL=FieldBySchema.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FieldBySchema.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FieldBySchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAc,kBAAkB,EAAqB,MAAM,cAAc,CAAC;AAajF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,IAAI,EACJ,MAAM,EACN,OAAO,EACP,MAAM,EACN,SAAiB,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAiB,EACjB,KAAK,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,EAAE,EACF,OAAO,EACP,YAAoB,EACpB,KAAK,EACL,aAAa,EACb,YAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,qBA8NpB"}