drf-react-by-schema 0.28.8 → 0.28.10

package/dist/components/FileTypeIcon.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_FILE_ICON = exports.FILE_TYPE_ICONS = void 0;
+exports.default = FileTypeIcon;
+const react_1 = __importDefault(require("react"));
+const Description_1 = __importDefault(require("@mui/icons-material/Description"));
+const FolderZip_1 = __importDefault(require("@mui/icons-material/FolderZip"));
+const Image_1 = __importDefault(require("@mui/icons-material/Image"));
+const InsertDriveFile_1 = __importDefault(require("@mui/icons-material/InsertDriveFile"));
+const PictureAsPdf_1 = __importDefault(require("@mui/icons-material/PictureAsPdf"));
+const TableChart_1 = __importDefault(require("@mui/icons-material/TableChart"));
+/**
+ * File extension → icon, reused anywhere a stored file is shown (detail page,
+ * grid cells, mobile lists, ...). Kept here until a central constants module
+ * groups it with the other shared constants (as done with the types).
+ */
+exports.FILE_TYPE_ICONS = {
+    pdf: PictureAsPdf_1.default,
+    jpg: Image_1.default,
+    jpeg: Image_1.default,
+    png: Image_1.default,
+    gif: Image_1.default,
+    webp: Image_1.default,
+    doc: Description_1.default,
+    docx: Description_1.default,
+    txt: Description_1.default,
+    rtf: Description_1.default,
+    odt: Description_1.default,
+    xls: TableChart_1.default,
+    xlsx: TableChart_1.default,
+    csv: TableChart_1.default,
+    zip: FolderZip_1.default,
+    rar: FolderZip_1.default,
+    '7z': FolderZip_1.default,
+    tar: FolderZip_1.default,
+    gz: FolderZip_1.default,
+};
+exports.DEFAULT_FILE_ICON = InsertDriveFile_1.default;
+/** Renders the small icon matching a stored file's extension. */
+function FileTypeIcon({ name }) {
+    var _a;
+    const extension = (_a = (name !== null && name !== void 0 ? name : '').split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+    const Icon = (extension && exports.FILE_TYPE_ICONS[extension]) || exports.DEFAULT_FILE_ICON;
+    return react_1.default.createElement(Icon, null);
+}

package/dist/components/GenericModelList.d.ts

@@ -0,0 +1,53 @@
+import React, { ReactElement } from 'react';
+import { GridFilterModel, GridRenderCellParams } from '@mui/x-data-grid';
+import { Item, OnSelectActions, OptionsAC, CustomAction, SumRowsType, LinkComponentType, MobileListRenderItemType, ExtraValidators, CustomFormFieldLayouts, FieldKey, CustomColumnOperations, MinWidthFields, FieldList, PartialItem, RowAction, NonEditableRowAction, TField, WatchEditingRowValues } from '../@types';
+export interface GenericModelListProps<T extends TField = void> {
+    model: string;
+    columnFields?: FieldList<T>;
+    hiddenFields?: FieldList<T>;
+    creatableFields?: FieldList<T>;
+    disabledFields?: FieldList<T>;
+    minWidthFields?: MinWidthFields<T>;
+    indexField?: FieldKey<T>;
+    indexFieldBasePath?: string;
+    indexFieldViewBasePath?: string;
+    addExistingModel?: string;
+    onProcessRow?: (p?: Item<T>) => void;
+    onDataChange?: (p: Item<T>[]) => void;
+    watchEditingRowValues?: WatchEditingRowValues;
+    customColumnOperations?: CustomColumnOperations<T>;
+    customFieldFormLayouts?: CustomFormFieldLayouts<T>;
+    customLinkDestination?: (p: GridRenderCellParams) => string;
+    isEditable?: boolean;
+    hasBulkSelect?: boolean;
+    onSelectActions?: OnSelectActions[];
+    sumRows?: SumRowsType<T>;
+    isAutoHeight?: boolean;
+    cardsViewOnly?: boolean;
+    LinkComponent?: LinkComponentType | null;
+    hasHeader?: boolean;
+    paginationMode: 'server' | 'client';
+    defaultFilter?: GridFilterModel;
+    queryParams?: string[];
+    hideFooterComponent?: boolean;
+    hideToolbarComponent?: boolean;
+    hideColumnsButton?: boolean;
+    hideFilterButton?: boolean;
+    hideDensityButton?: boolean;
+    hideExportButton?: boolean;
+    hideQuickFilterBar?: boolean;
+    tableAutoHeight?: boolean;
+    actions?: RowAction<T>[];
+    nonEditableActions?: NonEditableRowAction<T>[];
+    customActions?: CustomAction[];
+    optionsAC?: OptionsAC<T>;
+    defaultValues?: PartialItem<T>;
+    disableScreenLoading?: boolean;
+    extraValidators?: ExtraValidators<T>;
+    reloadStateStamp?: number | string;
+    MobileListRenderItem?: MobileListRenderItemType;
+    MobileRenderNoResults?: () => ReactElement | null;
+}
+declare const _default: <T extends TField = void>(p: GenericModelListProps<T>) => React.ReactElement;
+export default _default;
+//# sourceMappingURL=GenericModelList.d.ts.map

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

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

package/dist/components/GenericModelList.js

@@ -0,0 +1,194 @@
+"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 });
+const react_1 = __importStar(require("react"));
+const axios_1 = __importDefault(require("axios"));
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const AddCircleOutline_1 = __importDefault(require("@mui/icons-material/AddCircleOutline"));
+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 styles_1 = require("../styles");
+const utils_1 = require("../utils");
+const DRFReactBySchemaContext_1 = require("../context/DRFReactBySchemaContext");
+const APIWrapperContext_1 = require("../context/APIWrapperContext");
+function GenericModelList({ model, columnFields, hiddenFields, creatableFields, disabledFields, minWidthFields, indexField, indexFieldBasePath, indexFieldViewBasePath, addExistingModel, onProcessRow, onDataChange, watchEditingRowValues, customColumnOperations, customFieldFormLayouts, customLinkDestination, isEditable, hasBulkSelect, onSelectActions, sumRows, isAutoHeight = true, cardsViewOnly, LinkComponent = null, hasHeader, paginationMode = 'client', defaultFilter, queryParams, hideFooterComponent, hideToolbarComponent, hideColumnsButton, hideFilterButton, hideDensityButton, hideExportButton, hideQuickFilterBar, tableAutoHeight, actions, nonEditableActions, customActions, optionsAC, defaultValues, disableScreenLoading, extraValidators, reloadStateStamp, MobileListRenderItem, MobileRenderNoResults, }) {
+    const { isInBatches, firstBatchLength } = (0, DRFReactBySchemaContext_1.useDRFReactBySchema)();
+    const { getGenericModelList, onEditModel, isMobile } = (0, APIWrapperContext_1.useAPIWrapper)();
+    const [data, setData] = (0, react_1.useState)(false);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const [visibleRows, setVisibleRows] = (0, react_1.useState)([]);
+    const [hideFooterPagination, setHideFooterPagination] = (0, react_1.useState)(false);
+    const [paginationModel, setPaginationModel] = (0, react_1.useState)(paginationMode === 'server' ? { page: 0, pageSize: 100, queryParams } : undefined);
+    const columnVisibilityModel = (0, react_1.useMemo)(() => {
+        const model = {};
+        hiddenFields === null || hiddenFields === void 0 ? void 0 : hiddenFields.forEach((col) => {
+            model[col] = false;
+        });
+        return model;
+    }, [hiddenFields]);
+    const finalCustomColumnOperations = (0, react_1.useCallback)((column) => __awaiter(this, void 0, void 0, function* () {
+        if (minWidthFields) {
+            if (column.field in minWidthFields) {
+                column.minWidth = minWidthFields[column.field];
+            }
+        }
+        if (customColumnOperations) {
+            return yield customColumnOperations(column);
+        }
+        return column;
+    }), [customColumnOperations, minWidthFields]);
+    const loadObjectList = (0, react_1.useCallback)(() => __awaiter(this, void 0, void 0, function* () {
+        if (!disableScreenLoading) {
+            setLoading(true);
+        }
+        switch (paginationMode) {
+            case 'client':
+                const loadParams = {
+                    model,
+                    columnFields,
+                    creatableFields,
+                    disabledFields,
+                    isInBatches,
+                    queryParams,
+                    filter: defaultFilter,
+                };
+                const loadedData = yield getGenericModelList(loadParams);
+                if (loadedData && !axios_1.default.isAxiosError(loadedData)) {
+                    setData(loadedData);
+                    setLoading(false);
+                    if (isInBatches && loadedData.data.length === firstBatchLength) {
+                        const schema = loadedData.schema;
+                        setHideFooterPagination(true);
+                        getGenericModelList(Object.assign(Object.assign({}, loadParams), { loadedSchema: schema, loadedModelOptions: loadedData.modelOptions })).then((lastBatchData) => {
+                            if (lastBatchData && !axios_1.default.isAxiosError(lastBatchData)) {
+                                setData(Object.assign(Object.assign({}, loadedData), { data: [...loadedData.data, ...lastBatchData.data] }));
+                            }
+                            setHideFooterPagination(false);
+                        });
+                    }
+                    return;
+                }
+                console.log('error retrieving data!');
+                return;
+            case 'server':
+                const page = paginationModel ? paginationModel.page : 0;
+                const sort = paginationModel ? paginationModel.sort : undefined;
+                const filter = (0, utils_1.mergeFilterItems)(defaultFilter, paginationModel ? paginationModel.filter : undefined);
+                const loadPaginatedParams = {
+                    model,
+                    columnFields,
+                    creatableFields,
+                    disabledFields,
+                    page,
+                    filter,
+                    queryParams,
+                    sort,
+                    sumRows,
+                };
+                const paginatedData = yield getGenericModelList(loadPaginatedParams);
+                if (paginatedData && !axios_1.default.isAxiosError(paginatedData)) {
+                    setData(paginatedData);
+                    setLoading(false);
+                    return;
+                }
+                console.log('error retrieving data!');
+                return;
+        }
+    }), [
+        columnFields,
+        creatableFields,
+        defaultFilter,
+        disableScreenLoading,
+        disabledFields,
+        firstBatchLength,
+        isInBatches,
+        model,
+        paginationMode,
+        paginationModel,
+        queryParams,
+        sumRows,
+    ]);
+    const onDataChangeLocal = (0, react_1.useCallback)((newData) => {
+        if (!data) {
+            return;
+        }
+        if (onDataChange) {
+            onDataChange(newData);
+        }
+    }, [data]);
+    (0, react_1.useEffect)(() => {
+        loadObjectList();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [model, defaultFilter, queryParams, hiddenFields, paginationModel, reloadStateStamp]);
+    (0, react_1.useEffect)(() => {
+        if (!paginationModel || paginationModel.queryParams === queryParams) {
+            return;
+        }
+        setPaginationModel(Object.assign(Object.assign({}, paginationModel), { queryParams }));
+    }, [queryParams, paginationModel]);
+    return (react_1.default.createElement(react_1.default.Fragment, null, typeof data !== 'boolean' && 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: data.schema, data: data.data, sumRows: sumRows, visibleRows: visibleRows })) : (react_1.default.createElement(DataTotalsServer_1.default, { schema: data.schema, sumRows: sumRows, totals: data.sumRowsTotals })))),
+        hasHeader && (react_1.default.createElement(Box_1.default, { sx: Object.assign(Object.assign({}, styles_1.Layout.flexRowGrow), { mb: 2 }) },
+            react_1.default.createElement(Typography_1.default, { variant: "h5" }, data.modelOptions.verbose_name_plural || 'Listagem'),
+            LinkComponent && (react_1.default.createElement(Box_1.default, { sx: styles_1.Layout.flexRow },
+                react_1.default.createElement(LinkComponent, { to: `novo` },
+                    react_1.default.createElement(Button_1.default, { variant: "contained", size: "medium", sx: { alignSelf: 'stretch' }, startIcon: react_1.default.createElement(AddCircleOutline_1.default, null) }, "Adicionar")))))),
+        react_1.default.createElement(Box_1.default, { sx: tableAutoHeight || cardsViewOnly ? {} : styles_1.Layout.dataGridWithTabs },
+            react_1.default.createElement(DataGridBySchemaEditable_1.default, { data: data.data, columns: data.columns, columnVisibilityModel: columnVisibilityModel, schema: data.schema || {}, model: model, 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, customLinkDestination: customLinkDestination, actions: actions, nonEditableActions: nonEditableActions, customActions: customActions, optionsAC: optionsAC, defaultValues: defaultValues, onProcessRow: onProcessRow, onDataChange: onDataChangeLocal, watchEditingRowValues: watchEditingRowValues, LinkComponent: LinkComponent || undefined, paginationModel: paginationMode === 'server' ? paginationModel : undefined, setPaginationModel: paginationMode === 'server' ? setPaginationModel : undefined, rowCount: paginationMode === 'client'
+                    ? undefined
+                    : typeof data.rowCount !== undefined
+                        ? data.rowCount
+                        : 0, extraValidators: extraValidators, MobileListRenderItem: MobileListRenderItem, MobileRenderNoResults: MobileRenderNoResults })),
+        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: data.schema, data: data.data, sumRows: sumRows, visibleRows: visibleRows })) : (react_1.default.createElement(DataTotalsServer_1.default, { schema: data.schema, sumRows: sumRows, totals: data.sumRowsTotals })))))) : (react_1.default.createElement(Backdrop_1.default, { invisible: true, sx: { color: '#fff', zIndex: (theme) => theme.zIndex.drawer + 1 }, open: loading },
+        react_1.default.createElement(CircularProgress_1.default, null)))));
+}
+exports.default = react_1.default.memo(GenericModelList, utils_1.shouldMemoUpdate);

package/dist/components/GenericRelatedModelList.d.ts

@@ -0,0 +1,55 @@
+import React, { ReactElement } from 'react';
+import { GridFilterModel } from '@mui/x-data-grid';
+import { CustomColumnOperations, CustomFormFieldLayouts, ExtraValidators, FieldKey, FieldList, Id, Item, LinkComponentType, MinWidthFields, MobileListRenderItemType, OnSelectActions, OptionsAC, PartialItem, RowAction, NonEditableRowAction, SumRowsType, TField, WatchEditingRowValues } from '../@types';
+interface GenericRelatedModelListProps<T extends TField = void> {
+    model: string;
+    id: Id;
+    relatedModel: string;
+    columnFields?: FieldList<T>;
+    hiddenFields?: FieldList<T>;
+    creatableFields?: FieldList<T>;
+    disabledFields?: FieldList<T>;
+    usuaria?: Item | null;
+    minWidthFields?: MinWidthFields<T>;
+    indexField?: FieldKey<T>;
+    indexFieldBasePath?: string;
+    indexFieldViewBasePath?: string;
+    addExistingModel?: string;
+    label: string;
+    onProcessRow?: (p?: Item<T>) => void;
+    onDataChange?: (p: Item<T>[]) => void;
+    watchEditingRowValues?: WatchEditingRowValues;
+    customColumnOperations?: CustomColumnOperations<T>;
+    customFieldFormLayouts?: CustomFormFieldLayouts<T>;
+    isEditable?: boolean;
+    hasBulkSelect?: boolean;
+    onSelectActions?: OnSelectActions[];
+    sumRows?: SumRowsType<T>;
+    isAutoHeight?: boolean;
+    cardsViewOnly?: boolean;
+    isInBatches?: boolean;
+    noCardWrapper?: boolean;
+    paginationMode: 'server' | 'client';
+    defaultFilter?: GridFilterModel;
+    queryParams?: string[];
+    hideFooterComponent?: boolean;
+    hideToolbarComponent?: boolean;
+    hideColumnsButton?: boolean;
+    hideFilterButton?: boolean;
+    hideDensityButton?: boolean;
+    hideExportButton?: boolean;
+    hideQuickFilterBar?: boolean;
+    tableAutoHeight?: boolean;
+    actions?: RowAction<T>[];
+    nonEditableActions?: NonEditableRowAction<T>[];
+    optionsAC?: OptionsAC<T>;
+    defaultValues?: PartialItem<T>;
+    LinkComponent?: LinkComponentType | null;
+    extraValidators?: ExtraValidators<T>;
+    reloadStateStamp?: number | string;
+    MobileListRenderItem?: MobileListRenderItemType;
+    MobileRenderNoResults?: () => ReactElement | null;
+}
+declare const _default: <T extends TField = void>(p: GenericRelatedModelListProps<T>) => React.ReactElement;
+export default _default;
+//# sourceMappingURL=GenericRelatedModelList.d.ts.map

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

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

package/dist/components/GenericRelatedModelList.js

@@ -0,0 +1,181 @@
+"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 });
+const react_1 = __importStar(require("react"));
+const axios_1 = __importDefault(require("axios"));
+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 APIWrapperContext_1 = require("../context/APIWrapperContext");
+const utils_1 = require("../utils");
+const styles_1 = require("../styles");
+const GenericRelatedModelListTable_1 = __importDefault(require("./GenericRelatedModelListTable"));
+function GenericRelatedModelList({ model, id, relatedModel, columnFields, hiddenFields = ['id'], creatableFields, disabledFields, usuaria = null, minWidthFields, indexField, indexFieldBasePath, indexFieldViewBasePath, addExistingModel, label, onProcessRow, onDataChange, watchEditingRowValues, customColumnOperations, customFieldFormLayouts, isEditable = true, hasBulkSelect = false, onSelectActions, sumRows, isAutoHeight = false, cardsViewOnly, isInBatches = true, noCardWrapper = false, paginationMode = 'client', defaultFilter, queryParams, hideFooterComponent, hideToolbarComponent, hideColumnsButton, hideFilterButton, hideDensityButton, hideExportButton, hideQuickFilterBar, tableAutoHeight, actions, nonEditableActions, optionsAC, defaultValues, LinkComponent, extraValidators, reloadStateStamp, MobileListRenderItem, MobileRenderNoResults, }) {
+    const [data, setData] = (0, react_1.useState)(false);
+    const [visibleRows, setVisibleRows] = (0, react_1.useState)();
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const [hideFooterPagination, setHideFooterPagination] = (0, react_1.useState)(false);
+    const [paginationModel, setPaginationModel] = (0, react_1.useState)(paginationMode === 'server' ? { page: 0, pageSize: 100, queryParams } : undefined);
+    const { onEditModel, onDeleteRelatedModel, getGenericModelList } = (0, APIWrapperContext_1.useAPIWrapper)();
+    const columnVisibilityModel = (0, react_1.useMemo)(() => {
+        const model = {};
+        hiddenFields === null || hiddenFields === void 0 ? void 0 : hiddenFields.forEach((field) => {
+            model[field] = false;
+        });
+        return model;
+    }, [hiddenFields]);
+    const finalCustomColumnOperations = (0, react_1.useCallback)((column) => __awaiter(this, void 0, void 0, function* () {
+        if (minWidthFields) {
+            if (column.field in minWidthFields) {
+                column.minWidth = minWidthFields[column.field];
+            }
+        }
+        if (customColumnOperations) {
+            return yield customColumnOperations(column);
+        }
+        return column;
+    }), [customColumnOperations, minWidthFields]);
+    const loadObjectList = (0, react_1.useCallback)(() => __awaiter(this, void 0, void 0, function* () {
+        setLoading(true);
+        switch (paginationMode) {
+            case 'client':
+                const loadParams = {
+                    model,
+                    id,
+                    relatedModel,
+                    indexFieldBasePath,
+                    columnFields,
+                    creatableFields,
+                    disabledFields,
+                    usuaria,
+                    isInBatches,
+                    queryParams,
+                    filter: defaultFilter,
+                };
+                const loadedData = yield getGenericModelList(loadParams);
+                if (loadedData && !axios_1.default.isAxiosError(loadedData)) {
+                    setData(loadedData);
+                    setLoading(false);
+                    if (isInBatches && loadedData.data.length === 100) {
+                        setHideFooterPagination(true);
+                        getGenericModelList(Object.assign(Object.assign({}, loadParams), { loadedSchema: loadedData.schema })).then((lastBatchData) => {
+                            if (lastBatchData && !axios_1.default.isAxiosError(lastBatchData)) {
+                                setData(Object.assign(Object.assign({}, loadedData), { data: [...loadedData.data, ...lastBatchData.data] }));
+                                setHideFooterPagination(false);
+                            }
+                        });
+                    }
+                    return;
+                }
+                console.log('error retrieving data!');
+                break;
+            case 'server':
+                const page = paginationModel ? paginationModel.page : 0;
+                const sort = paginationModel ? paginationModel.sort : undefined;
+                const filter = (0, utils_1.mergeFilterItems)(defaultFilter, paginationModel ? paginationModel.filter : undefined);
+                const paginatedData = yield getGenericModelList({
+                    model,
+                    id,
+                    relatedModel,
+                    columnFields,
+                    creatableFields,
+                    disabledFields,
+                    page,
+                    filter,
+                    sort,
+                    sumRows,
+                    queryParams,
+                });
+                if (paginatedData && !axios_1.default.isAxiosError(paginatedData)) {
+                    setData(paginatedData);
+                    setLoading(false);
+                    return;
+                }
+                console.log('error retrieving data!');
+                break;
+        }
+    }), [
+        columnFields,
+        creatableFields,
+        defaultFilter,
+        disabledFields,
+        id,
+        indexFieldBasePath,
+        isInBatches,
+        model,
+        paginationMode,
+        paginationModel,
+        queryParams,
+        relatedModel,
+        sumRows,
+        usuaria,
+        getGenericModelList,
+    ]);
+    const onDataChangeLocal = (0, react_1.useCallback)((newData) => {
+        if (!data) {
+            return;
+        }
+        if (onDataChange) {
+            onDataChange(newData);
+        }
+    }, [data]);
+    (0, react_1.useEffect)(() => {
+        loadObjectList();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [id, model, defaultFilter, queryParams, paginationModel, reloadStateStamp]);
+    (0, react_1.useEffect)(() => {
+        if (!paginationModel || paginationModel.queryParams === queryParams) {
+            return;
+        }
+        setPaginationModel(Object.assign(Object.assign({}, paginationModel), { queryParams }));
+    }, [queryParams, paginationModel]);
+    return (react_1.default.createElement(react_1.default.Fragment, null, typeof data !== 'boolean' && data.columns && (react_1.default.createElement(react_1.default.Fragment, null, noCardWrapper ? (react_1.default.createElement(GenericRelatedModelListTable_1.default, { data: data, columnVisibilityModel: columnVisibilityModel, relatedModel: relatedModel, model: model, loading: loading, id: id, indexField: indexField, indexFieldBasePath: indexFieldBasePath, indexFieldViewBasePath: indexFieldViewBasePath, addExistingModel: addExistingModel, isEditable: isEditable, cardsViewOnly: cardsViewOnly, hasBulkSelect: hasBulkSelect, onSelectActions: onSelectActions, onEditModel: onEditModel, onDeleteRelatedModel: onDeleteRelatedModel, finalCustomColumnOperations: finalCustomColumnOperations, customFieldFormLayouts: customFieldFormLayouts, setVisibleRows: setVisibleRows, visibleRows: visibleRows, isAutoHeight: isAutoHeight, tableAutoHeight: tableAutoHeight, hideFooterPagination: hideFooterPagination, hideFooterComponent: hideFooterComponent, hideToolbarComponent: hideToolbarComponent, hideColumnsButton: hideColumnsButton, hideFilterButton: hideFilterButton, hideDensityButton: hideDensityButton, hideExportButton: hideExportButton, hideQuickFilterBar: hideQuickFilterBar, onProcessRow: onProcessRow, onDataChange: onDataChangeLocal, watchEditingRowValues: watchEditingRowValues, sumRows: sumRows, paginationMode: paginationMode, paginationModel: paginationModel, setPaginationModel: setPaginationModel, actions: actions, nonEditableActions: nonEditableActions, optionsAC: optionsAC, defaultValues: defaultValues, LinkComponent: LinkComponent, extraValidators: extraValidators, MobileListRenderItem: MobileListRenderItem, MobileRenderNoResults: MobileRenderNoResults })) : (react_1.default.createElement(Card_1.default, { sx: styles_1.Layout.formCard },
+        react_1.default.createElement(CardHeader_1.default, { title: label }),
+        react_1.default.createElement(CardContent_1.default, null,
+            react_1.default.createElement(GenericRelatedModelListTable_1.default, { data: data, columnVisibilityModel: columnVisibilityModel, relatedModel: relatedModel, model: model, loading: loading, id: id, indexField: indexField, indexFieldBasePath: indexFieldBasePath, indexFieldViewBasePath: indexFieldViewBasePath, addExistingModel: addExistingModel, isEditable: isEditable, cardsViewOnly: cardsViewOnly, hasBulkSelect: hasBulkSelect, onSelectActions: onSelectActions, onEditModel: onEditModel, onDeleteRelatedModel: onDeleteRelatedModel, finalCustomColumnOperations: finalCustomColumnOperations, customFieldFormLayouts: customFieldFormLayouts, setVisibleRows: setVisibleRows, visibleRows: visibleRows, isAutoHeight: isAutoHeight, tableAutoHeight: tableAutoHeight, hideFooterPagination: hideFooterPagination, hideFooterComponent: hideFooterComponent, hideToolbarComponent: hideToolbarComponent, onProcessRow: onProcessRow, onDataChange: onDataChangeLocal, watchEditingRowValues: watchEditingRowValues, sumRows: sumRows, paginationMode: paginationMode, paginationModel: paginationModel, setPaginationModel: setPaginationModel, actions: actions, nonEditableActions: nonEditableActions, optionsAC: optionsAC, defaultValues: defaultValues, LinkComponent: LinkComponent, extraValidators: extraValidators, MobileListRenderItem: MobileListRenderItem, MobileRenderNoResults: MobileRenderNoResults }))))))));
+}
+exports.default = react_1.default.memo(GenericRelatedModelList, utils_1.shouldMemoUpdate);

package/dist/components/GenericRelatedModelListTable.d.ts

@@ -0,0 +1,56 @@
+import React, { ReactElement } from 'react';
+import { GridRowId, GridColumnVisibilityModel } from '@mui/x-data-grid';
+import { AxiosError } from 'axios';
+import { OnEditModelType, OnDeleteRelatedModelType } from '../context/APIWrapperContext';
+import { CustomAction, CustomColumnOperations, CustomFormFieldLayouts, DataSchemaColumnsType, ExtraValidators, FieldKey, Id, Item, LinkComponentType, MobileListRenderItemType, OnSelectActions, OptionsAC, PaginationModel, PartialItem, RowAction, NonEditableRowAction, SumRowsType, TField, WatchEditingRowValues } from '../@types';
+interface GenericRelatedModelListTableProps<T extends TField = void> {
+    data: DataSchemaColumnsType<T>;
+    columnVisibilityModel?: GridColumnVisibilityModel;
+    relatedModel: string;
+    model: string;
+    loading?: boolean;
+    id: Id;
+    indexField?: FieldKey<T>;
+    indexFieldBasePath?: string;
+    indexFieldViewBasePath?: string;
+    addExistingModel?: string;
+    isEditable?: boolean;
+    cardsViewOnly?: boolean;
+    onEditModel: <U extends TField = void>(p: OnEditModelType<U>) => void;
+    onDeleteRelatedModel: (p: OnDeleteRelatedModelType) => Promise<true | AxiosError>;
+    finalCustomColumnOperations: CustomColumnOperations<T>;
+    customFieldFormLayouts?: CustomFormFieldLayouts<T>;
+    setVisibleRows?: (p: GridRowId[]) => void;
+    visibleRows?: GridRowId[];
+    isAutoHeight?: boolean;
+    hideFooterPagination: boolean;
+    hideFooterComponent?: boolean;
+    hideToolbarComponent?: boolean;
+    hideColumnsButton?: boolean;
+    hideFilterButton?: boolean;
+    hideDensityButton?: boolean;
+    hideExportButton?: boolean;
+    hideQuickFilterBar?: boolean;
+    onProcessRow?: (p?: Item<T>) => void;
+    onDataChange?: (p: Item<T>[]) => void;
+    watchEditingRowValues?: WatchEditingRowValues;
+    sumRows?: SumRowsType<T>;
+    paginationMode: 'server' | 'client';
+    paginationModel?: PaginationModel;
+    setPaginationModel?: (x: PaginationModel) => void;
+    hasBulkSelect?: boolean;
+    onSelectActions?: OnSelectActions[];
+    tableAutoHeight?: boolean;
+    actions?: RowAction<T>[];
+    nonEditableActions?: NonEditableRowAction<T>[];
+    customActions?: CustomAction[];
+    optionsAC?: OptionsAC<T>;
+    defaultValues?: PartialItem<T>;
+    LinkComponent?: LinkComponentType | null;
+    extraValidators?: ExtraValidators<T>;
+    MobileListRenderItem?: MobileListRenderItemType;
+    MobileRenderNoResults?: () => ReactElement | null;
+}
+declare const _default: <T extends TField = void>(p: GenericRelatedModelListTableProps<T>) => React.ReactElement;
+export default _default;
+//# sourceMappingURL=GenericRelatedModelListTable.d.ts.map

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

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